画像コラージュ 🖼️

画像コラージュについて

この画像コラージュツールは、すべてブラウザ内で完結します。複数画像をドロップまたは選択し、レイアウト（例：2×2、3×3、1×3）を選び、セル間の間隔、背景色、セルサイズを設定します。コラージュ作成をクリックすると、各画像を cover 方式（アスペクト比を保ちセルを満たし、はみ出しをクロップ）で対応セルに描画します。アップロード画像数よりレイアウトが大きい場合、空セルは背景色のまま残ります。出力キャンバスサイズは cols × cellSize + (cols + 1) × gap の幅、高さも同様です。サーバーへのアップロードは一切なく、JavaScript によりローカルで処理されます。

使い方

1. ドロップゾーンをクリックするか、画像ファイルをドロップします。複数選択可能です。
2. 使用する画像数に合ったレイアウトを選びます。
3. 間隔・背景色・セルサイズを必要に応じて調整します。
4. コラージュ作成で描画し、ダウンロードで PNG を保存、クリアでやり直せます。

よくある質問

画像がレイアウトより少ない場合は？ 残りのセルは背景色のままになります。コラージュは描画されます。

画像がレイアウトより多い場合は？ レイアウトに収まる最初の N 枚のみ使用され、残りは無視されます。

画像はセルにどうフィットしますか？ 各画像はアスペクト比を保ったままセルを覆うようクロップされます（CSS object-fit: cover のように）。空白バーは出ません。

画像はアップロードされますか？ いいえ。すべての処理はローカルブラウザで行われ、画像がデバイスから外に出ることはありません。