無料オンライン Real Favicon 生成ツール

ファビコンは、ブラウザタブ、ブックマーク、履歴、時には検索結果でWebサイトを表す小さなアイコンです。明確で一貫したアイコンがあれば、多くの開いているタブの中で訪問者があなたのサイトを見分けられます。ホーム画面アイコンも、誰かがスマホにサイトを保存したときに同様の役割を果たします。

正方形のPNG、SVG、JPEG、WebPから始め、理想的には少なくとも512 x 512ピクセルにします。透明PNGと自己完結型SVGが特にうまく機能します。デザインはシンプルに：16ピクセルでは、記号や頭文字のほうが通常、完全なワードマークより読みやすいです。最大10 MBのファイルと、各辺4096ピクセルまでの画像に対応しています。

この生成器は無料で利用でき、アカウントや透かしも不要です。画像のデコード、プレビュー、ZIP作成はすべてブラウザ内で行われます。ソース画像はサーバーにアップロードされません。初回訪問時にブラウザがサイトのアセットをダウンロードするかもしれませんが、生成器が画像をどこかに送信することはありません。

ホーム画面アイコンは、ベタ塗りの正方形キャンバスで最も美しく見えます。このツールは、透明なブラウザアイコンが有効な場合でも、これらの書き出しを選択した背景色に平坦化します。デバイスが独自の角の処理を適用します。Androidの書き出しは標準の「any」用途を使用しており、認定されたmaskableアイコンではありません。

ブラウザはファビコンを積極的にキャッシュします。まず各生成URLが直接開けること、ページに意図したアイコンリンクが1組だけあることを確認してください。次にプライベートウィンドウを試すか、サイトキャッシュをクリアしてください。確実に更新するには、/icons-v2/ のような新しいフォルダを使用し、HTMLリンクを更新します。検索エンジンがアイコンを再クロールするには時間がかかる場合があります。

いいえ。マニフェストはアプリ名、色、アイコンを提供しますが、オフライン機能やサービスワーカーを追加するものではありません。インストール可能性は、HTTPSを含むブラウザとサイト構成に依存します。生成されるマニフェストは開始URLとして / を使用します。アプリがサブディレクトリにある場合は編集してください。

はい。ファイルは標準的なPNGおよびICO画像です。Astroでは、public/ に配置し、生成されたタグを共有レイアウトの<head>に追加します。WordPressやShopifyでは、可能な限りプラットフォームのサイトアイコン設定を使用するか、ファイルをアップロードしてテーマの<head>を調整します。ホステッドプラットフォームはファイル名やURLを制御する場合があるため、パスを合わせて調整してください。