ブログ
日本語

画像結合・コラージュ作成 — 写真を1枚にまとめる

写真を横・縦・グリッドにつなげて1枚のコラージュとして保存するブラウザーツール

ブラウザー内で処理・アップロード不要

つなげる写真をここにドロップ

JPG・PNG・WebP を最大 30 ファイル、1 ファイル 50 MB まで。コピーした画像は Ctrl+V(Mac は ⌘V)で貼り付けることもできます。写真がブラウザーの外に出ることはありません。

レイアウト
px

すべての写真をこの高さ(px)にそろえます。空欄なら一番小さい写真に合わせるので、拡大はされません(1000px)。

保存形式

写真を 2 枚以上追加してください。

ファイル名は collage-幅x高さ になります。JPG は画質 92 で、透明な背景は PNG でのみ保たれます。

描き直して保存するため、元の画像の EXIF(撮影機器・日時・GPS 位置)は保存されず、写真の向きは反映されます。画像がサーバーにアップロードされることはありません。

このツールについて

複数の写真を1枚の画像にまとめるコラージュ作成ツールです。ビフォーアフターを横に並べたり、スクリーンショットを縦に1枚の長い画像にしたり、旅行の写真をきれいなグリッドにまとめたりできます。サイズの違う写真も長さをそろえて端が合うように調整され、間隔や背景色は自由に選べます。

使い方

  1. 写真を点線の枠にドラッグするか、写真を選択を押します(最大30枚)。
  2. カードをドラッグするか矢印ボタンで順番を決めます。削除で写真を外せます。
  3. レイアウトを「横に並べる」「縦につなげる」「グリッド」から選びます。グリッドでは列数、マスの比率、マスへの収め方も選べます。
  4. そろえる長さ、間隔、外側の枠、背景色を設定します。長さが空欄なら一番小さい写真に合わせます。
  5. プレビューと仕上がりサイズを確認し、形式を選んでコラージュを保存を押します。

しくみ

  • 横に並べる:各写真の高さをそろえる長さにし、幅は比率に合わせて、左から右へ並べます。
  • 縦につなげる:すべての写真を同じ幅にして、上から下へ並べます。
  • グリッド:マスの幅がそろえる長さになり、高さはマスの比率(1:1、4:3、3:4、16:9)に従います。「埋める」は中央を基準にはみ出した部分を切り取ります。
  • 間隔と枠:間隔は写真どうしの間のピクセル数で、枠のオプションをオンにすると外側にも同じ間隔が入ります。すき間は背景色で埋まり、PNGなら透明のままにもできます。
  • サイズの上限:端末のキャンバス面積や1辺の上限(32,767 px、Safariは16,384 px。ブラウザーの違いを考えて控えめにしています)を超えるコラージュは、全体を均等に縮小します。
  • 保存:ファイル名はcollage-幅x高さで、JPEGは画質92、写真のEXIF情報は含まれません。

例

写真 レイアウト そろえる長さ 仕上がり(間隔10 px)
1600 × 1200 と 600 × 800 横に並べる 600 1260 × 600
1600 × 1200 と 600 × 800 縦につなげる 400 400 × 843
写真4枚 グリッド、2列、1:1 500 1010 × 1010

結合する前に写真を切り抜くなら画像切り抜きツールを、コラージュをPDFにするならJPG PDF 変換を使ってください。

よくある質問

複数のスクリーンショットを縦に1枚の長い画像にできますか?

できます。「縦につなげる」を選ぶと、すべての画像が同じ幅にそろえられ、上から下へつながります。チャットや長いWebページのスクリーンショットに便利です。間隔を0にすると継ぎ目なくつながります。

サイズの違う写真はどうそろえますか?

横に並べるときは高さを、縦につなげるときは幅を同じにし、縦横比は保ちます。そろえる長さを空欄にすると一番小さい写真に合わせるので、拡大される写真はありません。グリッドは同じ大きさのマスを使い、「埋める(端を切り取る)」か「全体を表示(余白あり)」を選べます。

何枚まで結合できますか?

一度に30枚までです。ブラウザーが描ける大きさを超える場合はコラージュ全体を均等に縮小し、サイズの表示でお知らせします。面積の上限はiPhone・iPadで16,777,216ピクセル、それ以外で1億ピクセルです。また、描ける辺の長さはブラウザーによって違うため、安全のため1辺を32,767 px(Safariは16,384 px)までにしています。そのため非常に長いスクリーンショットの縦つなぎは、この長さまで縮小されます。

順番はどう変えますか?

カードをドラッグ&ドロップするか、各カードの矢印ボタンを使います。キーボードでは、カードにフォーカスを当ててAltと方向キーを押します。

写真はアップロードされますか?

いいえ。読み込み、結合、保存はすべてブラウザー内で行われます。

ほしいツールはありますか?