合併圖片會在當前瀏覽器分頁中，以水平、垂直或置中網格的方式排列 2 到 12 張本地點陣圖，產生單一 PNG 檔案而非多頁 PDF。「combine images into a PDF free」這個詞涵蓋兩種本質上不同的工作，在挑選工具前必須先釐清差異。有些人想要的是真正的 PDF 文件，每張選定的圖片各佔一頁；有些人則想要一張平坦的圖片，把多張照片視覺上拼接在一起，方便儲存、分享、嵌入投影片，或發佈到社群媒體。「合併圖片」處理的是第二種工作，將本地點陣圖檔案排列成一張 PNG，可調整間距與背景顏色，且絕不會將原始檔案上傳到伺服器。PNG 輸出並非折衷方案：PNG 能讓所有解碼後的像素保持銳利，支援輸入圖片的透明度，而且幾乎能在任何影像檢視器、通訊軟體或設計工具中開啟，因此對於接觸印樣、分鏡腳本、前後對比圖，以及逐步操作擷圖來說，平坦的 PNG 往往比多頁文件更實用。
「combine images into a PDF」真正的意思
兩種免費的工作流程能回應相同的搜尋詞，卻產生截然不同的檔案。第一種是真正的 PDF 文件，每張圖片各佔一頁，可以捲動、列印或附加到電子郵件。第二種是平坦的圖片，把選定的圖片視覺上拼接成一個矩形，方便貼上、發佈或嵌入。「合併圖片」處理的是第二種工作，當目標是一張可分享的圖片，而非一份可列印的文件時，這就是正確答案。這個工具會依照瀏覽器列出的順序，精準排版您選定的圖片，所以在上傳前先排序檔案就能得到您想要的排列。解碼後，每張圖片都會保留原始像素尺寸：既不會調整大小、縮放，也不會裁切，MDN 上記載的 Canvas drawImage 基本方法會保留來源像素而非重新取樣。若您需要的是每張圖片各佔一頁的真正 PDF，而非平坦的 PNG，那麼對應的工具是圖片轉 PDF，它以相同的瀏覽器內運作方式執行。
「合併圖片」如何排列您的檔案
這個工具會依照瀏覽器列出檔案的順序，套用三種確定性的版面配置。水平排列會以解碼後的像素尺寸，將每張圖片由左至右對齊；輸出寬度會是所有輸入寬度的總和再加上您設定的間距，輸出高度則對齊最高的圖片，較矮的圖片會在該高度內垂直置中。垂直排列使用對應的由上至下規則：保留最寬的輸入寬度，較窄的圖片會在該寬度內水平置中，間距則出現在各列之間。
網格排列遵循固定、可預測的規則。工具會計算圖片數量平方根的無條件進位，以挑選接近正方形的欄數，然後安排每個格子的邊界，使寬度等於最寬解碼圖片的寬度，高度等於最高解碼圖片的高度。每張來源圖片會在格子內置中，不會被拉伸、裁切或更改長寬比。最後一列的空白格子和任何未使用的格子空間，會以您挑選的背景顏色填滿，這正是間距顏色設定能產生乾淨格狀留白的方式。
在瀏覽器中合併您的圖片
- 依您想要的排列順序，挑選兩到十二張支援的點陣圖。瀏覽器的檔案選擇器會保留工具將使用的選取順序。
- 選擇一種版面配置：水平、垂直或置中網格。以像素為單位設定 0 到 100 的間距，並挑選一個六位數的背景顏色（例如一般的 #FFFFFF 這類十六進位值）給畫布和任何空白格子使用。
- 點擊「合併圖片」。工具會驗證每個檔案的大小和編碼格式，在當前分頁中解碼像素，並依照前述版面配置規則計算輸出尺寸。
- 查看顯示的輸出尺寸，確認畫布在每邊 8192 像素和總面積 3200 萬像素的限制內，再進行下載。
- 下載產生的 PNG。這個檔案是由瀏覽器的標準 PNG 編碼器產生，如 MDN 上的 HTMLCanvasElement.toBlob 所述，內容即為以所示尺寸合併後的影像。
支援的輸入、輸出行為與檔案限制
「合併圖片」工具接受 PNG、JPEG、WebP、GIF、AVIF 和 BMP，這是典型瀏覽器能解碼的同一組點陣圖格式。SVG 會被刻意拒絕，因為它可能引用外部資源或包含非常大的渲染指令，將此工作流程限制在點陣圖輸入，可讓結果更可預期。每個來源檔案不得超過 25 MiB，所有選定檔案的總和不得超過 100 MiB，且合併後的畫布任一邊不得超過 8192 像素，總面積不得超過 3200 萬像素。這些上限是為了避免記憶體暴增導致分頁當機，所以龐大的相片庫需要分批處理。
動畫 GIF、WebP 或 AVIF 輸入只會提供瀏覽器沿其影像點陣路徑解碼的單一影格；靜態 PNG 輸出中不會保留動畫。副檔名看似熟悉的檔案，若其位元組損毀或編碼格式不支援，仍可能失敗，而這屬於驗證結果而非上傳失敗，因此重新開啟或重新匯出來源檔案即可解決。
輸出是由瀏覽器內建的必要編碼器所寫入的 PNG。PNG 能保留銳利的像素以及解碼輸入中存在的任何透明度，但由於背景會在圖片之前繪製，來源中的透明區域在最終檔案中會變成所選的不透明背景顏色。這個工具不會朝目標位元組大小壓縮、不會新增中繼資料，也不會保留 EXIF、色彩設定檔標籤、動畫、圖層或原始檔名。若用於印刷生產或需要色彩管理的合成，請在送交印刷前，先在專用軟體中檢查匯出的 PNG。
「合併圖片」與「圖片轉 PDF」的比較
這兩個瀏覽器工具解決的是相鄰的工作，選對工具能省下一個步驟。下表比較它們的輸入、版面配置、輸出格式、處理位置，以及各自最適合的情境。如果您的真正目標是每張圖片各佔一頁的可列印 PDF，請參閱另一篇教學：在瀏覽器中將多張圖片合併成一份 PDF。
| 面向 | 合併圖片 | 圖片轉 PDF |
|---|---|---|
| 圖片數量 | 2 到 12 個點陣圖檔案 | 可變批次合併成 PDF |
| 版面配置 | 在單一畫布上以水平、垂直或置中網格排列 | 依原始順序，每張圖片各佔一頁 |
| 輸出格式 | 單一 PNG | 單一 PDF 文件 |
| 執行位置 | 當前瀏覽器分頁 | 當前瀏覽器分頁 |
| 動畫處理 | 僅保留解碼後的第一個影格 | 僅保留解碼後的第一個影格 |
| 最適合的情境 | 拼貼、接觸印樣、社群貼文、投影片預覽 | 可列印的 PDF、掃描存檔、逐頁分享 |
當您想要單張平坦合成圖以便貼上、嵌入或發佈時，請使用「合併圖片」。當每張圖片都必須在真正的 PDF 文件中保留為獨立、全解析度的頁面時，請使用「圖片轉 PDF」。
取得最乾淨的合併 PNG
有幾個實用的習慣能讓產出結果無需再用其他編輯器修補。首先，上傳前請依您想要的排列順序排序來源檔案，因為工具會保留瀏覽器所見的順序。其次，挑選與 PNG 用途相符的背景顏色：投影片用白色，行銷素材用品牌色，並請記住畫布永遠不會是透明的，因為背景一定會先繪製。第三，加大間距可讓格狀之間出現可見的邊框，或將間距設為零以得到不間斷的條帶。第四，請注意顯示的輸出尺寸，確認畫布在每邊 8192 像素的限制內，特別是垂直堆疊許多高聳的直式圖片，或水平排列許多寬廣的橫式圖片時。第五，在規劃標誌或疊加層時，請記住透明像素在合併後的檔案中會變成所選的背景顏色，不要依賴輸出檔案的透明度。第六，對於可列印或需要色彩管理的工作，請在送交印刷或設計工具前，先在專用軟體中開啟匯出的 PNG 以確認結果，因為此工具不會嵌入 ICC 設定檔或 EXIF。
延伸閱讀：如何在瀏覽器中產生 PNG 網站圖示。