圖片裁切(自由 / 比例 / 圓形)
拖框視覺化裁切,可鎖固定比例(1:1 / 16:9 / 3:2 等 8 種)或自由裁切,圓形 mask 適合大頭貼,輸出 PNG / JPG / WebP 並可指定輸出寬度。完全在瀏覽器內處理,**檔案不上傳**。
›如何使用
- 拖入圖片(JPG / PNG / WebP / GIF)。預覽會顯示原圖,中央有一個 80% 大小的裁切框,周圍會變暗。
- 拖框中央 移動位置,拖 4 個角 改大小。選 比例(1:1、16:9、9:16、4:3、3:4、3:2、2:3 或自由),系統自動同步另一邊。
- 勾選 圓形 mask 做大頭貼(PNG / WebP 才能保留透明)。
- 下方選輸出格式 + 畫質(JPG / WebP)+ 輸出寬度(可放大或縮小),按 下載 拿檔。
Tips
- 1:1 圓形 適合 IG / Twitter / Slack 大頭貼;16:9 適合 YouTube 縮圖、blog cover;9:16 適合 IG Story / Reels。
- 輸出寬度 留空用裁切框的實際解析度(no upscale);填數字 會放大或縮小(Canvas resample,雙線性)。
- 圓形 + JPG = 變回方形(JPG 不支援透明) — 想要真圓形請選 PNG 或 WebP。
- WebP 比 PNG 小 25-30%、比 JPG 小 30-40%,且 2025 年瀏覽器全支援。
💡 整段流程在你瀏覽器內跑(loadImage → canvas draw → toBlob),檔案不上傳。適合證件照、機密文件、個人照片。