ファクビコンが機能しません。私は何を間違っていますか?最初に favicon.ico を試しました。運がない。今、私はpngを試しています。
<head>
<link rel="icon" href="favicon.png"/>
</head>!
ブラウザはfavicon.ico
サイトのルートディレクトリを検索するだけで、これを使用します。IE6のような古いブラウザの場合、16x16pxである必要がありますが、IE6のサポートは正式に廃止されているため、気にしないでください。
.ico
フルアルファをサポートし、1600万のカラーパレットを備えているため、PNGを使用してもあまり意味がありません。私のサイトでは、すべて異なるサイズ(16px、32px、48px、64px、128px)のアイコンを多数作成し、コマンドラインユーティリティICOBundleを使用してそれらを1つの多重解像度アイコンファイルに圧縮しました。
Appleには、ホーム画面にWebサイトを追加するためのiOS互換アイコンの設定方法に関するドキュメントもあります。最後にrel
、ファビコンのはであることが望ましいです"shortcut icon"
。
「最善の方法」は、アイコンを .ico 形式で作成し、favicon.ico と名付けてドキュメント ルートに配置することです (つまり、www.example.com/favicon.ico からアクセスできるようにします)。
本当に favicon.ico を使用したくない場合は、次を使用できます。
<link rel="shortcut icon" href="http://example.com/custom/file/anything.ico" />
スペースが含まれていても、何らかの理由で IE が「ショートカット アイコン」を属性として使用したわけではありません。
これでうまくいかない場合は、ブラウザが何かをキャッシュしている可能性があります。キャッシュを実行してから、ブラウザのキャッシュをクリアしてから、もう一度試してください。
小さな .ico ファイルを作成するのに適したサイトはhttp://www.favicon.cc/です。
そうしたくない場合は、png を使用できますが、Internet Explorer では機能しません。以下を使用する必要があります。
<link rel="icon" type="image/png" href="http://example.com/image.png" />
それが機能するために。
ただし、.ico を使用しないでください。