縦と横のどちらで連結すればいいですか？

見せ方で選びます。縦連結（上から下へ）は、縦長のスクリーンショットや手順の流れ、Before/Afterを上下に並べたいときに向きます。横連結（左から右へ）は、複数のカットを横一列に並べて比較したいときや、横につなげて広く見せたいときに便利です。読み込んだ画像は一覧の並び順どおりに連結されるので、↑↓ボタンで順番を調整してください。

サイズがバラバラの画像でもきれいに連結できますか？

はい。縦連結なら各画像の幅を、横連結なら各画像の高さを、最小・最大・指定値のいずれかに自動でそろえてから連結します。そろえる際は縦横比を保つのでゆがみません。基準を「最大」にすると小さい画像が引き伸ばされて粗くなることがあるため、粗さが気になるときは「最小」を選ぶのがおすすめです。

画像と画像の間にすき間や色をつけられますか？

はい。すき間(px)を指定すると画像の間に余白があき、0にするとぴったり密着します。すき間や余白部分の色は、背景色（白／黒／透過／カスタムHEX）で選べます。カスタムを選ぶと #f5f5f5 のような HEX 値で好きな色を指定できます。

背景を透明（透過）にできますか？

背景色で「透過」を選ぶと、すき間や余白部分が透明になります。ただし透過に対応しない JPEG で書き出すと透過部分は白で塗りつぶされます。透明を残したい場合は、出力形式を PNG または WebP にしてください。

選んだ画像はどこかにアップロードされますか？

いいえ。読み込み・連結・書き出しはすべてお使いのブラウザ内（Canvas）で行われ、画像データがサーバーへ送信されることはありません。オフラインでも動作するので、プライバシーが気になる写真や資料のスクリーンショットでも安心して使えます。

連結後の画像が大きすぎると言われました。どうすればいいですか？

枚数やサイズが多いと、連結後の画像が非常に大きくなり、ブラウザで描き出せる上限を超えることがあります。その場合は、サイズの揃え方を「最小」にする、揃える値を小さく指定する、連結する枚数を減らす、のいずれかでサイズを抑えてください。目安のサイズは設定の下に表示されます。

画像の連結（縦・横に結合） - 複数画像を1枚に、ブラウザ内で完結

ここに画像をドラッグ＆ドロップ
または

画像ファイルを選択（複数可）

PNG / JPEG / WebP など・2枚以上で連結できます

連結方向

縦に結合（上から下へ）横に結合（左から右へ）

幅の揃え方

連結する各画像の幅をそろえます（縦横比は保持）。

すき間（px）

画像と画像の間にあける余白。0でぴったり連結。

背景色

すき間や余白部分の色。透過はPNG／WebPのみ有効。

出力形式

透過を残すなら PNG／WebP。写真中心なら JPEG／WebP が軽量。

連結後の寸法 —

ファイルサイズ —

形式 —

連結画像をダウンロード

🖼 画像の連結（縦・横に結合）

画像の選択

連結の設定

連結結果