アイコンジェネレーターに戻る
メイン画面に戻って、すぐに生成を開始します。
favicon と PWA アイコン生成の手順
PNG または SVG 1枚から、余白をそろえて favicon.ico、Apple touch icon、PWA アイコンを作成します。
推奨入力
- PNG または SVG。できれば正方形で 512×512 以上。
- ロゴ配置の自由度を重視するなら透明背景が有効です。
- 正方形でない画像は自動でキャンバス補完し、主体を中央配置します。
3ステップ
- 画像をアップロードし、主体境界プレビューを確認します。
- 余白モードをバランスまたはセーフに設定し、favicon/PWA プレビューを確認します。
- ZIP をダウンロードし、favicon.ico、16/32/48、Apple 180、PWA 192/512 を取得します。
ケース例
入力: 1024×1024 の透明ロゴ SVG。
設定: バランス余白 + 透明背景。
出力: Web サイトと PWA に必要な主要アイコン一式をそのまま導入可能。
FAQ
favicon と PWA アイコンは同じ元画像で作れますか？
はい。元画像の品質と余白設定が適切なら、同一ソースで問題ありません。
小さい favicon がぼやけるのはなぜですか？
小サイズでは細部が潰れやすいため、形状を簡潔にし余白を増やすと改善します。
サイズごとに手作業で作る必要がありますか？
不要です。一般的なサイズはツールが自動生成します。