裁剪圖片

直接在圖片上拖曳選取要保留的範圍

你的檔案不會離開這台裝置。所有處理都在瀏覽器中完成,我們的伺服器不會收到、也無法讀取你的圖片。你可以中斷網路連線後再操作一次驗證這一點。

正在載入你的媒體「圖片分享」… 回到媒體頁

拖放圖片至此,或

一次處理一張(單檔 50 MB 以內)
檔案不會上傳,全部在你的瀏覽器中處理

尚未選擇檔案

裁剪的常見用途

若敏感資訊位於畫面中央無法裁掉,請改用模糊遮蔽工具把該區域打上馬賽克。

常見的社群圖片比例

用途比例建議尺寸
Facebook 貼文1.91:11200 × 630
Instagram 方形1:11080 × 1080
Instagram 限時動態9:161080 × 1920
YouTube 縮圖16:91280 × 720
網站 OG 分享圖1.91:11200 × 630

裁剪與縮放的差別

裁剪是切掉畫面的一部分,畫面內容會減少但保留區域的解析度不變。縮放則是整張圖等比例變小,內容完整但像素變少。

實務上常兩者併用:先裁剪出想要的構圖,再用尺寸調整工具縮到目標尺寸,最後用壓縮工具控制檔案大小。

常見的裁剪情境

情境目標比例操作要點
大頭貼、頭像1:1臉部置中,上方留一點空間
Facebook 分享圖1.91:1重點放中央,避免邊緣被裁
限時動態9:16直式構圖,上下留白給文字
YouTube 縮圖16:9主體偏左,右側留給文字
商品去背前置依商品先裁掉背景雜物再處理
證件、單據掃描依文件裁到只剩紙張範圍

拖曳選取時,畫面上方會即時顯示「寬 × 高」的像素值,可以據此微調到目標比例。例如要 1:1,就把兩個數字調到接近相等。

構圖的三個實用原則

三分法

想像畫面被兩條橫線與兩條直線分成九宮格,把主體放在線條交叉點附近,畫面會比正中央更有張力。拍人像時,眼睛的高度大約落在上方那條橫線是常見的做法。

留白

人物或動物視線的前方要留較多空間,畫面才不會有壓迫感。若人物面向右方,就在右側留白多一些。

去除干擾

裁剪最直接的價值是「減法」。畫面邊緣的雜物、路人、垃圾桶,裁掉之後主體立刻突出。裁之前先問自己:這個元素有沒有幫助說明主題?沒有就裁掉。

裁剪的順序建議

  1. 先裁剪 — 決定構圖,此時解析度最高,操作空間最大
  2. 再遮蔽 — 若有個資,用模糊工具處理
  3. 然後縮放 — 用尺寸調整縮到目標大小
  4. 最後壓縮 — 用壓縮工具控制檔案大小

順序顛倒的後果:先縮小再裁剪,會因為可用像素變少而讓成品解析度不足;先加浮水印再裁剪,浮水印可能被裁掉。

常見問題排解

裁完發現解析度不夠

裁剪只保留框內的像素,裁得越小輸出尺寸也越小。如果從 4000px 的照片裁出一小塊,可能只剩 400px。這種情況無法用放大救回細節,只能重新拍攝或改用構圖較寬鬆的裁法。裁剪前先確認你需要的最終尺寸。

選取框拖不準

畫面上的 canvas 會依螢幕寬度縮小顯示,但選取範圍是以原圖的實際像素計算的,所以顯示縮得越小,一個像素的移動就越粗糙。需要精確裁剪時,建議在桌機的大螢幕上操作,或先把瀏覽器視窗放大。

想裁成精確的比例

目前需要手動對照提示的像素數字。訣竅是先粗略拖出範圍,看提示顯示的數值,再重新拖曳微調。例如要 16:9,寬 1280 對應高 720;要 1:1 就讓兩個數字相同。

可以一次裁多張嗎

目前一次一張。因為每張照片的構圖不同,需要的裁剪範圍也不同,逐張確認才能得到正確結果。若你只是要把一批圖統一成相同尺寸,改用尺寸調整工具的「指定尺寸」模式會更快。

常見問題

可以精確控制裁剪的像素嗎?
可以。拖曳選取範圍時,畫面上方會即時顯示目前選取區域的寬高像素值,你可以依此微調到需要的尺寸。選取框是以原圖的實際像素座標計算,不受畫面縮放影響。
裁剪會讓畫質變差嗎?
裁剪本身只是取出畫面的一部分,不會重新縮放,因此保留區域的畫質與原圖完全相同。若輸出選擇 JPG 或 WebP,則會有一次編碼壓縮;想完全無失真請選擇 PNG。
可以一次裁剪多張圖片嗎?
目前一次處理一張。因為每張圖片需要的裁剪範圍通常不同,逐張確認才能得到正確結果。若你要對多張圖做相同的尺寸處理,建議改用尺寸調整工具。
手機上可以操作嗎?
可以。工具支援觸控拖曳,在手機或平板上用手指在圖片上滑動即可選取範圍。

其他線上工具