複数の写真を1枚にまとめる方法｜レイアウト・サイズ・アプリ

画像をまとめたいという要望は、ほぼ次の4つの形に分かれます。横並びは2～4枚を1列に並べる形で、ビフォーアフター、色違いの商品、今と昔の比較などに使います。縦に積む形は画像を上から下へ並べます。長いチャットやレシート、レシピの5枚のスクリーンショットを、スマホで自然にスクロールできる1枚の縦長画像にできます。グリッドは行と列に並べる形で、4枚なら2 × 2、9枚なら3 × 3にします。定番のコラージュです。4つ目は分かりにくい形で、あとでスライドに切り分ける1本の長いストリップです。

ストリップは、つながって見えるInstagramのカルーセルを作る方法なので、知っておくと役立ちます。1080 × 1350 pxの縦長スライド3枚を端でつなぐと、3240 × 1350 pxのキャンバスになります。このストリップ全体でデザインや結合を行えば、パノラマや被写体がスライドの境目をまたげます。そのあと画像分割で3等分します。スワイプすると、絵が次のスライドへ続いて見えます。Instagramは2024年にカルーセルの上限を10枚から20枚に引き上げたため、以前よりずっと長いストリップも作れます。

最初に形を選ぶのは、すべての画像が共有すべき辺が決まるからです。横一列なら高さ、縦に積むなら幅、グリッドならセルのサイズ、つまり通常は同じ縦横比が必要です。ファイルの大きさも形で変わります。横並びは画像を足すたびに幅が、縦に積むと高さが、グリッドは両方が増えます。下のカードでは各レイアウトの典型的な仕上がりの比率を示しているので、作る前に完成イメージをつかめます。

出どころの違う写真は、ほとんどサイズが一致しません。iPhoneの写真は4032 × 3024 px、同じスマホのスクリーンショットは1179 × 2556 px、Webサイトから保存した画像は800 × 600 pxということもあります。そのまま並べると、端がガタガタになり、小さな画像が巨大な画像の隣に並び、隙間が白や黒の帯で埋まります。対処法は、共有する辺がそろうようにすべての画像を拡大縮小することです。横一列なら各画像を同じ高さ（たとえば1080 px）に、縦に積むなら同じ幅（1080 pxや1179 pxなど）にリサイズします。

形そのものも違う場合は、拡大縮小だけでは足りません。縦向きと横向きの写真を同じ高さにしても幅は大きく違い、ビフォーアフターではバランスが悪く見えます。まず両方を同じ比率（4:5や1:1が無難です）にトリミングしてから、サイズをそろえます。比率の選び方と被写体を中央に保つ方法は、画像を比率に合わせてトリミングする方法で解説しています。ピクセル数を指定した単純な拡大縮小なら、結合の前に画像のサイズを変更するか、結合ツールに任せてください。

最大の画像に合わせて拡大するのではなく、必ず最小の画像に合わせて縮小します。4032 pxの写真を1080 pxに縮めても鮮明なままですが、600 pxのスクリーンショットを1080 pxに引き伸ばすと文字がすべてぼやけ、くっきりした隣の画像の中で目立ってしまいます。画像結合ツールでは、サイズを揃えるを自動にすると、横並びは高さが、縦に積む場合は幅がそろいます。最小にすると、どの画像も拡大されません。

画像のあいだの空白を、余白（ガター）と呼びます。0にすると画像が端でぴったり接します。つなぎ目を消したいカルーセル用ストリップや長いスクリーンショットに向いています。1080 pxの画像で10–20 px（幅の約1–2%）の細い余白にすると、意図的な線に見えて、グリッドがきれいに整います。外側の枠は余白と同じ幅にすると、端のバランスがよくなります。余白と枠には背景色が入ります。白はほとんどのフィードですっきり見え、黒は暗い写真や夜景に合います。#F2F2F2のような明るいグレーなら、空白のページのように見えず、グリッドが柔らかい印象になります。

出力サイズは単純な計算ですが、思ったより速く大きくなります。4032 pxのスマホ写真を4枚横に並べると、幅が16,000 pxを超え、どんな画面の表示幅よりもはるかに大きく、受け付けないアプリも多くなります。チャット、メール、SNS投稿で共有するなら、完成後の幅は4000 px以下にしてください。ほとんどのスマホには2048 pxで十分で、Instagramなら1080 pxが合います。メッセージアプリは大きな画像を再圧縮するので、適度なサイズの元画像のほうが、巨大なものより圧縮後もきれいに残ります。

形式は画像の中身で選びます。スクリーンショット、グラフ、文字を含むものは、可逆圧縮で文字が鮮明なPNGにします。写真は画質80–85のJPGにすると、元画像と見分けがつかないまま、サイズを大きく減らせます。写真を縦に積んだPNGは20 MB以上になることもありますが、同じ画像をJPGにすると通常は数MBです。JPGは透明を扱えないため、透明な余白は白になります。また、JPEGは1辺が65,535 pxまでという上限がありますが、問題になるのは非常に長い縦積みだけです。

iPhoneの写真アプリにはコラージュや結合の機能がありませんが、ショートカットアプリにはあります。イメージを結合アクションで、選んだ写真を何枚でも横、縦、またはグリッド状に、ピクセル単位の間隔を指定して結合できます。続けて写真アルバムに保存アクションを追加すれば、結果がライブラリに入ります。ショートカットはiOS 13以降のiOSに標準搭載され、2021年のmacOS MontereyからMacでも使えるため、同じショートカットが両方で動きます。Androidでは、Googleフォトの作成ツールにコラージュがあり、数枚用のテンプレートが用意されています。SamsungのギャラリーにもPhotos 2～6枚用の作成 → コラージュがあります。

パソコンでは、少し工夫が必要です。WindowsのペイントではキャンバスをひろげてÂ2枚目の画像を貼り付け、ドラッグして配置できます。2枚なら使えますが、正確にそろえるのは難しいです。PowerPointのほうが正確で、スライドサイズをユーザー設定にし、配置ツールで画像を整え、スライドをPNGまたはJPGとして書き出します。macOSのプレビューは、ツール → サイズを調整で画像のリサイズは得意ですが、キャンバスの拡張やファイルの結合はできません。Macではショートカットのアクション、Keynote、ブラウザのツールを使ってください。Canvaやブラウザの結合ツールなら、余白、背景、出力サイズを細かく指定できます。

スクリーンショットのつなぎ合わせは縦に積む作業ですが、重なりという問題が加わります。スクロールして撮り直すと、前のスクリーンショットの下端が次の上端と重複することが多く、そのまま積むと同じメッセージや行が2回出ます。結合する前に、2枚目以降の上側にある重複部分を切り取り、読む人がつなぎ目をたどれるよう1～2行を残してください。Android 12以降はもっとキャプチャでスクロールするスクリーンショットを直接撮れ、iPhoneのSafariはページ全体のキャプチャをPDFで保存できますが、どのアプリでも使えるわけではありません。そのため、チャットやアプリ画面では手作業でのつなぎ合わせが今も一般的です。

比較画像はコラージュより厳しいルールが必要です。見る人が違いを判断するからです。2枚を同じ構図、同じ比率、できれば同じ光で撮影またはトリミングし、同じ高さで横に並べます。余白は小さくするか、なしにします。人は左から右へ読むので、ビフォーは左に置きます。ラベルは、画像上に文字を載せられるプラットフォームでのみ追加します。マーケットプレイスでは、メインの商品写真に制限があることが多く、たとえばAmazonは純白の背景に商品1点を求めています。そのため、比較用の合成画像はサブ画像の枠に入れます。

スマホの写真にはEXIFメタデータが含まれます。カメラの機種、日時、そして多くの場合は撮影場所の正確なGPS座標です。結合した画像は新しいキャンバスに描かれた新規ファイルで、ほとんどの結合ツールは元の写真のEXIFをコピーしません。自宅や子どもの学校のコラージュを投稿する前なら、これは通常望ましい動作です。ただし、そうだと決めつけないでください。ファイルの情報を見る（Get Info）やプロパティのパネルで結果を確認します。iPhoneでは写真を上にスワイプして、公開前に位置情報がないか確認してください。

印刷では、目標が画面上のピクセルから1インチあたりのピクセル数に変わります。写真店は300 dpiで印刷するため、4 × 6 inのプリントには1200 × 1800 px、5 × 7 inには1500 × 2100 pxが必要です。300 dpiのA4は2480 × 3508 px、US Letterは2550 × 3300 pxです。そのサイズでコラージュを作り、写真どうしが視覚的に接しないよう20–30 pxの余白を取ります。店では端が少し切り取られるため、数ミリの余白も残してください。

結合する前に、グリッドを用紙の比率に合わせてください。そうしないと、印刷所が用紙に合わせて画像を切り取ったり、余白を足したりします。4 × 6プリントは2:3なので、正方形の写真を2列3行のグリッドにするとぴったり収まります。3 × 3の正方形グリッドでは、上下に帯が残ります。コラージュを印刷ではなく、申請ポータルやメールに使う場合は、結合の前ではなく後に画像のサイズをKBで小さくします。

結合に失敗する原因はほぼ決まっていて、その大半はサイズをそろえる手順を飛ばしたことにあります。高さの異なる写真を横に並べると、ツールは余白の帯を残すか、どれかを引き伸ばすしかありません。拡大したスクリーンショットはぼやけ、間違った形式で保存した縦長の画像は、送信や添付には重すぎるファイルになります。直すのに特別なソフトは要りません。正しい設定でもう一度結合し、結果を1分ほど確認するだけです。

共有する前に、サムネイルだけでなく100%表示で仕上がりを確認してください。つなぎ目、いちばん小さい文字、ファイルマネージャーに表示される容量を見ます。写真グリッド作成などのツールで作った画像が大きすぎる場合は、まずJPGの画質ではなく幅を小さくしてください。幅を半分にすると容量はおよそ4分の1になり、通常の表示サイズなら鮮明さも保てます。画質を80未満に下げるのは、幅がすでに必要な大きさになっている場合だけにしましょう。