組合圖片
將 2–12 本機圖片水平、垂直或以中央網格排列,並輸出一個 PNG。
隱私權:你的檔案不會離開裝置,所有處理均在瀏覽器本機完成。
使用方式
- 1.選擇兩至十二張支援的點陣圖圖片,並依照你希望的順序排列。
- 2.選擇水平、垂直或網格佈局,然後設定間距與背景顏色。
- 3.選擇「組合圖片」,確認輸出尺寸,並下載產生的 PNG。
關於組合圖片
組合圖片可將兩至十二張本機圖片轉為單一 PNG,且不會上傳原始檔案。它保留瀏覽器選取的順序,並提供三種確定性佈局:水平、垂直與網格。間距範圍為零至 100 像素,用以分隔項目;六位數顏色選擇器則填滿未使用的畫布空間及圖片間的區域。
水平佈局將圖片從左至右以解碼後的像素尺寸排列。輸出寬度為所有寬度總和加上間距,輸出高度為最高圖片的高。較短的圖片會在垂直方向上居中。垂直佈局則從上至下適用對應規則:保留最高的尺寸,較窄的圖片水平居中,行間加上間距。
網格佈局會選擇最小的方格列數,取圖片數量的平方根向上取整。每個格子使用最寬的解碼圖片與最高的解碼圖片作為邊界。每張原始圖片會在格子內居中,不拉伸、不裁剪,也不改變長寬比。最後一行的空格與未使用的格子空間會顯示所選背景顏色。
此工具支援常見瀏覽器可解碼的點陣圖圖片,並刻意拒絕 SVG 的輸入。SVG 可參考外部資源或包含非常大的渲染指令,因此排除此類輸入可讓此本機點陣圖流程保持穩定且可預測。動態的 GIF、WebP 或 AVIF 輸入會使用瀏覽器影象點陣圖路徑解碼的單一影格;動畫不會保留在最終的單一 PNG 輸出中。
每張原始檔案大小不得超過 25 MiB,所有選取的檔案總和不得超過 100 MiB,且合併的畫布任一方向不得超過 8192 像素,或總面積不得超過 32 百萬像素。這些限制可避免記憶體浪費導致分頁崩潰。即使檔案延伸名看起來熟悉,若其位元組損毀或編碼不支援,仍可能失敗。
輸出使用瀏覽器所需的 PNG 壓縮編碼器。PNG 會保留解碼輸入中的清晰像素與透明度,但會先塗上所選的不透明背景,因此透明區域會變成該顏色。此工具不會壓縮至目標位元組大小,不會加入元資料、保留 EXIF、色彩配置標籤、動畫、圖層或原始檔名。若需印刷或色彩管理合併,請在專用軟體中驗證輸出的 PNG。
方法與來源
驗證 2–12 瀏覽器可解碼的點陣圖檔案,並設定每檔、總位元組、畫布邊界與畫布面積限制。使用 createImageBitmap 解碼每張來源,根據整數解碼尺寸與有界整數間距計算水平、垂直或類似方格的佈局。繪製驗證過的六位數背景顏色,繪製每張點陣圖一次且不縮放,將畫布以 PNG 編碼輸出為 toBlob,關閉所有 ImageBitmap,並透過可收回的 Object URL 管理可下載的 Blob。
常見問題
- 我的圖片會上傳嗎?
- 不會。圖片解碼、佈局、繪製、PNG 編碼與下載產生皆在當前瀏覽器標籤中完成。
- 這工具會調整或裁剪圖片嗎?
- 不會。每張解碼後的圖片都維持原始像素尺寸,並在所選佈局中居中。
- 透明像素會怎麼處理?
- 會先塗上所選的不透明背景,因此輸出的 PNG 中透明區域會變成該背景顏色。
- 動態圖片會被保留嗎?
- 不會。瀏覽器解碼的單一影格會被放入靜態的 PNG 中;動畫與原始元資料將不會保留。
相關工具
圖片工具 使用指南
查看全部- How to Combine Images Into One PDF (or Single PNG) (英文原文)
- Combine Images Into PDF Free: PNG or Multi-Page Output (英文原文)
- Combine Images Into One File: Layouts, Limits, and Output (英文原文)
- Combine Images into One PNG in Your Browser (英文原文)
- How to Add a Background to a PNG for Your Website (英文原文)
- Convert WebP to GIF on Mac Without Uploading It (英文原文)
- How to Convert WebP to GIF in Your Browser (英文原文)
- Convert SVG to PNG With a Transparent Background (英文原文)
- How to Convert SVG to JPG in Windows Without Software (英文原文)
- How to Make an Image a Solid Color in Photoshop (英文原文)
- Add Rounded Corners to a Photo in Your Browser (英文原文)
- How to Convert PNG to JPG Without Losing Quality (英文原文)
- Image Placeholder for Photoshop, Without the App (英文原文)
- Cities: Skylines 2: Create a Reference Overlay PNG Locally (英文原文)
- Turn Your Memento Backpack Division 2 Hunt Into a Meme (英文原文)
- Convert JPG to PNG Without Canva: A Faster Way (英文原文)
- How to Put an Image to PDF Without Uploading It (英文原文)
- Image to Base64 in JavaScript Without Writing Code (英文原文)
- Image to ASCII Explained: How Pixels Become Text (英文原文)
- Change Image DPI in Illustrator Without Re-encoding (英文原文)