3

Firefox ではアイコンが表示されますが、Chrome では表示されません。HTMLに問題はありますか?

<link rel="shortcut icon" type="image/vnd.microsoft.icon" href="favicon.ico"/>
<link rel="shortcut icon" type="icon" href="favicon.ico"  />
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico">
<link rel="Bookmark" href="favicon.ico">
<link rel="icon" type="image/png" href="favicon.png">

ファイルのサイズは重要ですか? 私のアイコンの寸法は 20 X 20 です。

4

7 に答える 7

6

ファビコンは 16x16 または 32x32 の .ico ファイルである必要があります。サイトのルート ディレクトリにアイコンを配置します。とのリンク:

<link rel="shortcut icon" type="image/x-icon" href="/favicon.ico" />

注: Chrome と IE では画像が 16x16 である必要があり、ローカル ファイルのファビコンは表示されません。変更をテストするには、必ずキャッシュをクリアしてください。

これは、この SO questionでカバーされていました。

于 2013-06-20T07:55:24.693 に答える
1

で試してください<link rel="shortcut icon" type="image/x-icon" href="img/favicon.ico">。他の理由はキャッシングである可能性があります。

于 2013-06-20T07:26:42.240 に答える
0

これを試してください:

<link rel="apple-touch-icon" href="path/to/touchicon.png">
<link rel="icon" href="path/to/favicon.png">
<!--[if IE]><link rel="shortcut icon" href="path/to/favicon.ico"><![endif]-->
<!-- or, set /favicon.ico for IE10 win -->
<meta name="msapplication-TileColor" content="#D83434">
<meta name="msapplication-TileImage" content="path/to/tileicon.png">    

詳細なチュートリアルは、ここをクリックしてください

于 2013-06-20T08:04:59.287 に答える
0

まず、キャッシュをクリアしてみてください。キャッシュは時々問題が多く、次image/x-iconはそのタイプとして使用してみてください<link>:)

ルートディレクトリにファビコンを追加してチェック!:) これはここで機能しました: favicon は chrome では表示されませんが、IE、Firefox などの他のブラウザーでは表示されます

于 2013-06-20T07:27:44.880 に答える
0
<link rel="icon" 
      type="image/x-icon" 
      href="img/favicon.ico">

すべての主要ブラウザ

使用しているファイルの種類に応じて、次のいずれかが、適切に構築された Web ブラウザーにファビコンを追加する標準的な方法です。

<link rel="icon" type="image/png" href="http://www.example.com/image.png">
<link rel="icon" type="image/gif" href="http://www.example.com/image.gif">
<link rel="icon" type="image/jpeg" href="http://www.example.com/image.jpg">
<link rel="icon" type="image/vnd.microsoft.icon" href="http://www.example.com/image.ico">
于 2013-06-20T07:27:54.550 に答える
0

私はこれだけを使用しています: <link rel="shortcut icon" type="image/vnd.microsoft.icon" href="here_your_favicon_address"/>. どこでも働く

于 2013-06-20T07:35:34.457 に答える