社群貼文九宮格配圖
把多張照片按九宮格網格排版拼成一張圖,社群平台預覽時更整齊美觀,不用逐張手動裁切成方形。
多張圖片的讀取、排版、合成全部在瀏覽器本機完成
橫向/直向長圖、九宮格網格,以及左右對比、雜誌版等固定範本
拖拽或點擊上移/下移,隨時調整每張圖片在結果中的位置
不用註冊、不用付費,拼接結果沒有任何浮水印標記
排版說明
自由排版適合任意張數;範本拼圖是固定槽位版式,適合對比圖、雜誌感排版等需要不規則格子的情境。
| 排版方式 | 合成邏輯 | 適合情境 |
|---|---|---|
| 橫向長圖 | 所有圖片統一縮放到相同高度後左右並排,寬度按各自比例自動計算,不裁切畫面內容 | 多張直式照片拼成一張橫向對比圖或長圖 |
| 直向長圖 | 所有圖片統一縮放到相同寬度後上下堆疊,高度按各自比例自動計算,不裁切畫面內容 | 多張橫式截圖、對話記錄拼成一張直向長圖 |
| 九宮格網格 | 按設定的列數自動分行,每張圖片居中裁切填滿正方形格子(類似相簿九宮格),畫面比例不同也能整齊排列 | 社群貼文九宮格配圖、多圖快速排版預覽 |
| 範本拼圖 | 按預設不規則槽位排版(如左右對比、主圖+雙圖、雜誌五圖),每格 cover 裁切填滿,張數由範本決定 | 改造前後對比、主圖強調、雜誌感多圖排版 |
九宮格與範本拼圖為保證格子整齊,會對圖片做等比放大後居中裁切填滿格子(多餘部分被裁掉,不會拉伸變形);如果不想裁掉畫面內容,建議改用橫向或直向長圖排版。
使用方法
不需要安裝任何軟體,全程在網頁裡完成。
點擊選擇或直接把圖片拖進網頁,一次至少選擇 2 張(範本拼圖按所選範本要求張數),最多支援 30 張,單張不超過 20MB。
選擇橫向長圖、直向長圖、九宮格網格或範本拼圖;網格可指定列數,範本可切換左右對比、主圖+雙圖等版式;再設定間距和背景顏色。
拖動清單左側的把手,或點擊上移/下移按鈕,把圖片排到你想要的順序;範本模式下清單前幾張會依次填入各個槽位。
點擊開始拼接,幾秒內產生一張合併圖片,確認效果後下載儲存。
技術說明
借助瀏覽器原生的 Canvas 繪製能力,在你的裝置上直接把多張圖片按設定的排版逐一繪製到同一張畫布上再匯出,全程不經過任何伺服器,原圖和拼接結果都只保留在本機記憶體裡。
批次處理指的是「多張圖片各自獨立處理,產出多個獨立結果」(比如批次壓縮出多張壓縮圖);而圖片拼貼是把多張圖片合併成一張輸出,本質上是一次性的排版合成操作,所以不提供批次模式,但仍然支援一次選擇多張圖片參與拼接。
常見問題
圖片拼貼的本質是把多張圖片合併成一張輸出,不存在「每張圖獨立處理」的批次語義,所以不算批次工具;但它本身就支援一次選擇最多 30 張圖片參與拼接排版,這是它和批次工具不同但同樣高效的地方。
為了讓每張圖片整齊填滿統一大小的正方形格子(視覺效果更整齊美觀),網格模式會對圖片做等比放大後居中裁切,超出格子的部分會被裁掉,不會拉伸變形畫面。如果不希望裁掉任何內容,建議改用橫向或直向長圖排版,兩種排版都會完整保留每張圖片的畫面內容。
可以。上傳後的每張圖片會顯示在下方清單裡,桌面端可以直接拖動每一行左側的把手調整順序,也可以點擊上移/下移按鈕(觸控更方便),清單順序就是拼接結果裡從左到右或從上到下的實際排列順序。
間距用於控制圖片之間留出的空白寬度,設為 0 就是圖片緊密相連;背景顏色會填充在這些間距空白處,以及九宮格模式下最後一行沒填滿的空格子裡,預設是白色,也可以自訂成任意顏色。
完全在你目前裝置的瀏覽器裡完成,借助瀏覽器自帶的 Canvas 繪製能力直接把多張圖片合成為一張結果圖,全程不會把任何原圖上傳到伺服器。
九宮格是均勻的行列格子,張數不限、列數可調;範本拼圖是固定槽位的不規則版式(例如左側大圖、右側兩小圖),每種範本需要特定張數,多出來的圖不會參與本次合成。適合做對比圖或雜誌感排版時用範本,需要任意多圖整齊排列時用九宮格。
不會。拼接結果不會加上任何浮水印或標記,如果你需要保護拼接後的原創內容,可以另外使用「加浮水印」工具給結果圖加上你自己的浮水印。