Favicon ジェネレーター

カスタムカラーと角丸で簡単な文字ベースのファビコンを作成します。複数サイズのPNGでダウンロード。

設定

プレビュー

HTMLスニペット

<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="apple-touch-icon" sizes="48x48" href="/favicon-48x48.png">

.ico形式が必要な場合は、PNGダウンロード後にオンラインPNG→ICO変換ツールをご利用ください。

Faviconジェネレーターの使い方

  1. 1.テキスト欄に1-2文字またはemojiを入力します。
  2. 2.背景色、テキスト色、角丸、フォントサイズをカスタマイズします。
  3. 3.右パネルでファビコンをリアルタイムプレビューします。
  4. 4.サイズボタンをクリックしてPNG形式のファビコンをダウンロードします（16x16、32x32、48x48）。

よくある質問

ファビコンのサイズはどうすべき？

最も一般的なサイズは16x16（ブラウザタブ）、32x32（タスクバー）、48x48（デスクトップショートカット）です。完全なカバーのため3つすべて生成します。

emojiをファビコンテキストとして使える？

emojiを入力できますが、レンダリングはブラウザとOSに依存します。単一のemojiが最も良く動作します。複雑なemojiは結果が異なる場合があります。

PNGをICOに変換するには？

ICO形式は複数のサイズを1つのファイルにバンドルします。favicon.ioやrealfavicongenerator.netなどの無料オンラインコンバーターでPNGファイルをICOに変換してください。

ファビコンファイルはどこに置く？

PNGファイルをウェブサイトのルートディレクトリ（Next.js/Reactでは/public）に配置してください。HTMLスニペットを<head>タグに追加してください。