UltKit

依比例裁切圖片:1:1、4:5、9:16、16:9 等 | UltKit

要依比例裁切圖片,先把裁切框鎖定成該比例,再移動到想保留的部分。比例決定形狀(1:1、4:5、16:9),像素尺寸決定細節;裁切只會改變形狀,除非你另外輸入精確的像素值。

Elena VásquezElena Vásquez圖片格式編輯
更新於 11 分鐘閱讀
散落在白紙上的沖洗照片:一隻巴哥犬、一對站在公園木製入口招牌下的情侶、一片海灘,以及長滿青苔的森林地面

長寬比與像素尺寸的差別

長寬比只描述圖片的形狀:寬度除以高度,以兩個較小的整數表示。1920 × 1080 px 與 1280 × 720 px 的畫面都是 16:9,因為兩邊各除以兩者的最大公因數(120 與 80)後,結果都是 16 與 9。而像素尺寸描述的是畫面包含多少細節。兩張圖片可以比例相同,像素數卻相差四倍;而像 1080 × 1350 與 1200 × 1200 這樣像素數幾乎相同的圖片,形狀卻不一樣。

這點很重要,因為各平台會分別檢查這兩件事。Instagram、沖印店或簡報範本會先看形狀,不符的就會裁切、加黑邊或直接拒絕,之後才把像素縮放到顯示尺寸。如果你自己先把形狀處理好,平台就沒有需要決定的事,你選定的構圖就是大家看到的構圖。如果只對了像素數,平台仍會裁切你送出的任何形狀。

拍攝時的感光元件決定了起始比例。多數手機相機拍出 4:3(iPhone 1200 萬畫素的照片是 4032 × 3024 px),而多數可換鏡頭相機是 3:2,也就是 35 mm 底片的形狀。每次裁成不同比例,都會捨棄原畫面的一部分,目標形狀與原圖差得越遠,損失就越多。

長寬比畫面形狀 · 寬:高 · AR
寬度與高度的比例,化簡為最小整數:4032 × 3024 px 化簡為 4:3,1080 × 1920 px 化簡為 9:16。第一個數字一律是寬度,所以 4:5 是直式,5:4 是橫式。它與解析度、檔案大小或列印尺寸無關。

各平台要求的圖片比例

多數需求都落在少數幾種形狀。正方形 1:1 是大頭貼、商品刊登與頭像的預設,因為網站可以直接以方形顯示,或從中切出圓形而不出意外。Instagram 動態接受從 1.91:1 橫式到 4:5 直式的任何比例,而 1080 × 1350 px 的 4:5 佔用最多螢幕高度。限時動態、Reels、TikTok 與 YouTube Shorts 是全螢幕 9:16。YouTube 建議自訂縮圖為 1280 × 720 px、小於 2 MB,而 PowerPoint 自 2013 版起預設投影片為 16:9。各平台的像素尺寸,請參閱 Instagram 貼文與限時動態尺寸指南。

列印與文件則有自己的一套。4 × 6 in 相片是 2:3(橫放則為 3:2),8 × 10 in 是 4:5,5 × 7 in 是 5:7,因此同一張照片放進不同尺寸的相框需要不同的裁切。護照照片以毫米定義:英國、歐盟、印度等許多國家為 35 × 45 mm,換算為 7:9,而美國護照照片是 2 × 2 in 的正方形。護照照片製作會依這些尺寸裁切,並檢查頭部高度,這是單純比例裁切做不到的。

1:1

1080 × 1080 px

大頭貼

常以圓形顯示

4:5

1080 × 1350 px

Instagram 直式貼文

動態中最高的形狀

9:16

1080 × 1920 px

限時動態、Reels、TikTok

手機全螢幕

16:9

1280 × 720 px

YouTube 縮圖、簡報

縮圖小於 2 MB

3:2

6000 × 4000 px

單眼相機照片、6 × 4 in 相片

35 mm 原生形狀

4:3

4032 × 3024 px

手機照片

多數手機感光元件

2:3

4 × 6 in

4 × 6 in 相片(直式)

標準相片尺寸

7:9

35 × 45 mm

護照照片(英國、歐盟、印度)

另有頭部大小規定

裁切、調整大小與補邊是不同的事

有三種操作會改變圖片與畫面的適配方式,而且容易混淆。裁切是把邊緣的像素切掉,其餘維持不變,所以會改變形狀並減少像素數。調整大小是把每個像素放大或縮小,保留整張圖片,所以會改變像素數但維持形狀。填補(也稱為上下加黑邊的 letterbox,或左右加黑邊的 pillarbox)則是加上單色邊框,讓圖片符合新形狀而不損失任何內容。

常見的工作會連續用到其中兩種。要把 4032 × 3024 px 的手機照片變成 1080 × 1350 px 的 Instagram 貼文,先裁成 4:5(約 2419 × 3024 px),再縮小。要把一張寬幅合照放進正方形又不切掉任何人,就改為填補成 1:1。調整圖片大小可一次完成:設定兩邊尺寸,並在縮放方式下選擇裁切填滿或以顏色填補。

移除邊緣

裁切

以原始比例保留圖片的一部分。

  • 改變形狀
  • 減少像素數
  • 由你決定捨棄哪裡
Best for: 符合平台比例並收緊構圖。
縮放像素

調整大小

保留整張圖片,改變像素數量。

  • 維持形狀
  • 達到精確的像素尺寸
  • 通常是裁切之後的步驟
Best for: 符合寬度、高度或檔案大小限制。
加上邊框

填補(加黑邊)

將圖片放在目標形狀的單色背景上。

  • 不會切掉任何內容
  • 邊框可為白色、黑色或任何顏色
  • 會浪費部分畫面
Best for: 必須保持完整的合照、螢幕截圖與設計作品。
相機背面螢幕對著鋼架格狀塔,以黑白畫面由下往上取景拍攝這座結構
相片:Unsplash

決定畫面中要保留什麼

比例鎖定只固定框的形狀,不決定框的位置,而位置才讓裁切看起來是刻意的。三分法是常見的起點:想像畫面被兩條橫線和兩條直線分成九格,把主體(或人像的眼睛)放在其中一條線上,而不是正中央。多數裁切畫面在拖曳時都會顯示這個格線。方形大頭貼則是置中比較好,因為網站可能從中切出圓形,靠近角落的內容都會消失。

頭部上方的空間稱為頭上留白。太多會讓人顯得渺小、沉在畫面裡;完全沒有、頭頂貼著邊緣,則顯得擁擠。從橫式照片裁成 9:16 時,請在主體面向或移動的方向留一點空間(稱為視線留白),畫面才不會有被堵住的感覺。

平台也會用自己的介面蓋住部分畫面。限時動態與 Reels 在上方放帳號名稱,在下方放回覆列與字幕,所以在 1080 × 1920 的畫面中,請讓文字避開大約上下各 250 px。YouTube 會在每張縮圖的右下角顯示影片長度。標題與人臉請放在不會被遮住的位置。

DoDon't
從原始照片裁切,不要從螢幕截圖或先前的裁切結果再裁不要在關節處(手腕、膝蓋、腳踝)切到人物,看起來像是失誤
人像中讓眼睛靠近上方三分線不要把文字放在 9:16 限時動態的上下 250 px 內
圓形或圓角畫面要在頭部與商品周圍留出邊距填補就能保留所有人時,不要把寬幅合照裁成 9:16
以實際顯示的大小檢查裁切結果,例如 110 px 的頭像不要把很小的裁切放大填滿大畫面,還期望畫質依然清晰

用手邊現有的應用程式依固定比例裁切

各大相片應用程式都能將裁切框鎖定為某個比例,但沒有一個可以輸入精確的像素尺寸。在 iPhone 上,照片 App 會保留原始檔,之後可用還原回到原圖。Android 的 Google 相簿在儲存旁提供另存副本,可同時保留兩個版本。以下步驟適用於各應用程式的目前版本;選單名稱在不同版本間略有變動,但比例按鈕一直都在裁切畫面中。

在 Windows 11 中,用相片開啟圖片,按編輯影像(Ctrl + E)並選擇裁切索引標籤。長寬比選單提供自由、原始、正方形,以及 16:9、4:3、3:2 等固定形狀;拖曳裁切框後,選擇另存複本,原始檔就不會被更動。

在 Mac 上,預覽程式則相反:沒有比例選單,但拖曳時會顯示選取範圍的像素尺寸。按住 Shift 可將框鎖定為正方形,即 1:1。其他比例則需一邊看數字直到吻合,或先算好:以 3024 px 高的照片裁成 4:5,寬度為 3024 × 4 ÷ 5 = 2419 px。

iPhone(照片)

  1. 01開啟照片,點選編輯,再點裁切圖示。
  2. 02點選上方的長寬比按鈕,選擇正方形、16:9、4:3、3:2 或其他預設值。
  3. 03使用預設值下方的直式與橫式切換來翻轉形狀,例如 16:9 變成 9:16。
  4. 04在框內拖曳照片,然後點選完成。

Android(Google 相簿)

  1. 01開啟照片,點選編輯並選擇裁切。
  2. 02點選長寬比圖示,選擇正方形、4:3、16:9 或其他形狀。
  3. 03在框內用雙指縮放並拖曳圖片。
  4. 04點選另存副本,讓原始檔與裁切結果並存。

Mac(預覽程式)

  1. 01選擇矩形選取工具並在圖片上拖曳;游標旁會顯示像素尺寸。
  2. 02拖曳時按住 Shift 可得到精確的正方形。
  3. 03選擇工具 → 裁切(Command + K)。
  4. 04若要保留原始檔,請先使用檔案 → 複製。

在瀏覽器中裁切精確像素與整批圖片

當表單要求精確尺寸,例如連結預覽的 1200 × 628 px 或簽證照片的 600 × 600 px,比例鎖定只能得到形狀,仍需再調整大小。以像素設定的裁切框則可一次完成。裁切工具在長寬比下提供九種固定比例,另有自由裁切,以及可指定精確寬度與高度的自訂尺寸(px)。它可在任何瀏覽器(包括手機)執行,免安裝、免註冊。

同一個裁切框可一次套用到最多 20 張圖片,每張最大 95 MB。這對於在同一張桌上拍的商品照、同一個視窗的螢幕截圖,或團隊頁面的一組大頭照很有用。起始位置決定裁切框落在每個檔案的哪裡:中央、某一邊、某個角落,或智慧(主體),後者會在每張照片中分別尋找主要的人臉或物體。檔案在處理完成 30 分鐘後會從伺服器刪除。

  1. 1

    加入照片

    將最多 20 張 JPG、PNG、WebP、HEIC 或其他圖片拖曳到上傳區。

  2. 2

    鎖定形狀

    在長寬比下選擇如 4:5 直式的比例,或選擇自訂尺寸(px)並輸入寬度與高度。

  3. 3

    擺放裁切框

    為整批檔案設定起始位置,再在需要不同構圖的圖片上拖曳裁切框。

  4. 4

    裁切並儲存

    按下裁切,逐一下載檔案,或打包成一個 ZIP 一次下載。

Tip如果照片比自訂像素框還小,請先依比例裁切,再放大結果,不要裁出一小塊再拉伸。

圓形裁切與透明邊角

圓形裁切就是去掉四個角的正方形裁切,所以一律從 1:1 開始。這些角落如何處理,取決於檔案格式。PNG、WebP 與 AVIF 支援透明,角落會變透明,圓形可乾淨地放在任何背景上。JPG 完全不支援透明,角落必須填上顏色,通常是白色。如果把 JPG 圓形上傳到深色主題的網站,白色角落會在圓形圖片周圍顯示成一個方框。

在裁切工具中,將形狀設為圓形,並選擇 PNG 或 WebP 作為輸出格式;圓形外側會維持為透明。若是 JPG,請選擇白色、黑色,或與圖片出現頁面相符的背景顏色。多數聊天軟體與社群網站本來就會從上傳的方形圖片切出自己的圓形,所以對它們來說,把臉置中的單純 1:1 裁切就夠了。預先切好的圓形則適合用在電子郵件簽名檔、簡報與文件。

裁切對圖片品質與檔案大小的影響

裁切不會讓保留下來的像素變模糊或變柔和,只是把其他部分移除。畫質的問題在於儲存結果時。PNG 是無損格式,所以裁切後的 PNG 與原圖該區域的每個像素完全相同。JPG 則必須重新解碼再編碼,等於多壓縮一次。在預設的品質 85 下,單次重新儲存肉眼看不出差異,但如果對同一張 JPG 連續裁切五次、每次都儲存,就會累積五次的損失。請保留原始檔案,每次都從原圖開始裁切。

裁切後的像素也比較少,這才是畫質感受下降的主因。從 4032 × 3024 px 的橫式照片裁出 9:16,只會保留約 1701 × 3024 px,大約是原畫面的 42%,用來做 1080 × 1920 的限時動態仍然綽綽有餘。若從合照中緊密裁出一張臉,可能只剩 400 px 甚至更少,在任何現代螢幕上都會顯得模糊。檔案大小通常會隨像素數減少而下降,所以當照片必須符合 KB 上限時,裁切也是第一步。

重點整理

  • 長寬比是畫面的形狀,像素尺寸則決定能容納多少細節。請先把形狀調對。
  • 1:1 用於大頭貼,4:5 用於 Instagram 直式貼文,9:16 用於限時動態,16:9 用於縮圖與簡報,3:2 與 4:3 則是相機照片常見的比例。
  • 要改變形狀就裁切,要改變像素數就調整大小,不能裁掉任何內容時就補邊。
  • 手機與電腦的照片應用程式只能鎖定比例,無法指定精確像素;自訂像素的裁切框可以一步完成兩者。
  • 圓形裁切請存成 PNG 或 WebP 以保留透明的邊角,而 JPG 一定要從原圖開始裁切。
分享XFacebookWhatsAppTelegram

常見問題

1920 × 1080 是什麼長寬比?

是 16:9。兩邊同除以 120 得到 16 和 9,與 1280 × 720、2560 × 1440、3840 × 2160 的形狀相同。

護照照片的比例是多少?

英國、歐盟與印度常用的 35 × 45 mm 護照照片,比例是 7:9。美國護照照片為 2 × 2 英吋,是 1:1 的正方形。

如何手動算出某個比例的裁切尺寸?

保留限制你的那一邊,再算出另一邊。例如高 3024 px 的照片要裁成 4:5,寬度為 3024 × 4 ÷ 5 = 2419 px;寬 4032 px 的照片要裁成 16:9,高度為 4032 × 9 ÷ 16 = 2268 px。

為什麼設成大頭貼時照片會被切掉?

大頭貼會以正方形或圓形顯示,所以上傳長方形圖片時,網站會自動從中央裁切。你可以自己先裁成 1:1,讓臉部位於正中央,網站就沒有東西可再裁了。

4:5 和 8 × 10 沖洗尺寸一樣嗎?

可以。8 × 10 英吋約分後是 4:5,所以 1080 × 1350 px 的 Instagram 直式裁切可以直接印在 8 × 10 相紙上,不必再裁,不過列印需要多得多的像素才會清晰。

iPhone 儲存後還能復原裁切嗎?

可以。「照片」App 會保留原始檔案,所以開啟照片,點選「編輯」再點「還原」,就能恢復完整畫面,即使過了幾週也一樣。

延伸閱讀