🖼️
image collage,
画像コラージュメーカー
複数の写真を1枚にまとめる。
🖼️
枚数に合わせて自動配置
最大20枚をグリッドに
📸
縦・横につなげる
切り抜かずに連結
🔒
サーバー送信なし
ブラウザ完結で安全
並べ方
テンプレート
画像を選択してください
×
出力形式
🔒
画像はサーバーに送信されません。すべてブラウザ内で処理されます。
about,
概要
複数の写真を1枚の画像にまとめるコラージュメーカーです。画像を選ぶと枚数に合わせて自動でグリッドに並べる「おまかせ」のほか、2枚横並びや3×3の9枚グリッドなどのテンプレート、画像を切り抜かずに縦・横へつなげる連結にも対応しています。
背景色・画像どうしの間隔・外枠・角丸を調整でき、グリッドの出力サイズは1:1（正方形）や9:16（縦長）などの比率から選べます。保存はPNGまたはJPEGで、透かしは入らず、会員登録も不要です。
画像はサーバーに送信されず、Canvas APIを使ってブラウザの中だけで処理します。
how to,
使い方
STEP 1
画像を選ぶ
コラージュに使う画像をまとめて選びます（最大20枚）。あとから追加で選ぶこともできます。
STEP 2
並べ方を決める
「グリッド」ではテンプレートを選びます。「おまかせ」は枚数に合わせて自動で並べます。切り抜きたくないときは「縦につなげる」「横につなげる」を選びます。
STEP 3
調整して保存
背景色・間隔・外枠・角丸を調整し、PNGかJPEGで保存します。グリッドでは画像をドラッグして位置を、ホイールや「＋」「−」で大きさを変えられます。
枚数ごとの並び方（おまかせ）
| 枚数 | おまかせの並び（上の段から） | 同じ枚数のテンプレート |
|---|---|---|
| 2枚 | 2枚（1段） | 2枚横並び／2枚縦並び |
| 3枚 | 2枚・1枚（2段） | 3枚（左に1枚・右に2枚） |
| 4枚 | 2枚・2枚（2段） | 4枚グリッド（2×2） |
| 5枚 | 3枚・2枚（2段） | — |
| 6枚 | 3枚・3枚（2段） | 6枚グリッド（横3×縦2） |
| 7枚 | 3枚・2枚・2枚（3段） | — |
| 8枚 | 3枚・3枚・2枚（3段） | — |
| 9枚 | 3枚・3枚・3枚（3段） | 9枚グリッド（3×3） |
| 10枚 | 4枚・3枚・3枚（3段） | — |
| 11枚 | 4枚・4枚・3枚（3段） | — |
| 12枚 | 4枚・4枚・4枚（3段） | — |
| 16枚 | 4枚・4枚・4枚・4枚（4段） | — |
| 20枚 | 5枚・5枚・5枚・5枚（4段） | — |
※「おまかせ」は、段の数を枚数の平方根にいちばん近い整数にし、上の段から順に枚数を割り振る本サイトの並べ方です。同じ段の画像は同じ大きさになります。
目的別の作り方
- 2枚の写真を横に並べて1枚にする
- 「グリッド」で「おまかせ」または「2枚横並び」を選びます。写真を切り抜かずに並べたいときは「横につなげる」を選びます。
- 9枚の写真を正方形にまとめる
- 9枚を選び、比率を「1:1（正方形）」にします。「おまかせ」なら3枚ずつ3段に並びます。
- スクリーンショットを縦につなげる
- 「縦につなげる」を選び、幅を指定します。画像は切り抜かれず、画像一覧の順に上から並びます。順番は画像一覧のドラッグで変えられます。
- 周りに余白（外枠）をつける
- 「外側にも余白をつける（外枠）」にチェックを入れると、画像の周りにも間隔と同じ幅の余白が付きます。余白の色は背景色です。
glossary,
用語集
- コラージュ
- 複数の画像を1枚の画像にまとめる手法です。写真を組み合わせることでビジュアル的な物語を作ることができ、SNS投稿やフォトブックなどに広く使われています。
- グリッドレイアウト
- 格子状に画像を配置するデザイン手法です。均等なセルに画像をはめ込むことで、整列感と視覚的バランスが生まれます。2×2や3×3などのパターンが一般的です。
- テンプレート
- あらかじめ用意されたレイアウトの型です。本ツールでは、枚数に合わせて自動で並べる「おまかせ」と、2枚〜9枚用の6種類のテンプレートから選べます。
- 連結（つなげる）
- 複数の画像を縦または横の一列に並べて1枚にすることです。本ツールの「縦につなげる」「横につなげる」は画像を切り抜かず、縦なら幅、横なら高さをそろえて、元の縦横比のまま並べます。
- カバーフィット
- 画像をセル全体に隙間なく表示する配置方法です。画像とセルのアスペクト比を比較し、短辺を基準に拡大・クロップすることで、余白なく美しく表示します。はみ出した部分は自動でトリミングされます。本ツールではグリッドで使います。
- アスペクト比
- 画像の横幅と縦幅の比率です。例えば16:9は横長、1:1は正方形、4:3は一般的な写真サイズです。本ツールではセルのアスペクト比に合わせてカバーフィット描画を行います。
- 背景色
- 画像の間や余白部分に表示される色です。デフォルトは白ですが、カラーピッカーで任意の色に変更できます。黒にするとスタイリッシュな印象になります。
- 間隔（Gap）
- 画像と画像の間の余白サイズです。0にすると隙間なしで画像が密接し、大きくするほど各画像の間に広い余白が生まれます。背景色と組み合わせることでデザイン性が高まります。
- 外枠
- コラージュの外側（画像の周り）に付ける余白です。本ツールでは間隔と同じ幅で付き、色は背景色になります。
- 角丸（Border Radius）
- 画像セルの角を丸くする装飾です。CSSのborder-radiusと同様の概念で、Canvas APIのroundRect()を使って実装しています。0で直角、値を大きくするほど丸みが増します。
- PNG形式
- 可逆圧縮の画像フォーマットです。画質が劣化しないため文字やイラストを含む画像に向きますが、写真ではファイルが大きくなりやすい形式です。
- JPEG形式
- 写真向けの非可逆圧縮画像フォーマットです。品質を調整することでファイルサイズを大幅に削減できます。写真のコラージュはJPEGにするとファイルを小さくできます。
faq,
FAQ
- Q.保存したコラージュはどこにありますか？
- ブラウザの「ダウンロード」フォルダに保存されます。ファイル名は digtools + 保存日時（例：digtools202608131530.png）です。保存先を変更したい場合は、ブラウザの設定でダウンロード先フォルダを指定してください。
- Q.最大何枚まで使えますか？
- 一度に使えるのは20枚までです。「おまかせ」と「縦につなげる」「横につなげる」は選んだ画像をすべて使い、2枚〜9枚用のテンプレートはその枚数までを使います。21枚目以降は追加されません。
- Q.画像の順番を変えられますか？
- 画像一覧でドラッグ＆ドロップにより並べ替えが可能です。並び順はリアルタイムでキャンバスプレビューに反映されます。
- Q.画像がサーバーに送信されますか？
- 一切ありません。Canvas APIを使ってブラウザ内だけで処理しており、画像データが外部に出ることはありません。
- Q.透かし（ロゴ）は入りますか？会員登録は必要ですか？
- 透かしは入りません。会員登録やログインも不要で、ページを開いてすぐに使えます。
- Q.出力サイズを変更できますか？
- グリッドでは幅と高さを100〜4096pxの範囲で指定でき、1:1・4:3・3:4・16:9・9:16の比率も選べます。縦・横につなげる場合は幅（または高さ）を指定すると、もう一方は画像に合わせて自動で決まります。
- Q.背景色を変えられますか？
- カラーピッカーで自由に設定できます。デフォルトは白（#ffffff）です。
- Q.画像がセルに収まらない場合は？
- グリッドでは、枠いっぱいに表示されるよう自動で拡大し、はみ出した部分を切り抜きます（初めは画像の中央を表示します）。位置はプレビューの画像をドラッグして、大きさはマウスホイールか画像一覧の「＋」「−」で調整できます。切り抜きたくない場合は「縦につなげる」「横につなげる」を使ってください。
- Q.縦長のスクリーンショットをつなげられますか？
- 「縦につなげる」を選ぶと、画像を切り抜かずに上から順に一列につなげます。全体が大きくなりすぎる場合は、長い辺が16384px以内、総画素数が16,777,216以内に収まるよう全体を縮小して保存します（縮小するときは画面にお知らせが出ます）。
- Q.画像を個別に差し替えられますか？
- 各画像の差替えボタンで個別に変更できます。他の画像の配置はそのまま維持されます。
- Q.スマートフォンでも使えますか？
- スマートフォンのブラウザでも使えます。画像の位置は指でドラッグして、大きさは画像一覧の「＋」「−」で調整できます。
- Q.画像同士の間隔を調整できますか？
- スライダーで0〜40pxの範囲で調整できます。0にすると隙間なし、値を大きくするほど余白が広がります。
- Q.外枠（周りの余白）をつけられますか？
- 「外側にも余白をつける（外枠）」にチェックを入れると、画像の周りにも間隔と同じ幅の余白が付きます。余白の色は背景色です。
- Q.角丸にできますか？
- 各セルの角丸をスライダーで0〜30pxまで調整できます。0で直角、30で大きく丸みがつきます。
use cases,
活用シーン
📱
SNS投稿
Instagram・Xのフィードに複数写真をまとめた1枚画像を投稿
📷
旅行の思い出まとめ
旅先の写真をグリッドにまとめてシェア
🧾
スクリーンショットの整理
操作手順や会話のスクリーンショットを縦につなげて1枚で共有
🛍️
EC商品画像
複数アングルの商品写真を1枚にまとめて商品ページに掲載
ご意見・ご要望を送る
フィードバックを送信
ツールをより良くするためのご意見をお聞かせください。
ツールへの入力欄ではありません
フィードバックを送信しました。ご協力ありがとうございます！
エラーが発生しました。しばらく経ってから再度お試しください。
現在、フィードバックの受付を一時停止しています
サーバーが混み合っているか、スパム防止のための安全装置が作動しています。しばらく経ってから再度アクセスしてください。