無料画像結合 — 複数の画像を1枚にまとめる

実例

1080×2400、1080×1800、1170×2532 ピクセルの 3 枚のスマートフォンのスクリーンショットをドロップします。リストに「3 枚の画像」と各サイズが表示され、プレビューは 1080 × 6537 px になります。「レイアウト」は「上から下」、「幅」は「最小に合わせる」で始まるため、3 枚目のスクリーンショットは幅 1080 に拡大縮小され、高さは 2337 になります。「3 枚の画像を結合」を押します。ページに「結合しました: 1080 × 6537 px」とファイルサイズが表示され、「品質」92% の JPG として保存される merged-3-images.jpg がダウンロードできます。次に「サイズを維持」を選ぶと、何も拡大縮小されず、キャンバスは 1170 × 6732 px になり、「左」「中央」「右」の「配置」行が表示されます。幅の狭い 2 枚は、「白」の背景の中央に、左から 45 px の位置で配置されます。「最小に合わせる」に戻して、「間隔」を 20、「枠線」を 40 に設定すると、プレビューは 1160 × 6657 px になります。

使用する設定と制限事項

• 最初にレイアウトとフィットを選びましょう。 「レイアウト」には「上から下」「横に並べる」「グリッド」があります。共通にそろえる寸法は、列とグリッドのセルでは「幅」、行では「高さ」です。「最小に合わせる」はすべての画像を最小の幅または高さに、「最大に合わせる」は最大に合わせて拡大縮小し、小さい画像は拡大されます。「サイズを維持」は何も拡大縮小しません。切り抜きは行われず、すべての画像が全体のまま残ります。
• グリッドの列数と配置を設定しましょう。 「グリッド」では、「列数」は 2、3、4、5 から選べ、初期値は 2 です。列数より画像が少ない場合は、1 画像につき 1 列になります。各行の高さは最も高い画像に合わせられ、低い画像は「配置」（「上」「中」「下」）で位置が決まります。1600×1000、800×800、1200×900、1000×1000 の 4 枚を 2 列、「最小に合わせる」で並べると、1600 × 1600 px の画像になります。列または行では、「配置」は「サイズを維持」のときだけ表示されます。
• 「間隔」と「枠線」で隙間を作りましょう。 どちらのスライダーも 0〜100 px で、初期値は 0 です。「間隔」は画像と画像の間、「枠線」は外側の周囲に入ります。出力ピクセルで数えるため、大きな画像では 20 px は細く見えます。「背景」は隙間を塗りつぶします。「白」（初期値）、「黒」、「透明」、または選んだ任意の「色」です。
• ファイル形式は意図して選びましょう。 「保存形式」は JPG で始まります。JPG と WebP には 50% から 100% の「品質」スライダーがあり、初期値は 92% です。PNG は可逆圧縮でスライダーはありません。JPG は透明にできないため、「透明」を選ぶと「JPG は透明にできないため、背景は白になります。透明を保つには PNG または WebP を選んでください。」と表示されます。ファイル名は、画像の枚数と選んだ拡張子を使って merged-3-images.jpg のようになります。
• 結合する前に画像の順序を整えましょう。 画像はリストの順序（1、2、3 と番号が付きます）で配置されます。各画像の横の上下ボタン（「上に移動」「下に移動」）、リストを反転させる「逆順」、1 枚を除く「削除」、最初からやり直す「すべて削除」を使います。ドロップゾーンには「画像をさらに追加」と表示され、新しいファイルは末尾に追加されます。写真は回転情報に従って正しい向きで描画されるので、縦向きのスマートフォンの写真が横向きになることはありません。
• 大きな結合画像は、ブラウザーに収まるように縮小されます。 結合画像は、ブラウザーが描画できるサイズを超えられません。1 辺は最大 16,384 px で、面積の上限はデバイスによって異なり、パソコンで 2 億 5,000 万ピクセル、Android で 6,400 万、iPhone と iPad で 16,777,216（4096 × 4096）です。上限を超えると、ページに「ブラウザーが 1 枚の画像として作成できるサイズを超えているため、表示されたサイズに縮小されます。」と表示されます。1080×1920 のスクリーンショット 10 枚を縦に積むと 1080 × 19200 px になるため、結果は 921 × 16368 px に縮小されます。

よくある問題とその解決方法

「1 個のファイルを画像として開けませんでした。」（または「2 個のファイルを画像として開けませんでした。」）と表示される。

ブラウザーがそのファイルを画像としてデコードできませんでした。たとえば、ファイルが破損している、またはブラウザーが描画できない形式であるといった原因が考えられます。ほかのファイルは追加され、失敗したものだけがスキップされます。失敗した画像を JPG または PNG として書き出し、もう一度追加してください。ダウンロードされていないクラウドファイルによくある 0 バイトのファイルは、ドロップゾーンが独自のメッセージで拒否します。

「画像を結合できませんでした。枚数を減らすか、小さい画像でお試しください。」と表示される。

結果の描画または保存中に問題が起きました。ブラウザーが 2D キャンバスを提供しなかった、ファイルを返さなかった、または選んだ形式と異なる種類のファイルを返したことが原因です。ページは、保存された形式が JPG、PNG、WebP と一致するかを確認します。別の「保存形式」、少ない枚数、小さい画像を試して、もう一度結合ボタンを押してください。

結合した画像が想定より小さく、「ブラウザーが 1 枚の画像として作成できるサイズを超えているため、表示されたサイズに縮小されます。」という注記が出る。

レイアウトがお使いのデバイスのキャンバス上限を超えているため、すべてが同じ倍率で縮小されます。「プレビュー」の横に表示されるピクセルサイズが、実際に保存されるサイズです。より多くのピクセルを保つには、画像を拡大する「最大に合わせる」ではなく「最小に合わせる」を使う、2 回に分けて結合する、または、スマートフォンよりはるかに大きな画像を扱えるデスクトップのブラウザーを使ってください。

結合ボタンがグレーアウトし、プレビューに「結合するには、画像をあと 1 枚以上追加してください。」と表示される。

結合には 2 枚以上の画像が必要で、リストに 1 枚しかないとボタンは無効のままです。「画像をさらに追加」と表示されているドロップゾーンから、もう 1 枚追加してください。プレビューには、その 1 枚が元のサイズのまま表示されます。

設定を変更したら、ダウンロードボタンが再び「3 枚の画像を結合」に置き換わった。

結合されたファイルは、作成時の画像とオプションにだけ対応しています。順序、レイアウト、フィット、間隔、枠線、背景、形式、品質のいずれかを変更すると古い状態になり、ページはプレビューと一致しないファイルを渡す代わりに、もう一度結合するよう求めます。ダウンロードボタンには「ダウンロード」と表示されますが、iPhone では「ファイルを保存 / 共有」と表示されます。

比較

スマートフォンのスクリーンショット結合機能や写真編集アプリのほうが、テキスト、ステッカー、角丸、自由な配置など、多くのことができます。このツールが行うのは 1 つの作業です。画像を丸ごと、列、行、グリッドに並べ、共通の幅または高さに合わせて拡大縮小し、間隔、枠線、背景を加えて、1 つのファイルとして保存します。切り抜きは一切せず、テキスト、回転、自由な配置はなく、順序と配置だけです。結果のサイズはブラウザーが描画できる範囲に制限され、iPhone ではデスクトップよりはるかに低くなります。その代わり、インストールは不要で、何もアップロードされません。画像はブラウザー内のキャンバスで結合されます。