關於

這是一款免費、開源、純前端的圖片拼接（合併／拼貼）工具：所有圖片的選擇、處理、合成與匯出都在你的瀏覽器本地完成，不會上傳到伺服器，保障隱私與資料安全。支援垂直布局與網格布局，可拖放排序，並可調整間距、圓角與背景色。提供所見即所得預覽，一鍵匯出 PNG。所有操作皆在瀏覽器本地完成，不上傳任何圖片。安全、免費、無浮水印。

目標：讓「快速把多張圖片合成一張」變得足夠簡單、高效且安全。

核心功能

  • 🔒

    本地安全

    完全在前端執行；不會上傳圖片，隱私由你掌控。

  • 📁

    批次匯入

    一次選取多張圖片；自動生成縮圖。

  • 🧲

    拖放排序

    透過拖曳縮圖重新排序，並即時預覽。

  • ↕️

    水平與垂直布局

    目前支援水平與垂直拼接。

  • 🎨

    風格設定

    可自由調整間距、圓角、外邊距與背景色。

  • ⚡

    即時預覽

    所見即所得：參數變更即時反映。

  • 🖼️

    自動尺寸適配

    以最小或最大邊對齊，保持版面整齊。

  • 💾

    一鍵匯出

    匯出無浮水印的 PNG，可直接分享或存檔。

  • 📐

    網格布局

    多種布局選項，滿足不同場景。

快速開始

  1. 1. 點擊「選擇圖片」或直接拖入圖片。
  2. 2. 在清單中拖曳縮圖以重新排序。
  3. 3. 選擇水平或垂直布局；需要時展開「更多設定」。
  4. 4. 調整間距、圓角、背景色等樣式選項。
  5. 5. 預覽滿意後，點擊「下載」。
  6. 6. 儲存生成的 PNG 圖片。

提示：若圖片數量多或尺寸很大導致卡頓，請分批處理。

原理與安全

  • 圖片載入：使用瀏覽器 File API 建立本地物件 URL；不會上傳到網際網路。
  • 布局預覽：以 CSS Flex/Grid（後續）與計算尺寸即時渲染。
  • 合成與匯出：將當前布局繪製到 Canvas，然後匯出 PNG。
  • 記憶體釋放：刪除圖片或重新整理頁面時，立即釋放物件 URL 與記憶體。

隱私保證： 任何時刻都不會傳輸資料。可在 DevTools 的 Network 面板驗證沒有上傳請求。

常見問答

為什麼這麼快？

所有操作在本地記憶體與 Canvas 中完成，沒有網路延遲。

回饋與建議

如有任何問題、建議或回饋，請聯絡：  [email protected]

感謝使用本工具——願它為你節省時間，專注創作。