ファビコンは png でもかまいませんが、私の意見では、.ico で終わる実際のファイルが最適です。また、完全なドメイン名 (つまりhttp://www.domain.com/images/favicon.ico ) を使用し、相対リンクに依存しないでください。ブラウザでファビコンを読み込もうとして失敗した場合は、単にページを更新しても読み込まれません。ブラウザのキャッシュをクリアしてから、ファビコンが表示されるかどうかを確認してください。
以下の 3 つのファビコン リンクは、FF、Opera、Chrome、IE、および Apple 製品で機能します。
コードは次のようになります。
<link rel="icon" href="http://www.domain.com/content/images/icons/favicon.ico" type="image/x-icon" />
<link rel="shortcut icon" href="http://www.domain.com/content/images/icons/favicon.ico" />
<link rel="apple-touch-icon" href="http://www.domain.com/content/images/icons/favicon.ico">
.ico 拡張子なしで相対リンクを残したい場合:
<link rel="icon" href="/content/images/icons/tick-circle.png" type="image/x-icon" />
<link rel="shortcut icon" href="/content/images/icons/tick-circle.png" />
<link rel="apple-touch-icon" href="/content/images/icons/tick-circle.png">