このツールについて
ファビコンはブラウザタブ、ブックマーク、スマホのホーム画面に出る小さなアイコンで、現代のサイトは複数のサイズと形式を必要とします。このジェネレーターは1つのソースから一式を作ります。ロゴをアップロードするか、1文字や絵文字を入力して背景を選ぶと、16・32・48・180・192・512 ピクセルの鮮明なアイコンを描画します。
定番の複数解像度 favicon.ico をダウンロードし、個別の PNG を取得し、ページの head に貼り付ける正確な link と meta タグをコピーできます。すべてブラウザ内の Canvas API で描画され、画像がアップロードされることはありません。
よくある質問
アップロードした画像はサーバーに送信されますか?
いいえ。すべてのサイズはローカルの HTML canvas 上でレンダリングされ、画像がブラウザの外に出ることはありません。
実際にはどのサイズが必要ですか?
16×16 と 32×32 は従来のブラウザタブ用ファビコン、180×180 は Apple touch icon(iOS ホーム画面用)、192×192 と 512×512 は Android・PWA インストール用の Web App Manifest で使われます。
.ico ファイルは必要ですか、それとも PNG だけで十分ですか?
最新のブラウザは link タグ経由で PNG のファビコンを問題なく使えますが、古いブラウザやブックマーク、その正確なファイル名でしか探さないツールのために favicon.ico を残しておく価値は今も十分あります。
画像から作ったアイコンが小さいサイズでぼやけるのはなぜ?
小さなファビコンは使えるピクセル数が非常に少ないため、細かいディテールが失われます。シンプルでコントラストの高い正方形の画像から始めてください。細い線や文字が多いロゴは、16×16 に縮小するとほとんど潰れてしまいます。
生成したファビコンを自分のサイトに追加するには?
「Copy HTML」のスニペットをファイル(または .ico)と一緒にサイトのルートに配置し、ページの head セクションに貼り付けてください。