画像結合ツール

写真を入れてレイアウトを選ぶだけで、結合結果と保存サイズがすぐに分かります

画像結合ツールは、複数の写真を順番につないで1枚の画像ファイルにするツールです。上にある4枚のカードが、縦につなぐ・横に並べる・グリッド・行揃えの仕上がりを、今入れている写真でプレビューします。仕上がりの形とピクセルサイズを見比べて選んでください。順番は、下の写真の列でドラッグして動かすか、「前へ」「後ろへ」ボタンで入れ替えます。

チャットやWebページを何回かに分けて撮ったスクショなら、「縦につなぐ」が重なった部分を見つけて消します。画面ごとに繰り返されるステータスバーや下の入力欄は最初と最後にだけ残し、前の画像と同じ行は1回だけ残すので、最初から1枚で撮ったようにつながります。写真の処理はすべてこのブラウザーの中で行い、サーバーには送りません。

こんなときに使います

• チャットや注文履歴を1枚にして残したいとき: スクロールしながら撮ったスクショを縦につなぐと、前後の流れが途切れません。重なった行や繰り返されるステータスバーは取り除かれるので、同じ会話が二重に写ることもありません。
• ビフォーアフターを並べて比べたいとき: 「横に並べる」は、すべての写真の高さをそろえます。片づけの前後、施術の前後、工事の前後などの写真を左から順に並べると、ひと目で比べられます。
• 商品や旅行の写真を1枚にまとめたいとき: グリッドは同じ大きさのマスに、行揃えは写真を切らずに行ごとの高さをそろえてすき間なく敷き詰めます。ブログのアイキャッチやSNSの投稿1枚に、複数の写真を載せたいときに便利です。
• 書類を何枚かに分けて撮ったとき: レシートやお知らせを分けて撮った写真を上下につないで1つのファイルで送れば、受け取る側が順番を間違えません。

結合の手順

1. 写真を入れる: 「写真を追加」を押すか、ファイルを作業エリアにドラッグします。コピーした画像は貼り付け(Ctrl+V、⌘V)でも入ります。最初に入れた写真はサンプルと入れ替わり、2回目以降は末尾に追加されます。
2. レイアウトを選ぶ: 4枚のカードに、今の写真で結合した姿と結果のサイズが表示されます。最初に入れた写真が同じ幅の縦長スクショ2枚以上なら、自動で「縦につなぐ」に切り替わります。
3. 順番と向き: 写真の列で写真をドラッグして動かすか(マウス)、写真を押してから「前へ」「後ろへ」を押します(スマートフォン)。「90°回転」は時計回りに回し、「外す」はこの作業からだけ写真を外します。
4. サイズと仕上げ: サイズは最初「元サイズ基準」になっていて、どの写真も拡大しません。写真どうしの間隔、外側の余白、角の丸み、背景色を決めます。
5. 保存: 結果の行でピクセルサイズと実際の容量を確かめ、PNG・JPG・WebPのどれかで保存します。スマートフォンなら「共有」から、そのままメッセージアプリに送れます。

4つのレイアウトは何が違うのか

4つのレイアウトは、どれも写真を引き伸ばして歪めることはありません。違いは、どの長さをそろえるか、マスに合わせるために写真を切るか、空きが出るかという点です。

グリッドの「マスいっぱいに」は、マスをすき間なく覆うように写真を拡大してから、はみ出た部分を切ります。最初は中央を残しますが、作業エリアで写真をドラッグするか、選択してから矢印キーを押すと、残す部分を動かせます。行揃えの行数は、自動のとき結果が横4:3にいちばん近くなる行数を選び、1行にすると「横に並べる」と同じ形になります。

保存サイズの決まり方

サイズ欄の数字の意味は、レイアウトごとに違います。縦につなぐは写真の幅、横に並べるは写真の高さ、グリッドはマスの幅、行揃えは外側の余白を除いた全体の幅です。ここに写真どうしの間隔と両側の外側の余白を足したものが保存サイズになります。比率に合わせて拡大・縮小した長さは、いちばん近い整数のピクセルに四捨五入します。

• 元サイズ基準: 最初の値は、どの写真も拡大しない最大のサイズです。縦につなぐなら最も幅の狭い写真の幅、横に並べるなら最も低い写真の高さになります。小さい写真を大きく引き伸ばしても、存在しなかった細部が現れるわけではなく、ぼやけるだけだからです。
• 結果の上限: 元サイズ基準で作った結果が下の上限を超えるときは、上限内でいちばん大きいサイズに縮めます。サイズを手入力して上限を超えた場合は、縮めずに保存を止め、入力できる最大値をお知らせします。

回転した写真は、回転後の縦横比で計算します。100 × 50pxの写真を90°回すと50 × 100pxとして扱われ、縦につなぐで幅を100pxにそろえると、その写真の高さは200pxになります。

「スクショの重なりを消す」は何を探すのか

スクロールしながら撮ったスクショでは、2種類のものが重なります。画面のいちばん上のステータスバーや、いちばん下の入力欄・メニューのように位置が固定された行と、前の画像の下側と次の画像の上側に同じ内容が写っている部分です。このツールは、隣り合う2枚のピクセルの行を上下から比べて、この2つを探します。

1. 固定された行: 2枚の同じ位置を、いちばん上といちばん下から比べ、同じ行が続いている分をステータスバー・下のバーとみなします。時計やバッテリーのように、片隅だけが変わった行も同じ行として扱います。
2. 重なった内容: 前の画像の内容の末尾と、次の画像の内容の先頭が一致する行数のうち、最大の値を探します。行の平均色がほぼ同じで(JPG圧縮による差は許容)、模様が変わる行が複数含まれているときだけ重なりと認めるので、何もない背景だけが同じ場合は重なりとみなしません。
3. カット: 前の画像は下のバーを、次の画像は上のステータスバーと重なった内容を切り取ります。最初の画像のステータスバーと最後の画像の下のバーは残します。

見つかったつなぎ目は、作業エリアに点線と「重なり ○px 削除」のマークで表示されます。マークを押すと、その写真の「上をカット」「下をカット」欄に移動して値を直接直せます。「自動の値に戻す」を押すと、見つかった値に戻ります。重なりを探すのは、幅が同じスクショどうしだけです。別の端末で撮ったものや回転した写真、横にスクロールしたスクショは、そのままつなぎます。

入れられる写真と結果サイズの上限

キャンバスのサイズ上限を超えても、ブラウザーはエラーを出さずに空の画像を作ります。そのため、このツールは保存の直前に、結果の右下のピクセルが実際に描かれているかを確かめ、描かれていなければサイズを縮めるよう案内します。上限内でも、スマートフォンではメモリの状況によって保存に失敗することがあります。ほかのタブを閉じ、サイズや写真の枚数を減らして、もう一度保存してください。

PNG・JPG・WebPのどれで保存するか

• PNG: 文字の多いスクショに向いています。圧縮による劣化がなく、透明な背景も保存できます。入れた写真がすべてPNGなら、最初の形式がPNGになります。
• JPG: 写真が中心なら、PNGよりずっと小さな容量になります。透明を保存できないので、透明な部分は白で塗りつぶします。画質は50〜100%で、最初の値は90%です。
• WebP: 画質を選べる非可逆圧縮で、透明も保存できます。1辺が16,383pxを超えると使えず、ブラウザーがWebPを作成できない場合はPNGで保存してお知らせします。

結果の行の容量は、目安の値ではなく、今の設定で実際にファイルを作って測った値です。1,600万画素を超える大きな結果は、計算に時間がかかるため保存時に決まります。画質100%でも、元の画像とまったく同じという意味ではありません。サイズを変えて描き直し、もう一度圧縮するためです。

間違えやすいポイント

• サイズ欄を完成サイズとして読んでしまう: 縦につなぐの1080は、写真の幅です。外側の余白が20pxなら、保存幅は1,120pxになります。結果の行の数字が実際の保存サイズです。
• スクショの間を大きくスクロールしすぎた: 2枚の間に重なった行がなければ、消すものもないのでそのままつながり、途中の内容は抜けます。次の画面を撮るときは、前の画面の下のほうの数行がもう一度写るようにしてください。
• 動く広告や動画が重なる位置にある: 2枚でその部分のピクセルが違うため、重なりを見つけられないことがあります。つなぎ目のマークが出なかったら、「上をカット」欄に値を直接入れてください。
• 「マスいっぱいに」で顔や文字が切れた: 作業エリアで写真をドラッグして残す部分を動かすか、「全体を表示」に変えてください。行揃えは切りません。
• 背景に透明を選んだのにJPGで保存した: JPGには透明がないので、白い背景になります。透明が必要なら、PNGかWebPで保存してください。元の写真に塗られている白い背景が、透明に変わることはありません。

写真はどこで処理されるのか

写真の読み込み、結合、ファイルの作成は、すべてこのブラウザーの中で行います。結合のために写真をサーバーに送ることはなく、元のファイルを変更したり削除したりもしません。「外す」と「すべて外す」は、この作業から写真を外す操作です。作業は自動では保存されないので、ページを閉じる前に結果を保存してください。

チャットや注文履歴のスクショには、名前・電話番号・住所が写っていることがよくあります。写真を結合しても個人情報が隠れるわけではないので、共有する前に結果を開いて確認してください。保存したファイルは、写真の付加情報(EXIF)を引き継がず、新しく作った画像です。

限界・できないこと

• パノラマのように、重なった部分を歪ませて合わせることはしません。重なりの削除は、上下に同じ行がそのまま写っているスクショだけを探し、横方向の重なりや角度の違う写真は探しません。
• 写真を重ねて置いたり、文字やスタンプを載せたりする自由な編集はできません。文字は、「写真に文字を入れる」といったツールで先に入れてください。
• 動くGIF・WebPを入れると、最初の場面だけを使い、結果も静止画になります。
• 再読み込みしたりページを閉じたりすると、作業は残りません。
• 結果の上限や保存形式への対応はブラウザーによって異なり、上の表は2026-10-20に確認した値です。

基準日: 2026-10-20に、下記の資料の該当する記述を確認しました。写真の枚数・ファイル容量・5,000万画素の上限は、このツールの基準です。

出典

• 01MDN — <canvas>: Maximum canvas size最大サイズはブラウザーごとに異なり、iOS端末は4,096 × 4,096ピクセル。超えると描画命令が効かなくなる
• 02canvas-size — Test ResultsChrome 73+は1辺65,535、Firefox 122+は32,767、面積268,435,456、モバイルSafariは16,777,216
• 03Google for Developers — WebP FAQWebP画像の最大ピクセルサイズは16383 × 16383
• 04WHATWG — HTML Living Standard, toBlob()既定の形式はPNGで、非対応の形式を要求してもPNG。品質は0.0〜1.0
• 05MDN — createImageBitmap()imageOrientationの既定値from-image: EXIFの向き情報のとおりに回して読み込む
• 06WebKit — WebKit Features in Safari 17.0Safari 17.0でHEIC画像への対応が追加された
• 07MDN — Using files from web applicationsユーザーが選んだりドロップしたりしたファイルを、Webページがブラウザー内で読み込む方法

よくある質問

あわせて使いたいツール