フォトコラージュメーカー
2～9枚の写真をグリッドコラージュに配置します。レイアウトを選択し、間隔と角の丸みを調整して、きれいなSVGをダウンロードします。ブラウザ内で完全に動作し、サインアップやサーバーへのアップロードは不要です。
入力
2～9枚の写真。生成する前にドラッグして並べ替えます。セルはその順序で埋められます。
レイアウト
出力
編集された画像がここに表示されます。
このツールを使う他の方法
REST API
curl -X POST https://api.iotools.cloud/v1/tool/collage-maker \
-H "Authorization: Bearer YOUR_API_KEY" \
-H "Content-Type: application/json" \
-d '{
"images": "[\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAA…",
"layout": "columns-2",
"cellSize": "200",
"spacing": "8",
"cornerRadius": "0",
"backgroundColor": "#ffffff"
}'ご自身のアカウントのキーに差し替えてください。ツールのフィールドがそのままリクエストボディになります——ラッパーはありません。
AIエージェントに依頼する
Use the IOTools `collage-maker` tool (Photo Collage Maker) on this input:
YOUR_INPUT_HEREIOTools MCPサーバーに接続された任意のエージェントにこれを貼り付け、入力内容を追加してください。
埋め込みウィジェット
<iframe
src="https://iotools.cloud/embed/collage-maker/"
width="100%" height="520" frameborder="0" scrolling="no" loading="lazy"
title="フォトコラージュメーカー — iotools.cloud"
sandbox="allow-scripts allow-forms allow-same-origin allow-downloads allow-popups allow-popups-to-escape-sandbox"
allow="clipboard-write"
style="width:100%;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden"></iframe>
<script src="https://iotools.cloud/embed.js" async></script>ご自身のページに貼り付けるだけ——無料、キー不要、リンクを掲載するだけです。
| API/MCP 1回あたりの費用 | 5クレジットから |
|---|
次の方法でも利用可能
ガイド
2～9枚の写真をドロップして、きれいなグリッドコラージュを取得します。レイアウトを選択し、間隔と角の丸みを調整してから、結果をコピーするか、SVGとしてダウンロードします。この無料のオンラインコラージュメーカーはブラウザ内で完全に動作します。写真がサーバーにアップロードされることはありません。
使い方
- 写真をアップロードします。生成する前にドラッグして並べ替えます。セルはその順序で埋められます。
- グリッドレイアウトを選択します。自動（写真数に合わせてサイズ調整されたほぼ正方形のグリッド）、2列、3列、1行、または1列。
- セルサイズ、間隔、角の丸みをお好みに合わせて調整し、ガター部分に表示する背景色を選択します。
- SVGソースコードをコピーするか、ダウンロードします。外部依存関係がない自己完結型ファイルです。
なぜ写真が各セルを埋めるためにトリミングされるのですか？
各セルは固定正方形で、各写真は拡大縮小され、中央でトリミングして完全に埋めます（Instagramのグリッドやスタイルシートのobject-fit: coverと同じ「カバー」動作）。これにより、異なるサイズのサムネイルの列ではなく、実際の写真コラージュのように見えます。セルの周囲に空白があります。トリミングなしで各セルの全体写真を表示したい場合は、代わりにMerge Imagesを使用してください。これはトリミングなしで各写真をサイズに合わせてスケールします。
出力がPNGやJPEGではなくSVGなのはなぜですか？
SVGはピクセル化なしで任意のサイズにスケーリングでき、瞬時にダウンロードでき、写真をそのまま埋め込みます。再エンコーディングなし、品質損失なし。これにより、このツールは<canvas>なしで動作するため、何もブラウザを離れません。
写真の数が最後の行を埋めない場合はどうなりますか？
グリッドはまだセルの完全な行を予約します。埋められていないセルは背景色を表示するだけです。選択したレイアウトの列数に均等に分割される写真数を試すか、グリッドを正確な数にサイズ変更する「自動」に切り替えます。
私の写真はどこかにアップロードされていますか？
いいえ。ファイルの読み取りとコラージュの構築は、ブラウザ内でローカルに実行されます。写真がサーバーに送信されることはありません。
もっと具体的な何かが必要ですか？
2～4枚の写真のトリミングなしで横並び/積み重ねレイアウトの場合はMerge Imagesを使用するか、画像の代わりにダウンロード可能なPDFに写真を結合する場合はImage to PDFを使用します。