対応ファイル形式

1ロゴを読み込む

2つの方法でロゴファイルを読み込めます：

• 「ファイルを選択」ボタンをクリックして、ファイルを選択
• ファイルを画面にドラッグ＆ドロップ

複数ファイルを一度に選択できます。既にロゴがある状態で追加読み込みも可能です。

2プレビューで切り抜き

ファイル読み込み時にプレビュー画面が表示されます：

• 自動トリミング - 余白を自動で削除
• ドラッグで範囲選択 - 手動で切り抜き範囲を指定
• 元画像をそのまま追加 - 加工せずに追加
• スキップ - そのファイルを追加しない

3レイアウトを調整

画面上部のメニューで細かく調整できます：

• 列数 - 横に並べるロゴの数
• ボックス幅/高さ - 各ロゴの表示サイズ
• 横マージン/縦マージン - ロゴ間の間隔
• 外側余白/内側余白 - グリッド周囲と各ボックス内の余白
• 並び順 - ファイル名順、降順、ランダム
• 表示倍率 - プレビューの拡大縮小

4ロゴを並び替え・削除

配置されたロゴは自由に編集できます：

• ドラッグ＆ドロップ - ロゴを掴んで好きな位置に移動
• ×ボタン - ロゴにカーソルを合わせて個別削除
• クリックで選択 - 複数選択して一括削除も可能

5エクスポート

「エクスポート」ボタンをクリックすると、プレビュー画面が表示されます：

• 上下左右の余白 - 出力画像の余白を個別設定
• 出力倍率 - 1x、2x、3xから選択（高解像度出力）
• 出力形式 - PNG、JPG、PDFから選択

プロジェクトの保存と読み込み

作業中のデータを保存して、後から続きを編集できます：

• プロジェクト保存 - JSONファイルとして保存（画像データも含む）
• プロジェクト読込 - 保存したJSONファイルを読み込み

キーボードショートカット

注意事項

• すべての処理はブラウザ内で完結します。画像データがサーバーに送信されることはありません。
• 大量のロゴや高解像度画像を扱う場合、メモリ使用量が増加することがあります。
• AIファイルはPDF互換形式で保存されている必要があります。