画像グリッド合成

複数の画像をグリッドレイアウトで1枚に合成してダウンロード。JPG・PNG・WebP・GIF対応。

データはサーバーに送信されません

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

JPG・PNG・WebP・GIF対応 複数ファイル同時選択可

画像スロット0/4
  • 1
  • 2
  • 3
  • 4
レイアウト
カスタム×最大 6×6
詳細設定
4px
400px
#000000
92%
プレビュー804 × 804px

使い方

  1. 1

    画像をアップロード

    ドロップゾーンに画像ファイルをドラッグ&ドロップするか、クリックしてファイル選択ダイアログを開きます。複数ファイルを同時に選択でき、空きスロットに順番に割り当てられます。JPG・PNG・WebP・GIF に対応しています。

  2. 2

    グリッドレイアウトを選択

    2×2・3×3など8種類のプリセットボタンから構成を選ぶか、カスタム入力で列数・行数を自由に指定します(最大 6×6)。レイアウトを変更すると画像スロットが自動的に追加・削除されます。

  3. 3

    画像の順序をドラッグで調整

    左パネルのスロットリスト内、各行の左端にある ⠿ アイコンを掴んでドラッグすると、画像の並び順を入れ替えられます。変更はプレビューにリアルタイムで反映されます。

  4. 4

    特定のセルに画像を割り当て

    スロットリストで「+ 画像を選択」と表示された空のセルをクリックすると、そのスロット専用のファイル選択が開きます。特定の位置だけ画像を変えたいときに便利です。

  5. 5

    詳細設定を調整してプレビューを確認

    ギャップ(画像間の隙間)・セルサイズ・背景色・出力形式(JPEG/PNG)・JPEG品質をスライダーで調整できます。右側のプレビューに即座に反映されるので、仕上がりを確認しながら設定できます。

  6. 6

    ダウンロード

    プレビューが希望の仕上がりになったら「ダウンロード」ボタンをクリック。選択した形式(JPEG/PNG)でグリッド画像がローカルに保存されます。データはサーバーに送信されません。

画像が足りない場合

グリッドのセル数より画像が少なくても問題ありません。空のセルはグレーのプレースホルダーとして合成されます。そのままダウンロードすることも、後から画像を追加することもできます。

異なるアスペクト比の画像

縦長・横長が混在していても、各セルに「オブジェクトフィット: カバー」で中央クロップして正方形に収めます。画像が引き伸ばされることはありません。

出力解像度について

セルサイズを上げるほど出力画像の解像度が高くなります。2×2 グリッドでセルサイズ 800px・ギャップ 4px の場合、1604 × 1604px の画像が生成されます。

プライバシー・データについて

このツールはブラウザ内の Canvas API で動作します。選択した画像はサーバーに送信されず、外部に漏れることはありません。安心してご利用ください。

サービス改善のためCookieを使用しています。プライバシーポリシー