ICO、PNG、SVG
ICO は幅広く互換性があります。PNG は特定サイズ向けです。SVG は安全なベクター素材の場合にのみ適します。
非公開で favicon を作成
Favicon ジェネレーター
16px でも見やすい favicon を作成します。画像、テキスト、絵文字から始め、実際の場面で確認してから本番用パックをダウンロードできます。
🔒 画像がこのブラウザの外に出ることはありません。
デザインプレビュー
小さく見えると？64px 48px 32px 24px 16px
書き出し
favicon パックをダウンロード
ICO、PNG、Apple 用、PWA マニフェスト、設置ガイドを含みます。
HTML の head にこれらのタグを使用します。 <link rel="icon" href="/favicon.ico" sizes="any"> <link rel="apple-touch-icon" href="/apple-touch-icon.png"> <link rel="manifest" href="/site.webmanifest">
Favicon の基本
縮小したロゴ以上に、実寸で見やすい目印を。
favicon の追加方法
ダウンロードパックには HTML、Next.js、React/Vite のガイドが含まれます。1 つの方法を選んでください。
ダークモードのヒント
書き出す前に明暗両方のプレビューを確認してください。暗いマークは暗いブラウザ UI で見えなくなることがあります。
Google の表示
最終的な favicon の表示は Google が制御します。アイコンを正方形で安定し、クロール可能に保ってください。更新には時間がかかることがあります。
よくある質問
Favicon ジェネレーター FAQ
favicon とは？
favicon はブラウザタブ、ブックマーク、一部の検索結果に表示される小さな正方形のアイコンです。
必要な favicon サイズは？
このパックには ICO と、一般的なブラウザ・アプリ用途向けの 16、32、180、192、512 px PNG が含まれます。
画像はアップロードされますか？
いいえ。画像のデコード、描画、書き出しはブラウザで行われます。
AI favicon ジェネレーターですか？
いいえ。このツールは画像、テキスト、絵文字から favicon を作りますが、AI 生成ロゴを主張しません。
favicon がぼやける理由は？
小さなアイコンには明確で高コントラストなマークが必要です。16px と 32px の実際のプレビューで余白を減らすか詳細を簡略化してください。