部落格 上傳媒體 短網址 工具 圖庫 常見問題 聯絡我們 登入
📢 永久無廣告,自動清除EXIF,保護隱私內容
Tools

🧩 圖片拼接

多張接成一張長圖或橫幅

ℹ️ 排列順序就是你選檔案的順序(多數系統依檔名排序)。順序不對按「清除」重選即可。

🔒 所有處理都在你的瀏覽器裡完成 — 檔案不會上傳到我們的伺服器,我們也看不到你的圖片。關掉分頁後就什麼都不留。

圖片拼接:處理前後對照範例
左邊是原圖,右邊是這個工具實際跑出來的結果,不是示意圖。圖上若有標檔案大小或尺寸,都是實際量到的數字。

使用步驟

  1. 依順序選好圖片 排列順序就是選檔案的順序,多數系統依檔名排。要控制順序最保險的做法是先把檔名改成 01、02 再一次全選。
  2. 選拼接方向 直向接成一張長圖(對話截圖、教學步驟都用這個);橫向接成橫幅(前後對比、全景);格狀依欄數排成拼貼。
  3. 決定尺寸不一致時怎麼處理 統一縮放對齊是預設也是多數情況的答案 — 直向拼接時所有圖會統一成同一個寬度,接起來邊緣才是齊的。選「維持原尺寸」則每張都保持原本大小,置中排列,兩側補底色。
  4. 調間距與底色(選填) 間距填 0 就是無縫接合,適合本來就連續的畫面。要讓每張看起來是獨立的一則,填 10–20 並選一個對比的底色。
  5. 按開始處理並下載 會輸出一張合併好的圖。超過瀏覽器能處理的尺寸時會自動等比縮到安全範圍,不會拿到一張全黑的圖。

什麼時候用得到

把對話截圖接成一張

這大概是最常見的用途。LINE、IG、Messenger 的對話要完整呈現時,一張一張貼很難看也容易被誤會斷章取義。直向接成一張長圖,前後文一目了然,也不用擔心對方漏看其中一張。

前後對比

改造前後、修圖前後、施工前後 — 橫向接在一起才看得出差別。間距填 0 讓兩張緊貼,對比最強烈;要區隔就填 10 加上一條白線。

教學步驟、操作說明

把每一步的截圖直向接起來,一張圖就是完整流程,不用讀者自己在多張圖之間對照。搭配模糊遮蔽先把畫面上的帳號密碼遮掉。

作品集拼貼、商品組圖

格狀模式可以把多張作品或商品照排成整齊的拼貼,當作單一則貼文或縮圖使用。想更精準控制每格大小的話,先用調整大小統一尺寸再拼。

為什麼要接成一張

把一組相關的圖片接成單一張圖,解決的是「對方會不會看完」這個問題。分開發九張截圖,讀者很可能只看前兩張;接成一張長圖,滑一次就看完了,而且不會有人質疑你是不是漏了中間某一段。

對話截圖尤其明顯。分開貼容易被說斷章取義,接起來則是完整的前後文。教學步驟也一樣 — 一張圖從頭到尾,比九張圖讓人自己對照順序好懂太多。

對齊為什麼重要

直向拼接時,如果每張圖的寬度不一樣,接起來就會像鋸齒。這在合併截圖時特別容易發生,因為手機截圖大約 1170px 寬,電腦截圖可能有 2560px。

預設的「統一縮放對齊」會把所有圖縮到最窄的那一張的寬度,這樣不會有任何一張被放大(放大會糊),邊緣也完全對齊。代價是比較寬的那幾張會被縮小,細節略減 — 但比起參差不齊的邊緣,這個交換通常划算。

間距要不要留

0 間距適合本來就連續的畫面:全景照的分段、一張圖被切開的碎片、滾動截圖的接續。看起來像一張完整的圖。

10–20px 加底色適合本來就是獨立的內容:不同時間的對話、不同角度的商品照、前後對比。留白讓讀者知道這是幾張分開的圖,而不是一張連續的畫面。


常見問題

排列順序怎麼控制?
順序就是你選檔案的順序。大多數作業系統的檔案選取視窗依檔名排序,所以最保險的做法是先把檔案改名成 01.png、02.png,再一次全選。順序不對就按「清除」重來,比事後補救快。
每張圖大小不一樣會怎樣?
預設會統一縮放對齊:直向拼接時全部縮成同一個寬度(取最窄的那張),橫向則統一高度。這是接對話截圖時最需要的行為,因為手機截圖與電腦截圖寬度差很多,不對齊會很醜。想保留各自原本的大小就選「維持原尺寸」。
接出來的長圖會不會太大?
有可能。十張手機截圖直向接起來可能超過 20000px 高。輸出尺寸超過瀏覽器 Canvas 上限時會自動等比縮到安全範圍並照常輸出,不會給你一張全黑的圖。真的很長建議分兩三批接,或先用壓到指定大小控制檔案。
可以把切好的九宮格接回去嗎?
可以。用格狀模式、欄數設 3、間距 0,依 r1c1 到 r3c3 的順序選檔,就會還原成原圖。九宮格切圖是整數像素切的,接回去不會有縫。

接下來可能會用到

圖片處理很少一步到位。這幾個是跟「圖片拼接」最常搭著用的:

處理完想直接分享?上傳媒體可以把圖片、照片或影片轉成一組短網址,還能設密碼、有效期限與瀏覽次數上限。也可以回到工具總覽看全部 12 個工具。


其他工具