複数画像を縦・横に並べて1枚にする方法｜写真を結合する手順

縦結合は、操作手順、会話、長いスクリーンショット、複数ページの説明など、上から順番に読む内容に向いています。横結合は、変更前後、商品比較、2つのデザイン案など、同時に見比べたい内容に向いています。

結合後は1つの画像ファイルになるため、順番が崩れず共有しやすくなります。一方、枚数やピクセル数が増えるほど出力画像が大きくなるため、必要な範囲と枚数に絞ることも重要です。

最初に結合する画像をすべて選び、一覧で順番を確認します。縦結合は一覧の先頭が一番上、横結合は一覧の先頭が一番左になります。ファイル名の順番と表示順が一致しない場合があるため、プレビュー前に並べ替えてください。

次に結合方向、幅・高さを揃えるか、配置位置、画像間隔、外側余白を決めます。最後に背景と保存形式を選び、出力サイズと見た目を確認して保存します。

縦方向へ並べる場合は画像の幅、横方向へ並べる場合は画像の高さを揃えると、外側の線がそろって見やすくなります。小さい画像を無理に拡大するとぼやけるため、Toolerでは最も小さい幅または高さへ縮小して揃えます。

元サイズの差を残したい場合は揃える設定をオフにし、左・中央・右、または上・中央・下の配置を選びます。背景色を設定すると、サイズが違う部分も1つのキャンバスとして保存できます。

画像を連続した1枚として見せたい場合は、画像間隔を0pxにします。別々の写真として区切りたい場合は、白や指定色の間隔を数px〜数十px入れると境界が分かりやすくなります。

外側余白は完成画像の周囲に付く余白です。画像間隔とは別に設定します。SNS投稿や資料へ貼り付ける場合は、端の文字や被写体が窮屈にならない程度の外側余白を付けると扱いやすくなります。

縦結合では高さ、横結合では幅が画像枚数に応じて増えます。元画像が高解像度の場合、数枚でもブラウザや投稿先の上限を超える大きさになることがあります。

出力できない、処理が重い、投稿先で縮小される場合は、先に各画像を用途に合う幅・高さへリサイズします。不要部分がある場合はトリミングしてから結合すると、出力サイズと容量を抑えられます。

写真中心で透明背景が不要ならJPG、文字や透明背景を残したい場合はPNG、Web掲載と容量のバランスを取りたい場合はWebPが候補です。JPGは透明背景を扱えないため、透明部分は白背景になります。

保存後は全体を縮小表示するだけでなく、文字や境界部分を拡大して確認します。特に幅・高さを揃えた場合は、小さい文字や細い線が読みにくくなっていないか確認してください。