圖片裁剪工具

Image Crop - Based HTML5 Canvas Online Image Process

Image Crop - Based HTML5 Canvas Online Image Process

🖼️
點選或拖拽圖片到此處
支援 PNG / JPG / GIF / WebP,檔案不會上傳到伺服器
🔒 純前端處理:圖片僅在瀏覽器本地處理,不會上傳到任何伺服器,保護你的隱私安全。
⚠️ 使用說明與注意事項

📚 深度解析:圖片裁剪(自由/比例鎖定)

💡 常見使用場景

鎖 16:9 裁封面
原圖 4000×3000,鎖 16:9 框,輸出 4000×2250,匯出 JPEG 質量 92,約 520KB。
1:1 裁頭像
鎖 1:1,從 3000×2000 中取中間 2000×2000 正方形,PNG 匯出約 1.1MB。

❓ 常見問題(FAQ)

比例鎖定後輸出尺寸怎麼定?
以較短邊為基準按比出另一邊。如鎖 16:9 且高 2250,則寬 = 2250×16/9 = 4000。
匯出 JPEG 為何要設質量?
裁剪後重新編碼,質量 92 兼顧清晰與體積;純透明需求仍用 PNG。
📖關於「圖片裁剪」 ▼

📝工具簡介

圖片裁剪工具是一款基於 HTML5 Canvas 的線上圖片處理工具。無需安裝軟體、無需註冊登入,開啟網頁即可使用。支援自由拖拽建立裁剪框、四角四邊調整大小、多種寬高比預設、90° 旋轉以及即時預覽,全部在瀏覽器本地完成,圖片不離開裝置。

✨功能特點

🎯使用場景