ファビコン生成 🔒 ブラウザ内で完結 — 何もアップロードされません。

画像や文字からファビコンを作成、HTML 付き。

16px
16×16
32px
32×32
48px
48×48
180px
180×180
192px
192×192
512px
512×512

<head> 用の HTML

   

このツールについて

ファビコンはブラウザタブ、ブックマーク、スマホのホーム画面に出る小さなアイコンで、現代のサイトは複数のサイズと形式を必要とします。このジェネレーターは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 セクションに貼り付けてください。