若要將兩張影像合併成一張,請在瀏覽器中開啟本機的「合併影像」工具,依您想要的排列順序選擇兩個檔案,選擇水平或垂直版面,設定間距與背景顏色,然後下載產生的 PNG。整個工具完全在您目前的分頁中執行,因此來源檔案不會離開您的電腦。每個檔案會以其原始像素尺寸解碼、佈局在單一畫布上、以所選的背景顏色繪製,並儲存為可保存、分享或列印的 PNG。
這個作法之所以有效,是因為「合併影像」是圍繞三個明確的限制所建構:它只接受瀏覽器可解碼的點陣圖格式、繪製每張影像時完全不縮放或裁切,並將畫布上限設為每邊 8,192 像素。這些規則讓操作既快速又可預測,而且也符合大多數人在尋找快速並排合併兩張照片的方式時的實際需求。同一個工具也能處理最多十二張影像,無論是水平排列、垂直堆疊或置中的格狀排列,因此您為兩張圖片建立的工作流程,可以乾淨地延伸到更大的專案,而無需學習第二個介面。

開始之前您需要準備什麼
兩張(或更多)來源影像是唯一的硬性需求,但稍作準備能讓結果更可預期。「合併影像」接受瀏覽器原生可解碼的點陣圖格式:PNG、JPEG、WebP、GIF、AVIF 和 BMP。SVG 會刻意被拒絕,因為它可能參照外部資源,或包含會讓本機工作流程超出其受限記憶體範圍的極大型繪製指令。如果您的來源是向量圖,請先將其透過 SVG 轉 PNG 的轉換器處理,再使用輸出的點陣圖。
每個檔案的大小上限為 25 MiB,而合併後的選擇總量上限為 100 MiB。最終的畫布同樣有邊界限制:任一邊不得超過 8,192 像素,總面積不得超過 3,200 萬像素。這些數字的存在是為了避免分頁在處理大型輸入時當機,因此如果您知道圖片的解析度非常高,請先調整大小,或先用格狀分割器切割後再合併。
逐步合併兩張影像
合併兩張圖片是一個三階段流程:依序選擇檔案、決定它們在畫布上的排列方式,然後驗證輸出並下載。下列步驟將完全依照工具所呈現的工作流程逐步說明。
- 在任何現代的桌面瀏覽器中開啟 合併影像。
- 點選檔案選擇器,選取要合併的兩張影像。您在此選擇的順序就是它們在輸出中出現的順序,因此請先選擇最左側(或最上方)的影像。
- 選擇版面:水平可將兩張影像由左至右並排,垂直可將它們由上至下堆疊,或者若您計畫稍後加入更多影像,可選擇格狀。
- 以像素為單位設定間距(0 到 100),並使用六位數十六進位選擇器設定背景顏色。背景會填滿影像後方以及影像之間間隔區域的畫布。
- 點選合併影像。工具會在瀏覽器中解碼每個檔案、繪製背景、以原始像素尺寸繪製每張影像,然後將畫布編碼為 PNG。
- 查看工具所顯示的輸出尺寸,確認其符合您的預期。
- 點選下載按鈕以儲存 PNG。可下載的 Blob 會透過一個暫時性的物件 URL 產生並交給您。
如果您只有兩張圖片,並希望沿著較長的一邊合併,水平版面是預設的最佳選擇。如果您的影像比寬還要高,垂直版面通常看起來更自然。無論採用哪種方式,您選擇的順序都會被完整保留,因此在點選「合併」之前重新排序,是控制結果最簡單的方法。
水平、垂直或格狀:選擇正確的版面
這三種版面解決不同的視覺問題,其差異會記錄在輸出畫布的尺寸方式上。下表比較了在您剛好合併兩張影像時,每個選項的行為。
| 版面 | 適用情境 | 輸出畫布 | 影像的排列方式 |
|---|---|---|---|
| 水平 | 並排比較、前後對比、全景合併 | 寬度等於所有解碼後寬度加上間距的總和;高度等於最高的來源 | 由左至右以原始像素大小排列;較短的影像垂直置中 |
| 垂直 | 逐步序列、由上至下的敘事、高聳的構圖 | 寬度等於最寬的來源;高度等於所有高度加上間距的總和 | 由上至下排列;較窄的影像水平置中 |
| 格狀 | 三張或更多影像,或是兩張但您計畫稍後再加入更多 | 欄數等於影像數量平方根的無條件進位;每個儲存格以最寬且最高的來源作為邊界 | 每個來源在所屬儲存格內置中,不進行拉伸、裁切或改變長寬比 |
在純粹的雙影像任務中,水平與垂直通常是最合適的選擇,因為它們不會留下任何空白儲存格。格狀版面同樣可用 — 對於兩張影像,它會產生一列兩格,其中第二格的寬度正好等於最寬的來源,高度正好等於最高的來源。若有空白儲存格,會以您所選擇的背景顏色填滿。
輸出畫布的計算方式
匯出 PNG 中的每個像素都是確定性的,這讓您能在點選「合併」之前輕鬆預測結果。在水平模式下,輸出寬度是所有解碼後影像寬度的總和,加上所選間距乘以接合處數量(兩張影像為一處接合,三張為兩處,依此類推)。輸出高度就是集合中最高的影像高度,任何較短的影像會以背景顏色垂直置中繪製。
垂直模式套用相同的規則,由上至下排列:寬度等於最寬的影像,高度等於所有高度加上間距的總和,較窄的影像在該條帶中水平置中。格狀模式透過計算影像數量平方根的無條件進位來決定欄數,然後讓每個儲存格的寬度等於最寬的來源、高度等於最高的來源。每張影像會放置在其指定的儲存格中,不進行縮放、裁切或拉伸,任何空白儲存格的空間會顯示您所選擇的背景顏色。
正是這種確定性的行為,讓整個工作流程得以重複執行。如果第一次的輸出太高,請將間距降為零並縮短垂直方向的清單;如果太矮,請把間距加回來或再納入一張影像。「合併影像」頁面會在下載前顯示輸出尺寸,因此您可以根據需要上傳、嵌入或列印的目標來核對大小。
為何本機瀏覽器工具能以不同的方式處理這項任務
大多數線上影像合併服務會將您的檔案上傳到遠端伺服器,在那裡處理後再將合併結果回傳給您。這種模式有三個實際問題:會將私人或工作相關的影像暴露給第三方、仰賴伺服器是否連線且免費可用,而且一旦超出最基本的使用,通常會強迫註冊或加上浮水印。「合併影像」跳過了這三個問題。
解碼、版面計算、繪製、PNG 編碼與下載產生,全部都在目前的分頁中使用瀏覽器本身的 CanvasRenderingContext2D drawImage 與 HTMLCanvasElement toBlob API 完成。ImageBitmap 物件在繪製後會被關閉,而可下載的 Blob 則透過一個可撤銷的物件 URL 公開。您的檔案完全不會離開本機,這也是為什麼這個工具只要在公布的單檔與總位元組限制範圍內,就能接受非常大型的輸入。
對於可能包含螢幕擷圖、證件文件、草圖或進行中設計的兩張影像,這種本機模式通常是正確的預設選擇。雲端編輯器在您需要裁切、圖層修飾或文字疊加時仍然有用 — 在這些情況下,請先使用專用的編輯器,再將清理過的點陣圖檔案帶回「合併影像」進行合併。
檔案限制、格式與注意事項
公布的限制是為了保持分頁穩定,而且這些限制會互相影響。如果您單檔低於 25 MiB、總量低於 100 MiB,但畫布仍會超過單邊 8,192 像素或總面積 3,200 萬像素,工具仍會拒絕合併。對於典型手機或螢幕解析度的大多數雙影像任務,這些上限都不會被觸及,但高解析度的全景影像在水平堆疊時可能會超過單邊限制。安全的做法是先調整輸入影像的大小再合併,或者先用格狀分割器將其中一張影像切割成多塊,然後再重新合併。
有幾個邊緣情況值得特別提醒。動畫 GIF、WebP 或 AVIF 檔案僅會透過瀏覽器的影像點陣圖路徑貢獻其解碼的那一格畫面;在靜態的 PNG 輸出中,動畫會被捨棄。透明像素同樣值得留意:背景顏色會先繪製,因此來源影像中任何透明區域在輸出中都會變成該不透明顏色。如果您希望輸出保持透明,請在理解工具永遠會先繪製畫布再繪製影像之後,再選擇背景。
輸出的 PNG 會保留銳利的像素以及任何在背景步驟後存留下的透明度,但不會帶有 EXIF、色彩設定檔、動畫、圖層資訊或原始檔名。對於印刷製作或需要色彩管理的合成,請在送往印表機或下游流程之前,先在專用軟體中驗證匯出的檔案。
如果您正在權衡各種選項,如何在 Canva(及更多工具)中使用影像混合應用程式對此有詳細說明。
如果您正在權衡各種選項,如何在 Canva 中使用影像混合並跳過上傳對此有詳細說明。