IcoJetアイコン制作ノート
← アイコン制作ノート

下層ページでも表示されるfaviconの設置

公開ファイル、HTMLの指定、ブラウザーの要求を分けて調べます。ローカルにICOがあるだけでは設定されません。

URLを直接開く

/tools/favicon.icoと/favicon.icoは別の場所です。先頭のスラッシュはドメイン直下を指し、相対パスは下層ページで変わる場合があります。

公開HTMLを確認する

例のパスを調整してheadに追加します。CMSやテーマ、拡張機能が競合する指定を出していないか確認してください。

複数のページで試す

NetworkでURL、状態、応答本文を確認。200でもHTMLなら画像ではありません。パス、認証、CSPの個別問題を直し、安全設定全体を無効にしないでください。

<link rel="icon" href="/tools/favicon.ico" type="image/x-icon">
参考資料 MDN — link ↗MDN — CSP img-src ↗

変換ツールに戻る ↗