2枚の画像をアップロードし、横方向または縦方向の結合を選び、必要に応じて余白と背景を調整してから、結合後の PNG、JPG、WebP ファイルをダウンロードします。このツールは、2枚の画像を1つの静止画像にまとめるためのものです。
オンラインで画像を結合できる無料ツール
2枚の写真、スクリーンショット、グラフィックを1つのファイルにまとめたいときに、この画像結合ツールを使えます。2枚の画像をアップロードし、横並びまたは縦並びのレイアウトを選び、必要に応じて余白と背景色を調整して、PNG、JPG、WebP として書き出します。 このツールは、2枚の画像を入力して1枚の結合画像を出力するシンプルな流れに特化しています。処理はブラウザ内の一時的な描画領域で行われるため、選択した画像ファイルが結合のためにサーバーへアップロードされることはありません。
この画像結合ツールでできること
このページは、ちょうど2枚の画像を1枚の静止画像に結合します。2枚の写真を比較したいとき、スクリーンショットを並べたいとき、商品写真をまとめたいとき、デザインアプリを開かずに簡単なビフォーアフター画像を作りたいときに便利です。
| 入力 | レイアウト設定 | 出力 |
|---|---|---|
| ブラウザで読み込める2つの画像ファイル | 横方向の結合、横並び | PNG、JPG、WebP |
| 2枚の写真、スクリーンショット、グラフィック | 縦方向の結合、上から下 | ダウンロードできる1枚の結合画像 |
| サイズが異なる元画像 | 同じ高さまたは幅に自動調整 | 任意の JPG/WebP 品質設定 |
| PNG または JPEG 画像 | 余白サイズと背景色 | 静止画像の結果 |
横方向に結合する場合、画像は同じ高さに調整され、左から右へ配置されます。縦方向に結合する場合、画像は同じ幅に調整され、上から下へ重ねられます。結合前に2枚の画像を入れ替えることもできます。
これは PDF ツール、AI 画像合成ツール、コラージュテンプレート編集ツール、パノラマ結合ツール、バッチ画像結合ツールではありません。画像を PDF 文書にまとめたい場合は、画像から PDF を使ってください。
オンラインで画像を結合する方法
2枚の画像をアップロード
デバイスから1枚目と2枚目の画像を選ぶか、アップロード枠に画像ファイルをドラッグします。アップロード枠は、ブラウザが読み込める一般的な画像ファイルに対応しており、ブラウザがデコードできる場合は JPG、PNG、WebP、GIF、AVIF などの形式を扱えます。
横方向または縦方向を選ぶ
画像を横並びにしたい場合は横方向を選びます。上から下に組み合わせたい場合は縦方向を選びます。左右または上下の順序を変えたいときは、入れ替えボタンを使います。
余白と背景を調整
2枚の画像の間に見える余白を入れたい場合は、詳細設定を開きます。余白は 0px、5px、10px、20px、30px から選べます。背景色は余白部分を塗りつぶし、書き出し時には元画像の透明ピクセル部分にも適用されます。
PNG、JPG、WebP を選択
PNG はスクリーンショットやグラフィックに向いた実用的な初期選択です。JPG は写真系の出力や幅広い互換性に向いています。WebP は対応しているWebサービスやサイトで使う場合に便利です。品質設定は JPG と WebP の出力に適用されます。
結合してダウンロード
結合ボタンをクリックすると、1枚の結合画像が作成されます。結果は、レイアウト方向が分かるファイル名の静止画像としてダウンロードされます。
画像を横並びまたは縦方向に結合
画像を横並びに結合
横並びの結合では、1枚目の画像が左、2枚目の画像が右に配置されます。ビフォーアフター比較、商品比較、同じ作業手順の2枚のスクリーンショット、横長で一緒に見せたい画像に向いています。
2つの元ファイルのサイズが異なる場合、ツールは同じ高さになるように画像を調整します。これにより、片方だけが短く見えるのではなく、最終結果がきれいに揃います。
画像を縦方向に結合
縦方向の結合では、1枚目の画像が2枚目の上に配置されます。長いスクリーンショット、手順例、スマホ画面の比較、レシート、チャットのスクリーンショットなど、上から下へ読む内容に向いています。
画像サイズが異なる場合、ツールは重ねる前に2枚の画像を同じ幅に調整します。これにより、すっきりした縦長の出力になります。
PNG、JPG、WebP の出力設定
出力形式によって、ダウンロード後の結合ファイルの扱いやすさが変わります。結合画像を次にどこで使うかに合わせて形式を選んでください。
| 出力形式 | 向いている用途 | メモ |
|---|---|---|
| PNG | スクリーンショット、UI キャプチャ、文字の多いグラフィック | 透明部分の背後には選択した背景色が使われます |
| JPG | 写真、メール添付、幅広い互換性 | 品質を下げるとファイルサイズを小さくできます |
| WebP | Webサイト用画像や最近のWeb利用 | 品質設定でファイルサイズを減らせます |
元画像に透明ピクセルがある場合でも、書き出される画像には選択した背景色が使われます。きれいな初期値にしたい場合は白を選び、画像間のスペースをデザインに合わせたい場合は別の背景色を設定してください。
書き出した結合画像を後でリサイズする必要がある場合は、次の手順として 画像リサイズ を使ってください。
画像を組み合わせる主な用途
ビフォーアフター比較
横方向のレイアウトを使うと、2枚の写真を横に並べられます。編集前後、修理前後、デザイン変更、メイク結果、部屋の更新など、見る人が2つの状態を同時に確認したい場面に使えます。
スクリーンショットとチュートリアル
縦方向のレイアウトを使うと、2枚のスクリーンショットを1枚の画像にまとめられます。サポートメッセージ、チュートリアル、ドキュメントのメモ、SNS投稿に便利です。少し余白を入れると、2つの部分が読みやすくなります。
商品画像や一覧画像
2つの角度、2つの色、2つの細部を1枚の画像で見せたいとき、写真結合ツールが役立ちます。背景をそろえると、結合後の画像が自然に見えます。
SNSやメッセージでの共有
アプリやメッセージスレッドで2つの添付画像より1つの画像のほうが扱いやすい場合は、画像を1つのファイルにまとめます。幅広い互換性には JPG、送信先が対応していれば WebP で書き出せます。
プライバシー、ブラウザ処理、制限
結合処理は一時的な描画領域を使ってブラウザ内で実行されます。選択したファイルはプレビューと結合のためにローカルで読み込まれ、ダウンロードされる結果もブラウザ内で生成されます。
ただし、使い始める前に知っておきたい制限があります。
2枚の画像のみ
現在のページには2つのアップロード枠があり、多数の画像をまとめて結合する機能はありません
静止画像として出力
アニメーション GIF の入力は静止画像として扱う必要があります
PDF 書き出しなし
出力形式は PNG、JPG、WebP です
AI 生成なし
顔を合成したり、欠けた部分を補ったり、新しいシーンを生成したりするツールではありません
ブラウザのデコード能力に依存
ブラウザが読み込めない形式は処理に失敗する場合があります
結合後にさらに高度な編集が必要な場合は、専用の編集ツールを使ってください。このページは、2枚の画像をすばやく結合する作業に特化しています。
画像結合ツール よくある質問
1枚目と2枚目の画像を2つのアップロード枠に入れます。左右に並べたい場合は横並び、上下に配置したい場合は縦方向を選びます。結合をクリックすると、1枚の組み合わせ画像が作成されます。
2枚の写真をアップロードし、横方向の結合を選びます。1枚目の写真が左、2枚目の写真が右に表示されます。順序を逆にしたい場合は、入れ替えボタンを使ってください。
はい。縦方向を選ぶと、2枚の画像を上から下へ重ねられます。ツールは結合前に2枚の画像を同じ幅に調整するため、最終画像が揃って見えます。
iPhone のブラウザでこのツールを開き、デバイスから2枚の写真を選び、横方向または縦方向のレイアウトを選択して結合・ダウンロードします。この手順はブラウザ上で完結し、このページから別アプリをインストールする必要はありません。元の写真を削除または置き換える前に、必ずダウンロードしたファイルを確認してください。
はい、ブラウザがファイルを読み込める場合は結合できます。PNG 画像、JPEG 画像、WebP 画像、その他ブラウザで読み込める画像ファイルを結合できます。書き出し形式は PNG、JPG、WebP から選べます。
はい。詳細設定を開き、余白サイズを 0px、5px、10px、20px、30px から選べます。余白を塗りつぶす背景色も選択できます。
いいえ。結合処理はブラウザ内で実行されます。選択したファイルはプレビューと書き出しのためにローカルで使われ、結合画像はブラウザからダウンロード用に生成されます。
いいえ。現在のツールは一度に2枚の画像に対応しています。多くの画像をまとめたい場合は2枚ずつ処理するか、複数画像のコラージュやバッチ処理に対応した専用ツールを使ってください。
いいえ。この画像結合ツールは PNG、JPG、WebP を書き出します。画像を PDF 文書にしたい場合は、画像から PDF を使ってください。