跳到主要內容
batonbox

指南

怎樣裁切圖片,還讓主角留在框裡

在瀏覽器裡畫出裁切框、鎖定長寬比,匯出 PNG、JPEG 或 WebP——畫面不會在你拖控制點時自己溜走。

更新於 2026-09-21

裁切是修照片最便宜的一招:切掉天花板、把人像裁成頭像用的正方形,或從較大的靜態圖挖出 16:9 橫幅。工具跟你作對時就會失敗——你想動框,圖卻跟著平移;或原圖有 4000 像素塞不進螢幕,等於閉眼裁。

Batonbox 的「裁切圖片」把畫面穩穩放在舞台裡。你畫框、移動、縮放;圖本身不動。鎖定比例、像素讀數、放大檢查,都在同一張工作台上。匯出在瀏覽器完成,可選 PNG、JPEG 或 WebP。

先框故事,再看像素

先想框裡要留下什麼故事,不要先去拖百分比滑桿。在主角四周拖出一個框,目的地有規定再用 1:1、4:3、3:4、16:9 或 9:16 鎖定。自由比例留給印刷,或之後版面還會再裁一次的情況。

平台拒絕低於某個最小尺寸時,像素讀數就有用。頭像和 Open Graph 卡片都有公開尺寸;先裁好再縮放,比先縮一刀亂七八糟的裁切乾淨。

裁切做不到的事

裁切是拿掉像素。它不會讓鬆掉的臉變銳利,也救不回爆掉的高光。大景裡主角很小,裁完就接受剩下的像素就是全部——或回頭找更大的原檔。

JPEG 匯出是有損的。還要再修,就留 PNG 或原檔。目的地收 WebP 時,它是不錯的交付格式;當封存則很差。

批次別趕

工具可以一次收好幾張圖。每張在自己的舞台上裁,不要把同一個框套到所有照片。臉的位置不一樣;單一百分比裁切會讓半套照片被砍頭。

分步操作

  1. 1

    先讓圖在螢幕上看得清楚

    原圖很大就在舞台裡縮放、平移,直到看到主角。別從郵票大小的預覽下手裁。

  2. 2

    先畫框,再鎖比例

    用自由比例大概框好,再切到 1:1 或 16:9,微調時控制點才會老實。

  3. 3

    讀像素

    對一下目的地要的寬高。低於下限就拉大框,或換一張來源。

  4. 4

    用對的交付格式匯出

    商標或還要再修的檔用 PNG。只上傳一次的照片用 JPEG 或 WebP。

常見問題

裁切會在伺服器上做嗎?
不會。「裁切圖片」在你瀏覽器的畫布上畫。這個工具不會上傳檔案。
我拖的時候,為什麼圖不動?
控制點移動的是裁切框,不是照片。這是故意的,免得大圖滑出視野。
iPhone 拍的 HEIC 能裁嗎?
瀏覽器解得開 HEIC 就可以,現在的 Safari 和較新的 Chromium 都做得到。分享時匯出 PNG 或 JPEG。