piapia123
ja

画像の結合とコラージュ

画像

処理はすべてブラウザ内で完結します。データは送信されません

ここに画像をドロップ、またはクリックして選択

Ctrl/⌘ + V でスクリーンショットを貼り付けることもできます

PNG / JPEG / WebP / GIF / BMP / AVIF · 1枚 30 MB まで

複数の画像を 1 枚にまとめます。3 つの並べ方で 3 つの用途をカバーします。縦に連結は連続したスクリーンショットを 1 枚の長い画像にする用途(もともと幅が同じなら余白を `0` にすると継ぎ目が分かりません)、横に並べるはビフォーアフターの比較、グリッドは 4 分割・9 分割のレイアウトです。次の 2 点は本ツールが処理します。サイズを統一するときの基準は最も狭い画像です。小さい画像を拡大するとぼやけますが、大きい画像を縮小しても問題ありません(異なるカメラの写真を混ぜるときに効いてきます)。またキャンバスの寸法は描く前に計算するため、ブラウザの上限を超える場合は空白の透明画像を返さず、その場で伝えます(上限を超えると canvas は黙って失敗するため、原因が分かりにくいのです)。処理はすべて端末内のメモリで完結し、画像は送信されません。

機能

  • 3 つの並べ方:縦の長い画像、横並び、グリッド
  • グリッドの列数は指定も、枚数からの自動計算も可能
  • 余白は 0〜64 ピクセル。0 にすると継ぎ目のない長い画像になります
  • 幅・高さの統一は最も狭いものに合わせ、拡大はしません
  • 画像ごとの角丸、背景は透明・白・黒・オフホワイト
  • PNG / WebP / JPEG で出力。JPEG では透明背景を白に置き換えて説明します
  • キャンバスが上限を超える場合は事前にエラーを出し、空白画像を返しません
  • ドロップ、複数選択、スクリーンショットの貼り付けに対応。画像は送信されません

使い方

  1. 複数の画像をまとめてドロップします(クリックして複数選択も可)
  2. 並べ方を選びます。長い画像は「縦」、比較は「横」、タイルは「グリッド」
  3. 継ぎ目なくつなぐには余白を 0 に。サイズが違う場合は「幅を統一」のまま
  4. 結果をダウンロードするか、プレビューを右クリックして保存します

よくある質問

できあがった長い画像が思ったより高いのはなぜですか?
ほとんどの場合は余白です。既定値はコラージュ風の見た目に合わせてあるため、スクリーンショットの結合では 0 にしてください。0 にすると画像の間に空白がなくなり、隣り合うピクセルが直接接します。またサイズを統一すると各画像が比例して拡大縮小されるため、幅が狭くなれば高さも低くなり、合計が手計算と少しずれることがあります。
幅が違う画像を混ぜたとき、小さい方が拡大されませんか?
されません。基準は最も狭い画像なので、大きい方だけが縮小され、小さい方はそのままです。逆に最も広いものに合わせて拡大すると、小さい画像はモザイクのようになります。結合ツールでよくある失望点です。拡大が必要な場合は、先に「画像形式変換」で拡大してから結合してください。
一度に何枚まで結合できますか?
枚数ではなくサイズによります。ブラウザのキャンバスは 1 辺 16384 ピクセル、総面積およそ 6400 万ピクセルが上限で、超えると失敗します。4K のスクリーンショットを 10 枚縦につなぐと収まりませんが、スマートフォンのスクリーンショット 20 枚なら通常問題ありません。本ツールは処理前に計算し、どの上限を超えたかを伝えて、幅の統一や余白の縮小を提案します。
画像は送信されますか?
いいえ。結合はブラウザ自身の canvas を使い、すべて端末内のメモリで完結します。画像が端末から出ることはなく、オフラインでも使えます。スクリーンショットにはチャット履歴や注文番号、顧客名が写りがちなので、この点は特に重要です。

関連ツール