UltKit

多張照片合成一張:版面、尺寸與 App 教學

要把多張照片合成一張,先決定版面,再讓所有圖片的同一邊長度一致:橫排就統一高度,直排就統一寬度。想讓接縫明顯,可加 10–20 px 的間距;截圖存成 PNG,照片存成 JPG,若要分享,成品寬度最好控制在約 4000 px 以內。

Elena VásquezElena Vásquez圖片格式編輯
更新於 11 分鐘閱讀
白色牆面上掛滿大小不一的裱框相片,另有兩個小層架擺放更多相框與盆栽

大家最常用的四種圖片合併版面

幾乎所有合併圖片的需求,都屬於四種形式之一。並排是把兩到四張圖片放在同一列,適合前後對比、同一商品的兩種顏色,或今昔對照。垂直堆疊是由上而下排列,可以把長對話、收據或食譜的五張截圖合成一張長圖,在手機上自然捲動閱讀。格狀由多列多欄組成,四張用 2 × 2,九張用 3 × 3,是最經典的拼貼。第四種比較不明顯,就是之後再切成多張投影片的一條長圖。

長圖值得了解,因為連續式 Instagram 輪播就是這樣做的。三張 1080 × 1350 px 的直式投影片首尾相接,就是 3240 × 1350 px 的畫布。你在整條長圖上設計或合併,全景或主體就能跨越投影片邊界,再用圖片分割切成三等份。使用者滑動時,畫面會從一張延續到下一張。Instagram 在 2024 年把輪播上限從 10 張提高到 20 張,所以長圖可以比以前長得多。

先決定形式很重要,因為它決定每張圖必須共用哪一條邊。一列需要相同高度,一疊需要相同寬度,格狀需要相同的儲存格大小,通常也就是相同的長寬比。形式也影響檔案大小:並排每加一張圖寬度就增加,堆疊則是高度增加,格狀兩者都會增加。下方卡片顯示各種版面典型成品的比例,讓你在開始前先想像最後的畫布。

2:1

2160 × 1080 px

並排,兩張正方形照片

前後對比、兩種商品顏色

3:16

1080 × 5760 px

垂直堆疊,四張手機截圖

長對話、收據、逐步教學

1:1

3240 × 3240 px

格狀,3 × 3 正方形照片

拼貼、縮圖總覽、靈感板

12:5

3240 × 1350 px

輪播長圖,三張 4:5 投影片

合併後再切成三張投影片

合併前先統一高度或寬度

來自不同來源的照片幾乎不會有相同尺寸。iPhone 照片是 4032 × 3024 px,同一支手機的截圖可能是 1179 × 2556 px,從網站存下的圖片可能是 800 × 600 px。直接並排的話,邊緣會參差不齊,小圖旁邊是大圖,空隙還會出現白色或黑色色塊。解決方法是縮放每張圖,讓共用的邊相等:並排時把每張圖調整為相同高度,例如 1080 px;堆疊時調整為相同寬度,例如 1080 或 1179 px。

當形狀也不同時,光靠縮放並不夠。直式和橫式照片即使高度相同,寬度仍差很多,放在前後對比裡會顯得不平衡。請先把兩張都裁切成相同比例,4:5 或 1:1 都是安全的選擇,再統一尺寸。我們的如何依比例裁切圖片教學會說明如何選擇比例並讓主體保持置中。若只需縮放到精確的像素數,可以在合併前先調整圖片大小,或交給合併工具處理。

縮放時一律朝最小的圖看齊,不要朝最大的圖放大。把 4032 px 的照片縮到 1080 px 仍然清晰;把 600 px 的截圖拉大到 1080 px,每個字都會模糊,在清晰的圖片旁邊特別明顯。在合併圖片工具中,將統一尺寸設為自動,並排時會統一高度,堆疊時會統一寬度;選擇最小則保證不會放大任何圖片。

Tip如果某張圖比其他圖小很多,合併前請先找一份較大的版本。沒有任何設定能補上當初沒拍到的細節。

間距、背景顏色、輸出尺寸與格式

間距(常稱 gutter)是圖片之間的空白。間距為零時圖片緊貼,適合輪播長圖或長截圖這類接縫應該消失的情況。在 1080 px 的圖片上,10–20 px 的細間距(約為寬度的 1–2%)看起來像刻意的分隔線,能讓格狀版面更整齊。外框的粗細請與間距一致,邊緣看起來才平均。間距和外框會使用背景色:白色在多數動態牆上都很乾淨,黑色適合深色照片和夜景,而 #F2F2F2 這類淺灰色能讓格狀版面柔和,又不會像一張空白頁。

輸出尺寸只是簡單的算術,但成長速度比多數人預期的快。四張 4032 px 的手機照片並排,寬度會超過 16,000 px,遠超過任何螢幕能顯示的範圍,也超過許多應用程式能接受的上限。若要在聊天、電子郵件或社群貼文分享,成品寬度請維持在 4000 px 以內;多數手機 2048 px 就很夠用,Instagram 則是 1080 px。通訊軟體本來就會重新壓縮大圖,所以大小適中的原圖比巨大的圖更經得起壓縮。

格式取決於圖片內容。截圖、圖表和任何含文字的內容適合 PNG,它是無損格式,文字邊緣能保持銳利。照片適合品質 80–85 的 JPG,看起來與原圖相同,檔案卻小得多。一張由照片組成的長 PNG 很容易達到 20 MB 以上,同樣的堆疊存成 JPG 通常只有幾 MB。請記住 JPG 無法保存透明度,透明的間距會變成白色,而且 JPEG 任一邊最多只能有 65,535 px,只有非常長的堆疊才會碰到這個限制。

各種用途的常用設定;檔案大小僅為概略值,會依內容而異
用途版面格式寬度間距
前後對比貼文並排JPG,品質 852160 px0–10 px
對話或收據截圖垂直堆疊PNG手機寬度,1080–1290 px0 px
分享用照片拼貼格狀JPG,品質 852048–3240 px10–20 px
Instagram 輪播長圖一條長列JPG,品質 90每張投影片 1080 px0 px
4 × 6 沖印用拼貼格狀JPG,品質 90長邊 1800 px20–30 px
白色展覽空間,兩側牆面等距掛著一排裱框照片
照片:Unsplash

在哪裡合併:iPhone、Android、Windows 與 Mac

iPhone 的「照片」App 沒有拼貼或合併功能,但「捷徑」App 有。它的合併圖片動作可以把任意數量選取的照片水平、垂直或以格狀接合,並可設定以像素為單位的間距;接著加上儲存到相簿動作,就能把結果放進你的相片圖庫。捷徑從 iOS 13 起內建於 iOS,並隨 2021 年的 macOS Monterey 登上 Mac,所以同一個捷徑在兩者上都能使用。在 Android 上,Google 相簿的建立工具中有拼貼選項,提供少量圖片的現成範本;三星圖庫則有建立 → 拼貼,可處理兩到六張圖片。

桌面電腦就要稍微變通一下。在 Windows 的小畫家裡,可以放大畫布、貼上第二張圖再拖曳定位,兩張圖還行,但很難精確對齊。PowerPoint 較為精準:設定自訂投影片大小,用對齊工具擺放圖片,再把投影片匯出成 PNG 或 JPG。macOS 的預覽程式可在「工具 → 調整大小」中縮放圖片,但無法延伸畫布或接合檔案,所以在 Mac 上請使用捷徑動作、Keynote 或瀏覽器工具。Canva 和瀏覽器合併工具則能精確控制間距、背景和輸出尺寸。

iPhone 與 Mac

  1. 01開啟捷徑,建立新捷徑並加入選擇照片,開啟「選擇多張」。
  2. 02加入合併圖片,選擇水平、垂直或格狀,並設定間距。
  3. 03加入儲存到相簿,執行捷徑並依序選取照片。

Android

  1. 01在 Google 相簿中開啟建立選單並點選拼貼;若使用三星圖庫,則選取圖片後點選建立 → 拼貼。
  2. 02選擇範本,並在儲存格之間拖曳照片。
  3. 03儲存後,拼貼會以新圖片的形式出現在你的圖庫中。

Windows

  1. 01在 PowerPoint 中,把設計 → 投影片大小 → 自訂設為最終的像素比例。
  2. 02插入圖片,並用對齊和均分讓間距一致。
  3. 03使用檔案 → 匯出,把投影片存成 PNG 或 JPG。

長截圖與對比圖

接合截圖就是垂直堆疊,只多了一個問題:重疊。捲動後再次截圖時,上一張的底部通常會在下一張的頂部重複出現,直接堆疊就會看到同一則訊息或同一行文字出現兩次。合併前,請把後面每張截圖頂部重複的部分裁掉,保留一兩行上下文,讓讀者能順著接縫讀下去。Android 12 以上可以用擷取更多內容直接截取捲動畫面,iPhone 的 Safari 則可把整頁擷取存成 PDF,但兩者都無法在所有 App 中使用,所以對話和 App 畫面仍常靠手動接合。

對比圖的規則比拼貼嚴格,因為觀看者要判斷的是差異。請用相同的構圖、相同的比例,最好還有相同的光線來拍攝或裁切兩張圖,再以相同高度並排,間距小或不留間距。人們由左往右閱讀,所以把「前」放左邊,只有在平台允許圖片加文字時才加標籤。電商平台常限制主要商品照片;例如 Amazon 要求純白背景上只有單一商品,所以對比合成圖應放在次要圖片欄位。

  1. 1

    拍攝時保留重疊

    每次捲動比一整個畫面略少一點,讓每張截圖與下一張共有幾行內容。

  2. 2

    裁掉重複部分

    從第二張起,把每張截圖頂部重複的部分裁掉,保留一兩行上下文。

  3. 3

    以手機寬度堆疊

    以 0 px 間距垂直合併,讓接縫消失,並保持原始寬度,例如 1179 px。

  4. 4

    存成 PNG

    讓文字保持清晰,只有在圖片要用於有大小限制的地方時才縮小寬度。

移除中繼資料,並依列印需求設定拼圖尺寸

手機照片帶有 EXIF 中繼資料:相機型號、日期和時間,通常還有每張照片拍攝地點的精確 GPS 座標。合併後的圖片是畫在新畫布上的新檔案,多數合併工具不會把來源照片的 EXIF 複製進去,這通常正是你在發布家裡或孩子學校的拼貼前想要的結果。不過不要想當然。分享到公開場合前,請在檔案的「取得資訊」或「內容」面板檢查結果,或在 iPhone 上向上滑動照片,確認有沒有位置資訊。

列印會把目標從螢幕上的像素改成每英吋像素數。沖印店以 300 dpi 列印,所以 4 × 6 in 的相片需要 1200 × 1800 px,5 × 7 in 需要 1500 × 2100 px。300 dpi 的 A4 紙是 2480 × 3508 px,US Letter 則是 2550 × 3300 px。請以這些尺寸製作拼貼,並留下 20–30 px 的間距,讓照片在視覺上不會相連,同時預留幾公釐的邊距,因為沖印店會稍微裁掉邊緣。

合併前請讓格狀版面符合紙張的比例,否則沖印店會裁切或補邊來配合紙張。4 × 6 的相片是 2:3,所以 2 欄 3 列的正方形照片格狀剛好填滿,而 3 × 3 的正方形格狀則會在上下留下空白。如果拼貼是要上傳到入口網站或寄送電子郵件,而不是列印,請在合併之後再縮小圖片 KB 大小,不要在合併之前。

SizePixelscminDPIFits
4 × 6 in1200 × 180010.2 × 15.24 × 6300標準相片尺寸;2 欄 × 3 列的正方形剛好填滿。
5 × 7 in1500 × 210012.7 × 17.85 × 7300相框與卡片;比 4 × 6 略窄。
A42480 × 350821.0 × 29.78.27 × 11.69300北美以外地區的家用印表機;請留 5 mm 邊距。
US Letter2550 × 330021.6 × 27.98.5 × 11300美國與加拿大的家用印表機。

常見錯誤與解決方法

大多數合併失敗的情況都可以預料,而且幾乎都是因為跳過了調整尺寸這一步。一排高度不同的照片,工具要嘛留下黑邊,要嘛把某張圖拉伸;被放大的螢幕截圖會變模糊;用錯格式儲存的長圖則會變得太大,無法傳送或附加。這些問題都不需要特殊軟體,只要用正確的設定再處理一次,並花一分鐘檢查成果即可。

分享之前,請以 100% 縮放檢查完成的圖片,不要只看縮圖。留意接合處、最小的文字,以及檔案管理員顯示的檔案大小。如果照片拼貼工具或其他工具產生的檔案太大,請先縮小寬度,而不是先降低 JPG 品質,因為寬度減半,檔案大小約會縮減為四分之一,而以一般檢視大小來看依然清晰。只有在寬度已符合需求時,才把品質降到 80 以下。

  • 並排圖片的高度不一致

    先將每張圖片調整為相同高度,或先裁切成同一比例,然後重新合併。

  • 有一張圖片和其他張相比看起來模糊

    那張圖被放大了。請改為把所有圖片縮小到與最小那張一致,或用較大的版本取代小圖。

  • 合併後的 PNG 有 30 MB

    照片不需要用 PNG。請以品質 85 儲存為 JPG,並將寬度上限設為 2048–4000 px。

  • 截圖接合處出現重複的文字

    這些截圖有重疊。堆疊前,請把後面每張截圖重複的那一段裁掉。

重點整理

  • 先決定版面:橫排、直排、格狀或輪播長條。
  • 橫排統一高度,直排統一寬度,只縮小,不放大。
  • 拼貼用 10–20 px 的間距,螢幕截圖和輪播長條用 0 px。
  • 文字內容存成 PNG,照片存成品質 80–85 的 JPG,分享時寬度不超過 4000 px。
  • 要列印時以 300 dpi 製作:4 × 6 為 1200 × 1800 px,A4 為 2480 × 3508 px。
分享XFacebookWhatsAppTelegram

常見問題

iPhone 不下載 App 也能把照片合成一張嗎?

可以。內建的「捷徑」App 有「合併影像」動作,可將選取的照片橫向、縱向或以格狀合併,並把結果儲存到「照片」。「照片」App 本身沒有拼貼功能。

Instagram 用的兩張前後對比圖應該做多大?

兩張 1080 × 1080 px 的正方形並排會變成 2160 × 1080 px,Instagram 會將其裁切。若要發單一貼文,請用兩張 540 × 1350 px 的半幅組成一張 1080 × 1350 px 的直式圖片,或把兩張當成兩頁輪播貼文發佈。

照片合併後會移除位置資訊嗎?

通常會,因為結果是新檔案,多數工具不會把原始 EXIF 複製進去。公開發佈前,請在合併檔案的資訊面板中確認是否含有位置資訊。

列印 4 × 6 吋拼貼照需要多少像素?

300 dpi 下為 1200 × 1800 px。2 × 3 格狀中的每張照片,視間距而定,大約有 580 × 580 px 以上,在這麼小的尺寸下列印也很清晰。

為什麼合併後的圖片用 WhatsApp 傳送後畫質變差?

通訊軟體為了節省流量會調整圖片大小並重新壓縮,非常大或非常長的圖片被縮小得最多。請傳送寬度不超過約 2048 px 的副本,或以文件方式傳送以保留原始檔案。

截圖合併時該存成 JPG 還是 PNG?

PNG。螢幕截圖大多是純色和文字,PNG 以無損方式儲存,通常也很精簡,而 JPG 會在文字周圍留下明顯的模糊痕跡。

延伸閱讀