Favicon生成 - 画像・テキストからICO/PNG favicon作成

Favicon生成とは？

Faviconとは、ブラウザのタブやブックマークに表示される小さなアイコンです。Webサイトのブランドを視覚的に表現する重要な要素で、HTML5以降は複数サイズの提供が推奨されています。

関連: プレースホルダー画像生成

使い方

1. テキストまたは絵文字を入力、または画像をアップロード
2. 背景色・文字色を選択
3. プレビューを確認してサイズ別にダウンロード

よくある質問

ICO形式でダウンロードできますか？

現在はPNG形式のダウンロードに対応しています。モダンブラウザはPNG形式のfaviconに対応しているため、実用上問題ありません。

どのように使いますか？

テキスト・絵文字を入力するか画像をアップロードし、背景色と文字色を選択してサイズ別にプレビュー・ダウンロードできます。

対応しているfaviconのサイズは？

16×16、32×32、48×48、64×64、128×128、180×180pxの各サイズのPNGファビコンを生成できます。

データはサーバーに送信されますか？

いいえ。処理はブラウザ上で完結し、データはサーバーに送信されません。

生成したfaviconをHTMLに設定するにはどうすればよいですか？

<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"> のようにlinkタグでHTMLのheadに追加します。

関連ツール