ビジュアルエディター

元画像が最終キャンバスにどう収まるかを細かく決められます。変更は全部リアルタイムなので、書き出す前に試せます。

レイアウト

二分割です。

• 左パネル — アイコン、背景、形状の操作。
• 右キャンバス — 選んだキャンバスサイズでのライブプレビュー。

アイコン操作

ヒント: ビルドが対応していればキャンバスをドラッグしてオフセットできます。なければ数値入力。

形状

本格的な iOS アイコンなら Squircle をオンにして、パディングは控えめに。Android アダプティブアイコンはマスク内に収まるよう余白を多めに。

背景

• 単色 — フラットな一色。
• グラデーション — 二色と角度の線形グラデーション。
• 透明 — アルファ付き（PNG 出力で有効）。

キャンバスサイズ

編集を始める前に書き出しキャンバスを選びます。

• 512 px — プレビューが速い。Web 向け。
• 1024 px — 多くのプラットフォームにちょうどよい。
• 2048 px — 最大ディテール。App Store 用素材向き。

注: キャンバスサイズはプレビュー解像度に効きます。書き出しパッケージには各プラットフォームが求める実寸が入ります。

デザインガイド

位置合わせ用のオーバーレイです。

• Apple アイコングリッド
• Android アイコングリッド
• Windows Fluent アイコングリッド
• 黄金比スパイラル
• ピクセルグリッド

ガイドは見た目の確認用で、書き出しファイルには出ません。