画像結合

複数の画像を縦・横・グリッドに並べて1枚にします。画像はサーバーに送信されず、すべてブラウザ内で処理されます。

✨ できること

  • 縦一列・横一列・グリッド(列数指定)の3通りで、複数の画像を1枚に結合
  • ドラッグや↑↓ボタンで並べ替え、画像の間隔と背景色(透明も可)を指定
  • 幅または高さを揃えてから結合できるので、大きさの違う画像もきれいに並ぶ
  • PNG・JPEG・WebPで書き出し。合成は元の解像度のままブラウザ内で行われます

🪄 こんなときに

ビフォーアフターを並べる

作業前と作業後の写真を横に並べて、1枚の比較画像にする。

スクリーンショットをつなぐ

縦に切れてしまった画面のスクリーンショットを、縦一列につないで1枚にする。

SNS用のコラージュ

4枚の写真をグリッドに並べ、間隔と背景色を付けて投稿用の1枚にする。

資料に貼る図の合成

別々に書き出したグラフを横に並べ、資料に貼りやすい1枚にまとめる。

🔒 プライバシー

画像の読み込みも合成も書き出しも、すべてブラウザ内(あなたの端末の中)で行われます。画像がサーバーに送信されることは一切ありません。共有できるURLに入るのは「並び・間隔・背景色・出力形式」といった設定だけで、画像そのものはURLにもlocalStorageにも保存されません。ページを閉じれば読み込んだ画像はメモリから消えます。

❓ よくある質問

画像はアップロードされますか?

されません。結合はブラウザのCanvasで行っており、画像が端末の外に出ることはありません。一度ページを開いていればオフラインでも動作します。共有用のURLに入るのは設定だけなので、URLを渡しても画像は相手に渡りません。

大きさの違う画像を並べるとどうなりますか?

「そのまま」を選ぶと元のサイズのまま並び、余白は背景色で埋まります。「幅を揃える」「高さを揃える」を選ぶと、いちばん小さい画像に合わせて他を縮小してから並べます。拡大は行いません(引き伸ばすと画質が落ちるためです)。縦一列なら幅を揃える、横一列なら高さを揃えると、きれいにつながります。

背景を透明にできますか?

できます。「背景を透明にする」にチェックを入れ、出力形式をPNGまたはWebPにしてください。JPEGは透明を扱えない形式なので、その場合は指定した背景色で塗りつぶされます。透明のまま書き出すと、画像同士の間隔部分や余白が透明になります。

何枚まで結合できますか?

一度に30枚までです。ただし合成後の画素数がブラウザのCanvasの上限を超えると書き出せないため、極端に大きい画像を多数並べるときは「幅を揃える」「高さを揃える」で小さくするか、枚数を分けてください。出力サイズはプレビューの下に表示されるので、書き出す前に確認できます。

🔗 関連ツール

画像を選ぶ

ここに画像をドラッグ&ドロップ

クリックしてファイルを選ぶ / Ctrl+V(⌘V)で貼り付けもできます。複数選ぶとその順に並びます。

画像を選ぶ

まだ画像がありません。上のエリアに画像を入れてください。

    並べ方

    並び
    px

    「揃える」は、いちばん小さい画像に合わせて縮小します(引き伸ばして画質を落とさないため)。

    プレビューと書き出し

    画像を2枚以上入れると、ここに結合結果が表示されます(1枚でも書き出せます)。

    プレビューは縮小表示です。書き出しは元の解像度のまま合成されます。

    プライバシー

    画像の読み込みも合成も書き出しも、すべてブラウザ内(あなたの端末の中)で行われます。画像がサーバーに送信されることは一切ありません。共有できるURLに入るのは「並び・間隔・背景色・出力形式」といった設定だけで、画像そのものはURLにもlocalStorageにも保存されません。ページを閉じれば読み込んだ画像はメモリから消えます。