Favicon Generator

使い方

1. 画像を選択します —— 出力はすべて正方形なので、正方形のロゴが最適です。
2. favicon を生成を押すと、5 サイズが一括で生成されます。
3. 各サイズは相対的な大きさのプレビューで表示され、下にファイル名が付きます。
4. ファイル名をクリックすると PNG をダウンロードできます。

よくある用途

• 新規サイトの立ち上げ —— 1 枚のソース画像でタブ・ブックマーク・iOS ホーム画面・PWA アイコンをカバー。
• ブランド刷新 —— ロゴ変更後にアイコン一式を再生成。
• アプリマニフェスト —— 512px が Web アプリマニフェストのアイコン要件を満たします。

よくある質問

Q: ロゴが正方形でない場合は？ A: 画像は正方形に引き伸ばされるため、正方形以外のロゴは歪みます。先にソースを正方形へ切り抜くか余白を足してください —— 本サイトの画像切り抜きツールで対応できます。

Q: 16px と 32px のプレビューが荒く見えるのは？ A: このサイズは実際にピクセル数が非常に少なく、プレビューはピクセル等倍拡大でブラウザタブの見え方をそのまま示します。細かいロゴはこの縮尺でつぶれるため、シンプルなマークが向いています。

Q: 5 サイズ全部が必要ですか？ A: 現代のブラウザは 32px だけで動きますが、16・32・180 を揃えるとタブ・Retina・iOS ホーム画面までカバーでき、512 はマニフェスト用です。一式入れておけば代替アイコンがぼやけることもありません。