使い方
- ソースを選択。
- 背景色を選択。
- ファビコンをダウンロード。
テキスト、絵文字、アップロード画像から ICO、PNG、SVG ファビコンを生成。
Favicon(フェイバリット・アイコン)は、ブラウザのタブやブックマーク、履歴に表示される小さなアイコンです。現代の標準構成には複数サイズが必要で、タブ用の 16×16 と 32×32、Apple touch icon 用の 180×180、Android/PWA マニフェスト用の 192×192 と 512×512 が含まれます。このツールはテキスト・絵文字・アップロード画像からファビコン一式を生成し、すべてブラウザ内でローカル処理されます。
最低限:デスクトップブラウザのタブ用に 16×16 と 32×32、iOS ホーム画面用の apple-touch-icon に 180×180、Android/PWA のマニフェストに 192×192 と 512×512。従来の favicon.ico は 16×16 と 32×32 を 1 ファイルに束ねたものです。
PNG が現代のデフォルトで全ブラウザ対応。SVG は任意サイズに美しくスケールし、Chrome/Edge/Firefox が対応(Safari は PNG フォールバックが必要)。favicon.ico は古いブラウザ向けの互換用に残すだけで十分です。
生成したファイルをサイトのルートに置き、<head> で参照します。例:<link rel="icon" href="/favicon.ico" sizes="any">、<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">、<link rel="apple-touch-icon" href="/apple-touch-icon.png">。
いいえ。画像・テキスト・絵文字はすべてブラウザ内の Canvas で描画され、ローカルに書き出されます。通信は一切発生しないため、ページを読み込んだ後はオフラインでも使えます。