画像グリッド合成
複数の画像をグリッドレイアウトで1枚に合成してダウンロード。JPG・PNG・WebP・GIF対応。
データはサーバーに送信されません画像をドロップ、またはクリックして選択
JPG・PNG・WebP・GIF対応 複数ファイル同時選択可
- 1
- 2
- 3
- 4
使い方
- 1
画像をアップロード
ドロップゾーンに画像ファイルをドラッグ&ドロップするか、クリックしてファイル選択ダイアログを開きます。複数ファイルを同時に選択でき、空きスロットに順番に割り当てられます。JPG・PNG・WebP・GIF に対応しています。
- 2
グリッドレイアウトを選択
2×2・3×3など8種類のプリセットボタンから構成を選ぶか、カスタム入力で列数・行数を自由に指定します(最大 6×6)。レイアウトを変更すると画像スロットが自動的に追加・削除されます。
- 3
画像の順序をドラッグで調整
左パネルのスロットリスト内、各行の左端にある ⠿ アイコンを掴んでドラッグすると、画像の並び順を入れ替えられます。変更はプレビューにリアルタイムで反映されます。
- 4
特定のセルに画像を割り当て
スロットリストで「+ 画像を選択」と表示された空のセルをクリックすると、そのスロット専用のファイル選択が開きます。特定の位置だけ画像を変えたいときに便利です。
- 5
詳細設定を調整してプレビューを確認
ギャップ(画像間の隙間)・セルサイズ・背景色・出力形式(JPEG/PNG)・JPEG品質をスライダーで調整できます。右側のプレビューに即座に反映されるので、仕上がりを確認しながら設定できます。
- 6
ダウンロード
プレビューが希望の仕上がりになったら「ダウンロード」ボタンをクリック。選択した形式(JPEG/PNG)でグリッド画像がローカルに保存されます。データはサーバーに送信されません。
画像が足りない場合
グリッドのセル数より画像が少なくても問題ありません。空のセルはグレーのプレースホルダーとして合成されます。そのままダウンロードすることも、後から画像を追加することもできます。
異なるアスペクト比の画像
縦長・横長が混在していても、各セルに「オブジェクトフィット: カバー」で中央クロップして正方形に収めます。画像が引き伸ばされることはありません。
出力解像度について
セルサイズを上げるほど出力画像の解像度が高くなります。2×2 グリッドでセルサイズ 800px・ギャップ 4px の場合、1604 × 1604px の画像が生成されます。
プライバシー・データについて
このツールはブラウザ内の Canvas API で動作します。選択した画像はサーバーに送信されず、外部に漏れることはありません。安心してご利用ください。