若要將多張影像合併成單一 PDF,通常需要一個工具,把多個檔案包裝進單一的 .pdf 文件容器中 —— 每頁一張影像,且 PDF 格式能保留列印就緒的尺寸與可搜尋文字的中繼資料。合併後的 PNG 則採用截然不同的做法:將兩到十二張影像拼接成一張連續的點陣畫布,並把結果匯出為單一的 PNG 檔案。這兩種方式都能解決「將多張影像保存在同一個可分享檔案中」這個根本問題,但它們服務的下游需求不同。PDF 以頁為導向,適合用於可列印的文件、多頁資料夾,以及正式提交資料。合併後的 PNG 以像素為導向,適合用於視覺比較、前後對照、螢幕截圖拼貼、設計參考,以及在不接受 PDF 的平台上快速分享。合併影像工具負責處理 PNG 這條路徑:它會解碼你本機的檔案、依你選擇的版面排列它們,並在不將任何內容上傳到伺服器的前提下,匯出單一的 PNG。

「將影像合併成單一 PDF」實際上代表什麼
「將影像合併成單一 PDF」這句話,依讀者想達成的目的不同,帶有兩種截然不同的意涵。第一種是直譯意義:產生一份多頁的 PDF 文件,每頁包含一張影像,可用於列印、封存或附加到電子郵件。第二種意義較為寬鬆:產生一個包含多張影像的單一檔案,無論副檔名是 .pdf 還是 .png。
大多數關於這個查詢的線上教學都聚焦在第一種意義上,因為 PDF 是眾所皆知的文件格式。但實際上在日常工作中,第二種意義更為常見,例如並排比較兩張照片、將一組垂直的螢幕截圖拼接成一張高聳的影像,或是為商品市集建立一張產品照片格狀圖。當下游用途是分享、發布或嵌入時,合併後的 PNG 往往比 PDF 更合適,因為幾乎所有的聊天應用、社群平台和影像檢視器都能直接接受 PNG,無需轉檔。
合併影像工具是為第二種解讀而設計的。它會產生一張單一的 PNG,其中以你選擇的版面排列你的影像,並保留每張原始來源的像素尺寸。它不會產生 PDF,也不會把影像包進文件容器中。
合併後的 PNG 何時是正確的答案
當你需要一張包含多張來源影像的單一點陣影像時,合併後的 PNG 就是正確的輸出格式。以下是合併後的 PNG 比 PDF 更合適的具體情境:
- 前後對照比較:以完整解析度並排放置兩張照片,以呈現轉變效果。
- 螢幕截圖拼接:將一張高聳的垂直捲動畫面或一連串的螢幕截圖合併成一張連續影像。
- 產品照片格狀圖:將 4–12 張產品照片排成正方形或長方形格狀,用於市集上架。
- 設計模型參考:將多張 UI 螢幕截圖放入一張影像中,用於簡報或設計審查。
- 社群媒體拼貼:製作一張適用於不接受 PDF 之平台的單一影像。
在上述每一種情境中,目標是單一影像檔,而非可列印的文件。PDF 會迫使讀者開啟文件檢視器、捲動頁面,並且在分享前可能還需要轉檔。合併後的 PNG 則可由任何影像檢視器、聊天應用或瀏覽器分頁直接開啟。
如何將影像合併成一個 PDF 友善的檔案
下面的工作流程會產生一張包含你所有影像的單一 PNG,順序依你指定的方式排列。如果你之後需要 PDF,可以使用任何影像轉 PDF 的工具,將合併後的 PNG 包裝成單頁的 PDF 文件。
- 開啟合併影像工具,從你的裝置中選擇兩到十二個影像檔。支援的格式為 PNG、JPEG、WebP、GIF、AVIF 和 BMP。該工具會拒絕 SVG 輸入,因為 SVG 可能引用外部資源或包含大量無法納入有限點陣工作流程的繪製指令。
- 依照你希望它們在輸出中出現的順序選擇檔案。最終排列會保留瀏覽器所選的順序。
- 選擇一種版面:水平、垂直或格狀。水平會以解碼後的像素尺寸,由左至右排列影像。垂直則是由上至下排列。格狀會依據影像數量,將它們排成近似正方形的矩陣。
- 設定影像之間的間距(0 到 100 像素),並使用色彩選擇器挑選一個六位數的背景色。背景會填滿畫布以及影像之間的區域。
- 點擊「合併影像」,確認輸出尺寸,然後下載產生的 PNG。
所有處理都在當前的瀏覽器分頁中進行。工具會使用 createImageBitmap 解碼每個檔案,將點陣圖依原尺寸繪製到畫布上,使用 toBlob 將畫布編碼為 PNG,並透過可撤銷的物件 URL 提供結果。原始檔案永遠不會離開你的裝置。
選擇正確的版面
這三種版面會產生不同的輸出尺寸與不同的視覺節奏。了解每種版面如何計算其畫布,有助於你在開始前選對版面。
| 版面 | 輸出寬度 | 輸出高度 | 影像擺放方式 |
|---|---|---|---|
| 水平 | 所有寬度的總和 + 總間距 | 最高影像的高度 | 由左至右;較矮的影像垂直置中 |
| 垂直 | 最寬影像的寬度 | 所有高度的總和 + 總間距 | 由上至下;較窄的影像水平置中 |
| 格狀 | 各欄寬度總和 + 間距 | 各列高度總和 + 間距 | 在每個儲存格中置中;空白儲存格以背景色填滿 |
以三張尺寸分別為 800×500、1200×700 和 600×400 像素的影像、間距 20 像素的水平版面為例,輸出畫布的寬度為 2640 像素(800 + 1200 + 600 + 2 個 20 像素的間距),高度為 700 像素(最高的影像)。較矮的 800×500 與 600×400 影像會在這 700 像素的高度內垂直置中,而不會被拉伸。
格狀版面會使用影像數量平方根的向上取整來決定欄數。四張圖會產生 2×2 格狀,九張圖會產生 3×3 格狀,十張圖則會產生 4×3 格狀,且最後一列有兩個空白儲存格。每個儲存格都以最寬解碼影像與最高解碼影像作為邊界,因此影像會保持原始長寬比,並在儲存格內置中,不會被拉伸或裁切。
檔案限制、格式與透明度
該工具強制設定了幾項嚴格的限制,以確保記憶體用量受到約束。每個來源檔案的大小不得超過 25 MiB,所有選取的檔案合計不得超過 100 MiB,且合併後的畫布任一邊不得超過 8192 像素,或總面積不得超過 3200 萬像素。即使檔案的副檔名看起來熟悉,若其位元組損毀或瀏覽器的影像解碼器不支援其編解碼,仍可能會失敗。
輸出永遠是單一的 PNG。該工具使用瀏覽器內建的必要 PNG 編碼器,並不以特定的位元組大小為目標。PNG 會保留解碼後輸入的銳利像素與透明度,但所選的不透明背景色會先繪製上去,因此任何透明區域在匯出的檔案中將變成該顏色。如果你需要在合併後的輸出中保留透明度,請挑選一個與你下游用途相符的背景色,或在專用軟體中進行合成。
動畫 GIF、WebP 和 AVIF 來源僅會貢獻瀏覽器影像點陣圖路徑所解碼的那一幀。動畫、圖層、EXIF 中繼資料、色彩描述檔以及原始檔名,都不會保留在這張單一的 PNG 輸出中。若要用於印刷製作或色彩管理的合成,請在將匯出的 PNG 送交印刷機之前,先於專用軟體中加以確認。
當你實際上需要的是 PDF 時
如果你的下游任務確實需要 PDF 文件 —— 例如向學校提交多頁資料夾、將可列印文件附加到電子郵件,或是以支援可搜尋文字的格式封存影像 —— 那麼合併後的 PNG 就不是正確的輸出格式。這種情況下,請使用專門的影像轉 PDF 工具,將每張影像包裝成獨立的一頁。影像轉 PDF工具會產生一份多頁的 PDF,每頁一張影像,這是可列印文件工作流程的標準格式。
若想取得從本機影像建立 PDF 的更完整指南,請參閱在瀏覽器中將多張影像合併成單一 PDF,該文從頭到尾完整說明了 PDF 這條路徑。合併影像工具所採用的畫布渲染遵循標準的 CanvasRenderingContext2D drawImage 行為。
簡而言之:當你想要的是包含多張影像的單一影像檔時,請使用合併影像。當你想要的是可列印的多頁文件時,請使用影像轉 PDF 工具。兩種工作流程都在你的瀏覽器中本地執行,並確保你的原始檔案保持私密。