画像結合ツールとは？

画像結合ツールは2枚以上の画像を1枚にまとめます。横並び、縦積み、グリッド状の配置から選べ、比較画像、ビフォーアフター、写真ストリップ、簡単なコラージュなどに使えます。

サムネイルをドラッグして順番を入れ替え、ピクセル単位で間隔を指定し、隙間の背景色を選び、サイズの異なる写真を元のまま並べるか引き伸ばして揃えるかを決められます。設定を変えるたびにプレビューが即時更新されるので結合ボタンは不要で、PNG、品質を調整できるJPEG、WebPのいずれかで保存できます。すべてお使いの端末内で完結し、どこにもアップロードされません。

使い方

1. ファイル選択またはドラッグ＆ドロップで2枚以上の画像をアップロードします
2. レイアウト(横ストリップ、縦スタック、または2〜5列のグリッド)を選び、間隔、背景色、揃え方、リサイズ方式を調整します
3. 出力形式(PNG、JPEG、WebP)を選び、ライブプレビューが理想どおりになったらファイルを保存します

使用するタイミング

• ブログ記事や商品ページ用に、ビフォーアフター画像を1枚にまとめる。
• チュートリアルやバグ報告用に、複数のスクリーンショットを縦に1枚へつなげる。
• イベント写真を横並びのフォトストリップにして、SNSへ手早く投稿する。

結果

製品レビュアーが古い腕時計の修復前後の写真をアップロードし、横方向結合と10pxの白い間隔を選択。リアルタイムでプレビューが更新されるのを確認し、ブログ記事に添付できるくらい軽い70%品質のJPEGとして保存します。

よくある質問

結合した画像の高さや幅が揃わないのはなぜですか?

リサイズモードを「引き伸ばして合わせる」にすると、共有する辺がそろうように各画像が自動で拡大縮小されます。「元のサイズを保持」を選んだ場合は元寸のままで、整列（開始・中央・終了）が余白の位置を決めます。

一度に何枚まで結合できますか?

明確な上限はありませんが、キャンバスの片辺が約16000pxを超えるとモバイルブラウザではメモリ不足で失敗することがあります。長いスクショの束は8〜10枚ずつ結合し、それを再度まとめるのが安全です。

間隔の色は白だけですか?

いいえ。背景色ピッカーは任意の16進カラーコードを受け付けるので、ブランドカラーに合わせる、シネマ風の比較に黒を使う、ページ背景になじむニュートラルを選ぶ、といった指定が可能です。

PNGではなくJPEGやWebPで書き出せますか?

はい。"出力形式"の切り替えでPNG(可逆圧縮、サイズ大)、JPEG(写真向き、小さくて品質調整可)、WebP(最も小さくウェブ向き)を選べます。JPEGとWebPでは品質スライダーが表示され、ファイルサイズを細かく調整できます。

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

いいえ。結合処理はこのページ内の非表示のHTMLキャンバスで実行されるため、写真は端末から外に出ません。タブを閉じればすべてメモリから消えます。

関連ツール