ブログ アップロード 短縮URL ツール ギャラリー FAQ お問い合わせ ログイン
📢 永久無廣告,自動清除EXIF,保護隱私內容
Tools

🧩 画像を連結

複数画像を 1 枚の長い画像に

ℹ️ 並び順はファイルを選んだ順です(多くの環境ではファイル名順)。違っていれば「クリア」して選び直してください。

🔒 すべての処理はブラウザ内で完結します。ファイルがサーバーに送信されることはなく、私たちが中身を見ることもありません。タブを閉じれば何も残りません。

画像を連結:処理前後の比較例
左が元画像、右がこのツールで実際に処理した結果です(イメージ図ではありません)。記載のファイルサイズや寸法はすべて実測値です。

使い方の手順

  1. 順番どおりに画像を選ぶ 並び順はファイルを選んだ順で、多くの環境ではファイル名順になります。確実に制御するには 01、02 のように名前を付けてから一括選択してください。
  2. 連結方向を選ぶ 縦は 1 枚の長い画像になり、会話のスクショや手順解説に向きます。横は横長の帯になり、比較やパノラマ向け。グリッドは列数に従ってコラージュ状に並べます。
  3. サイズ違いの扱いを決める 拡大縮小して揃えるが既定で、多くの場合これが正解です。縦に積むときは全画像が同じ幅に揃うため、端がきれいに並びます。「原寸のまま」を選ぶと各画像はそのままの大きさで中央に配置され、両脇が背景色で埋まります。
  4. 間隔と背景色を調整(任意) 間隔 0 は継ぎ目なしで連結され、もともと連続した画面に適します。1 枚ずつ独立して見せたい場合は 10〜20 にして、対比のある背景色を選んでください。
  5. 実行してダウンロード 結合された画像が 1 枚出力されます。ブラウザで扱える範囲を超える場合は自動的に等倍縮小されるので、真っ黒な画像になることはありません。

こんなときに使えます

会話のスクショを 1 枚にまとめる

もっとも多い用途でしょう。LINE、Instagram、Messenger のやり取りを複数枚のまま見せると雑然とし、都合の良い部分だけ切り取ったと受け取られかねません。縦に連結すれば文脈が一目で伝わり、相手が 1 枚見落とすこともありません。

ビフォーアフター

リフォーム、レタッチ、施工の前後は、並べて初めて違いが伝わります。間隔 0 で密着させると対比が最も強くなり、10 と白背景にすればきれいに分かれます。

チュートリアル・操作手順

各ステップのスクショを縦に連結すれば、1 枚で流れ全体を伝えられ、読み手が複数枚を見比べる必要がなくなります。画面上の認証情報は事前にぼかし・マスクで隠してください。

ポートフォリオのコラージュ・商品セット

グリッドモードなら複数の作品や商品写真を整然としたコラージュに並べ、1 件の投稿やサムネイルとして使えます。各セルを厳密に揃えたい場合は先にサイズ変更で寸法を統一してください。

なぜ 1 枚にまとめるのか

関連する複数の画像を 1 枚にまとめることで解決するのは、相手が最後まで見てくれるかという問題です。スクショを 9 枚別々に投稿すると、多くの読み手は 2 枚目でやめます。1 枚の長い画像にまとめれば一度スクロールするだけで全体が伝わり、途中を省いたのではという疑いも生じません。

会話のスクショで特に顕著です。別々に貼ると都合の良い部分だけ切り取ったと受け取られかねませんが、連結すれば文脈が完全に伝わります。チュートリアルも同様で、最初から最後まで 1 枚のほうが、読み手が自分で順番を追う 9 枚よりはるかに分かりやすくなります。

位置合わせが重要な理由

縦に積むとき、画像ごとに幅が違うと端がギザギザになります。スクショの結合では日常的に起こる問題で、スマホのスクショは幅 1170px 前後、パソコンでは 2560px ということもあるためです。

既定の「拡大縮小して揃える」は、全体をもっとも狭い画像の幅に合わせます。どの画像も拡大されず(拡大すると甘くなります)、端がぴったり揃います。代償として幅の広い画像は縮小されディテールがわずかに減りますが、ギザギザの端と引き換えなら十分に見合う取引です。

間隔を空けるかどうか

間隔 0 は、もともと連続していた画面に適します。パノラマの分割、切り分けた画像の断片、スクロール撮影の連続など。仕上がりは 1 枚の完成した画像として読めます。

10〜20px と背景色は、本来別々の内容に適します。時間の違う会話、角度の違う商品写真、ビフォーアフターなど。余白があることで、連続した 1 画面ではなく個別の画像だと読み手に伝わります。


よくある質問

並び順はどう制御しますか?
並び順はファイルを選んだ順です。多くの OS のファイル選択画面はファイル名順に並ぶため、01.png、02.png のように名前を付けて一括選択するのが確実です。違っていたら「クリア」してやり直すほうが、後から直すより早く済みます。
画像のサイズがばらばらだとどうなりますか?
既定では拡大縮小して揃えます。縦に積む場合は全体を同じ幅(もっとも狭いものに合わせる)に、横なら同じ高さに揃えます。会話のスクショを連結する際にまさに必要な挙動で、スマホとパソコンのスクショは幅が大きく違うため、揃えないと見栄えが悪くなります。原寸を保ちたい場合は「原寸のまま」を選んでください。
連結した画像が大きくなりすぎませんか?
なり得ます。スマホのスクショ 10 枚を縦に積むと高さ 20,000px を超えることもあります。ブラウザの Canvas 上限を超える場合は自動的に等倍縮小したうえで出力されるため、真っ黒な画像になることはありません。本当に長い場合は 2〜3 回に分けるか、指定サイズに圧縮でファイルを制御してください。
分割したグリッドを元に戻せますか?
戻せます。グリッドモードで列数 3、間隔 0 にし、r1c1 から r3c3 の順に選択すれば元画像が復元されます。グリッド分割は整数ピクセルで切るため、継ぎ目は出ません。

次に使いそうなツール

画像の作業は一度で終わらないことがほとんどです。「画像を連結」とよく一緒に使われるのはこちら:

仕上げたものをそのまま共有しますか?アップロードなら画像・写真・動画を短縮リンクにでき、パスワード・有効期限・閲覧回数の上限も設定できます。ツール一覧もどうぞ。


ほかのツール

🗜️

画像を圧縮

画質を保ったままファイルを縮小

🎯

指定サイズに圧縮

2MB と指定すれば 2MB 以下に

📱

HEIC を JPG に

iPhone の写真を汎用形式へ

🕵️

EXIF の確認・削除

写真に含まれる情報を確認して削除

🪪

証明写真サイズ

パスポート・証明写真、印刷用シートも

📐

サイズ変更

幅・比率・指定サイズで変更

🔍

画像を拡大

最大 4 倍まで拡大

✂️

画像を切り抜き

ドラッグで残す範囲を選択

🔄

画像を回転

一括で回転・反転

💧

透かしを追加

位置と透明度を調整できる文字透かし

🫥

ぼかし・マスク

顔・ナンバー・個人情報を隠す

🖼️

JPG に変換

PNG・GIF・WebP を JPG へ

🎨

JPG を PNG に

可逆圧縮の PNG または WebP へ

⚡

PNG を WebP に

ファイルサイズを 3 割以上削減

🔲

グリッド分割

3×3 に分割して Instagram へ

⭐

ファビコン作成

各サイズと .ico を一括生成

🌈

カラーパレット抽出

主要な色を HEX・CSS 付きで抽出

🧬

SVG を PNG に

ベクターを任意サイズのラスターへ

🔗

画像を Base64 に

Data URI・CSS・HTML を生成

🎬

動画からコマ抽出

任意の時点をカバー画像に

🌀

動画を GIF に

一部を切り出してアニメ GIF に

✨

単色背景を除去

白背景・グリーンバックの商品写真向け

📝

画像から文字起こし

スクリーンショットの文字を抽出

📄

画像を PDF に

複数の画像を 1 つの PDF に

📑

PDF を画像に

各ページを JPG / PNG に変換