✂️ Image Cropper

📐 工作原理與說明

本工具為純前端線上工具，資料在瀏覽器本地處理、不上傳伺服器，依據對應領域標準與規範進行計算或處理，結果僅供參考。工具名稱：圖片裁剪 - 設計創意領域的線上工具。

Crop an image by dragging a free or fixed-ratio selection with live preview, ideal for avatars, ID photos and thumbnails.

上傳圖片

X 偏移

Y 偏移

寬度

高度

預覽

請上傳圖片

📚 深度解析：圖片裁剪

裁 1:1 頭像

輸入：上傳圖、選 1:1 框。處理：裁剪畫布區域。輸出：方形圖下載，本地處理。結果以瀏覽器即時計算為準，純前端本地處理、資料不上傳；生成的樣式與程式碼僅作快速產出參考，正式專案請以設計系統、規範與瀏覽器實測為準。

能旋轉後裁嗎？: 先旋轉再裁更準；本工具以框選裁剪為主。結果以瀏覽器即時計算為準，純前端本地處理、資料不上傳；生成的樣式與程式碼僅作快速產出參考，正式專案請以設計系統、規範與瀏覽器實測為準。
處理大圖會卡嗎？: 在瀏覽器本地用 Canvas 完成，圖越大越佔記憶體；建議先縮到合適尺寸再處理，資料不上傳。
會儲存或上傳我的內容嗎？: 結果以瀏覽器即時計算為準，純前端本地處理、資料不上傳；生成的樣式與程式碼僅作快速產出參考，正式專案請以設計系統、規範與瀏覽器實測為準。