朋友圈 / 小紅書九宮格配圖
把多張照片按九宮格網格排版拼成一張圖，社交平臺預覽時更整齊美觀，不用逐張手動裁剪成方形。
排版方式
網格列數
拼圖模板
此模板需要 2 張圖：左、右各一（多出的圖不會參與）
圖片間距 8px
背景顏色
匯出格式
拖動每一行左側的把手，或使用上移/下移按鈕調整圖片在拼接結果中的順序
上手路徑
最短路徑 · 拼圖
不需要安裝任何軟體，全程在網頁裡完成。
-
1
上傳圖片
點擊選擇或直接把圖片拖進網頁，一次至少選擇 2 張（模板拼圖按所選模板要求張數），最多支持 30 張，單張不超過 20MB。
-
2
選擇排版方式
選擇橫向長圖、縱向長圖、九宮格網格或模板拼圖；網格可指定列數，模板可切換左右對比、主圖+雙圖等版式；再設置間距和背景顏色。
-
3
調整圖片順序
拖動列表左側的把手，或點擊上移/下移按鈕，把圖片排到你想要的順序；模板模式下列表前幾張會依次填入各個槽位。
-
4
生成並下載
點擊開始拼接，幾秒內生成一張合併圖片，確認效果後下載保存。
疑難排查
卡在格式、體積或預覽時看這裡
拼圖支持批量處理嗎？
拼圖的本質是把多張圖片合併成一張輸出，不存在「每張圖獨立處理」的批量語義，所以不算批量工具；但它本身就支持一次選擇最多 30 張圖片參與拼接排版，這是它和批量工具不同但同樣高效的地方。
九宮格網格模式為什麼會裁掉圖片的一部分？
為了讓每張圖片整齊填滿統一大小的正方形格子（視覺效果更整齊美觀），網格模式會對圖片做等比放大後居中裁剪，超出格子的部分會被裁掉，不會拉伸變形畫面。如果不希望裁掉任何內容，建議改用橫向或縱向長圖排版，兩種排版都會完整保留每張圖片的畫面內容。
拼接後的圖片順序可以調整嗎？
可以。上傳後的每張圖片會顯示在下方列表裡，桌面端可以直接拖動每一行左側的把手調整順序，也可以點擊上移/下移按鈕（觸屏更方便），列表順序就是拼接結果裡從左到右或從上到下的實際排列順序。
背景顏色和間距的設置是做什麼用的？
間距用於控制圖片之間留出的空白寬度，設為 0 就是圖片緊密相連；背景顏色會填充在這些間距空白處，以及九宮格模式下最後一行沒填滿的空格子裡，預設是白色，也可以自定義成任意顏色。
拼接是在我的電腦或手機上完成的，還是要上傳到服務器？
完全在你當前設備的瀏覽器裡完成，藉助瀏覽器自帶的 Canvas 繪製能力直接把多張圖片合成為一張結果圖，全程不會把任何原圖上傳到服務器。
模板拼圖和九宮格有什麼區別？
九宮格是均勻的行列格子，張數不限、列數可調；模板拼圖是固定槽位的不規則版式（例如左側大圖、右側兩小圖），每種模板需要特定張數，多出來的圖不會參與本次合成。適合做對比圖或雜誌感排版時用模板，需要任意多圖整齊排列時用九宮格。
拼接後的圖片會有水印嗎？
不會。拼接結果不會添加任何水印或標記，如果你需要保護拼接後的原創內容，可以另外使用「加水印」工具給結果圖加上你自己的水印。
-
原圖不進我們的服務器
多張圖片的讀取、排版、合成全部在瀏覽器本地完成
-
長圖、九宮格與模板
橫向/縱向長圖、九宮格網格，以及左右對比、雜誌版等固定模板
-
順序自由調整
拖拽或點擊上移/下移，隨時調整每張圖片在結果中的位置
-
免費無水印
不用註冊、不用付費，拼接結果沒有任何水印標記
適用情境
這幾種拼圖需求，一個工具就能搞定
不是功能清單，而是「什麼時候值得拖一張圖上來」。對不上號就換工具，別硬用。
效果對比圖（改造前後、修圖前後）
把「處理前」和「處理後」兩張圖選擇橫向或網格排版拼成一張對比圖，方便發給客戶或發佈測評，不用來回切換兩張圖。
長截圖整理與聊天記錄拼接
把多張聊天記錄截圖或網頁截圖按縱向排版拼成一張長圖，保存或轉發時不用發一堆零散圖片。
排版說明
橫向、縱向、九宮格與模板，分別適合什麼場景
自由排版適合任意張數；模板拼圖是固定槽位版式，適合對比圖、雜誌感排版等需要不規則格子的場景。
| 排版方式 | 合成邏輯 | 適合場景 |
|---|---|---|
| 橫向長圖 | 所有圖片統一縮放到相同高度後左右並排，寬度按各自比例自動計算，不裁剪畫面內容 | 多張豎版照片拼成一張橫向對比圖或長圖 |
| 縱向長圖 | 所有圖片統一縮放到相同寬度後上下堆疊，高度按各自比例自動計算，不裁剪畫面內容 | 多張橫版截圖、聊天記錄拼成一張縱向長圖 |
| 九宮格網格 | 按設定的列數自動分行，每張圖片居中裁剪填滿正方形格子（類似相冊九宮格），畫面比例不同也能整齊排列 | 朋友圈/小紅書九宮格配圖、多圖快速排版預覽 |
| 模板拼圖 | 按預設不規則槽位排版（如左右對比、主圖+雙圖、雜誌五圖），每格 cover 裁剪填滿，張數由模板決定 | 改造前後對比、主圖強調、雜誌感多圖排版 |
九宮格與模板拼圖為保證格子整齊，會對圖片做等比放大後居中裁剪填滿格子（多餘部分被裁掉，不會拉伸變形）；如果不想裁掉畫面內容，建議改用橫向或縱向長圖排版。
技術說明
關於本地拼接，這兩點值得了解
-
01
完全在瀏覽器本地合成
藉助瀏覽器原生的 Canvas 繪製能力，在你的裝置上直接把多張圖片按設定的排版逐一繪製到同一張畫布上再匯出，全程不經過任何服務器，原圖和拼接結果都只保留在本機內存裡。
-
02
為什麼拼圖不算「批量處理」
批量處理指的是「多張圖片各自獨立處理，產出多個獨立結果」（比如批量壓縮出多張壓縮圖）；而拼圖是把多張圖片合併成一張輸出，本質上是一次性的排版合成操作，所以不提供批量模式，但仍然支持一次選擇多張圖片參與拼接。