圖片裁剪

圖片裁剪

拖動選區或輸入像素座標裁剪圖片,支援 1:1、16:9 等比例,不上傳

瀏覽器本地計算

載入圖片後選擇比例,拖動選區或輸入像素坐標,點擊“裁剪”預覽,確認後下載。

也可以直接粘貼剪貼板中的圖片。圖片只在當前瀏覽器中處理,不會上傳。 每次處理一張 JPG、PNG、WebP、AVIF、BMP 或 GIF 圖片,不超過 50 MB。

範例

輸入

sample.png(頁面生成,1200×800)· 比例 1:1 · 居中選區

示例結果

sample-crop.png · 720×720 · X 240、Y 40

1:1 時默認選區為圖片較短邊的 90%:800 × 0.9 = 720 像素,並水平、垂直居中。之後可拖動或輸入坐標重新調整。

技術細節與邊界

坐標以原圖左上角為原點 (0, 0)、按原始像素計算,與屏幕顯示的縮放無關;選區始終限制在圖片範圍內並取整到整數像素。裁剪按 1:1 複製所選像素,不做縮放插值,畫質只受輸出編碼影響。圖片按 EXIF 方向擺正後再裁剪;結果經 Canvas 重新編碼,不保留元數據,輸出 JPEG 時透明區域填充為白色。

關於此工具

在瀏覽器本地裁剪單張圖片:拖動選區和 8 個控制點調整範圍,或直接輸入 X、Y、寬、高像素值;可鎖定 1:1、4:3、3:2、16:9 及竪版比例,也可按原圖比例或自由裁剪。選區支持鍵盤微調,裁剪結果先預覽再下載,可輸出原格式、JPEG、PNG 或 WebP,圖片不會上傳。

操作步驟

  1. 拖入、點擊選擇或粘貼一張圖片。
  2. 選擇比例,拖動選區或控制點,也可以輸入 X、Y、寬度和高度。
  3. 點擊“裁剪”預覽結果,確認後下載。

輸入 / 輸出說明

輸入
一張 JPEG、PNG、WebP、AVIF、BMP 或 GIF(只取第一幀)圖片,不超過 50 MB、5000 萬像素。
輸出
裁剪後的 JPEG、PNG 或 WebP 文件,尺寸與選區一致。
限制
每次處理一張;不旋轉、不縮放、不做圓形裁剪;不保留元數據和動畫。

注意事項

方向鍵移動選區(Shift 每次 10 像素),Alt + 方向鍵調整寬高。需要固定輸出尺寸時,可在裁剪後用圖片尺寸調整縮放。

常見問題

怎樣把照片裁剪成 1:1 正方形頭像?
比例選 1:1,選區只顯示四角控制點,拖動時寬高始終相等。3000×2000 的照片最大可裁出 2000×2000。裁剪不縮放,若平台要求 512×512,可再用圖片尺寸調整處理。
可以輸入精確的像素坐標來裁剪嗎?
可以。X、Y 以原圖左上角 (0, 0) 為原點,寬高按原始像素計算,例如 X 100、Y 50、寬 800、高 600。超出圖片的數值會自動收回到邊界內;鎖定比例時修改寬度會按比例重算高度。
裁剪圖片會降低畫質嗎?
裁剪本身不會,所選像素按 1:1 複製,不做縮放。畫質只受輸出編碼影響:PNG 無損;JPEG 和 WebP 默認質量 92,會有輕微損失。要盡量保真可選 PNG,或把質量調到 100。

相關工具

圖片裁剪 · 拖動選區或輸入像素座標裁剪圖片,支援 1:1、16:9 等比例,不上傳
圖片裁剪 — 工具示意圖 · dayeku.com