ローカルセキュリティ
すべてフロントエンドで動作。画像はアップロードされず、プライバシーはあなたの管理下に。
概要
これは無料・オープンソースの純フロントエンド画像結合（合成／コラージュ）ツールです。画像の選択・処理・合成・書き出しはすべてブラウザー内でローカルに完結し、サーバーへアップロードされません。プライバシーとデータの安全を確保します。縦方向レイアウトやグリッドレイアウトに対応し、ドラッグ＆ドロップで並べ替え、間隔・角丸・背景色を調整できます。WYSIWYG（見たまま）プレビューとワンクリックでの PNG 出力を提供します。すべての操作はブラウザー内で行われ、画像はサーバーにアップロードされません。安全・無料・透かしなし。
目標：「複数の画像を素早く1枚にまとめる」ことを十分に簡単・効率的・安全にする。
主要機能
- 🔒
- 📁
一括インポート
複数画像を一度に選択。サムネイルを自動生成。
- 🧲
ドラッグ＆ドロップ並べ替え
サムネイルをドラッグして順序を変更、リアルタイムでプレビュー。
- ↕️
水平・垂直レイアウト
現在は水平・垂直の結合に対応。
- 🎨
スタイル設定
間隔、角丸、外側マージン、背景色を自由に調整。
- ⚡
リアルタイムプレビュー
WYSIWYG：パラメーター変更が即時に反映。
- 🖼️
自動サイズ適応
最小または最大の辺で整列し、レイアウトを整える。
- 💾
ワンクリック書き出し
透かしなしの PNG を書き出し。共有や保存にすぐ使える。
- 📐
グリッドレイアウト
複数のレイアウトオプションでさまざまな用途に対応。
クイックスタート
- 1. 「画像を選択」をクリックするか、画像をドラッグイン。
- 2. リスト内のサムネイルをドラッグして並び替え。
- 3. 水平または垂直レイアウトを選択。必要に応じて「詳細設定」を展開。
- 4. 間隔、角丸、背景色などのスタイルを調整。
- 5. プレビューが良ければ「ダウンロード」をクリック。
- 6. 生成された PNG 画像を保存。
ヒント：画像が多い・大きい場合は処理が重くなるため、分割して処理してください。
仕組みとセキュリティ
- 画像読み込み：ブラウザーの File API でローカルのオブジェクトURLを作成し、インターネットにアップロードしません。
- レイアウトプレビュー：CSS Flex/Grid（今後）と算出サイズでリアルタイム描画。
- 合成と書き出し：現在のレイアウトを Canvas に描画し、PNG を書き出す。
- メモリ解放：画像削除やページ更新時にオブジェクトURLとメモリを即時解放。
プライバシー保証： いかなる時もネットワーク送信はありません。DevTools の Network パネルでアップロード要求が無いことを確認できます。