3

Using converticon.com, I converted my icon png file into an ico file. I placed the following code in my head tags:

<link rel="shortcut icon" href="icons/icon.ico">

I double checked and the file is in the appropriate location. The image has read and write capabilities. I then loaded the page on my browser but I all I get is an empty square box with a dotted border. I'm using XAMPP server. Why isn't the image displaying?

4

4 回答 4

5

在 MAMP（假设 XAMP 相同/相似）中，您将执行以下操作：

- With MAMP running/open, hit the "Stop" button.
- Then go to: File > Edit Template > Apache httpd.conf
- Comment out lines:
    #Alias /favicon.ico "/Applications/MAMP/bin/favicon.ico"
    #Alias /icons/ "/Applications/MAMP/Library/icons/"
- Place your favicon.ico file in your site's root directory
- Start MAMP

你可能可以在这里做各种疯狂的事情。就个人而言，在开发过程中从不担心网站图标。

顺便说一句 - 您不必完全清除浏览器的缓存。只需浏览到 favicon 并刷新它.... localhost:8888/favicon.ico

于 2012-10-23T18:40:44.240 回答
4

您是否尝试在多个浏览器上对此进行测试？不同的浏览器处理网站图标的方式不同。

这里有一些你可以尝试的事情。

清除缓存

  • 删除收藏夹中链接的所有引用。
  • 清除浏览器中的文件缓存。
  • 关闭目标浏览器的所有实例。
  • 重新打开浏览器并导航到您的网站。

强制刷新

  • 如果您使用的是 Mozilla Firefox，那么您应该：
  • 导航到您的网站
  • 导航到您最喜欢的图标的确切位置，例如。www.site.com/favicon.ico。
  • 在浏览器窗口中单击鼠标右键，然后选择刷新。

完成此操作后，Firefox 将被迫重新加载图标而不是缓存版本。

浏览器的默认行为

指定网站图标的第二种方法依赖于使用预定义的 URI 来识别图像：“/favicon.ico”，它是相对于服务器根目录的。此方法有效，因为某些浏览器已被编程为使用该 URI 查找网站图标，因此我建议将网站图标放在根目录中，看看是否有效。（也将图标重命名为 favicon.ico）。

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

图像格式

有时，网站图标的格式存在问题。如果您在所有 Web 浏览器中都遇到问题，您可以将 favicon 转换为 gif 或 png 并查看是否可以解决问题。

强制浏览器更新图标

您可以通过传递 URL 参数强制浏览器更新您的网站图标。使用 ver 参数，您可以在每次要强制下载新文件时增加版本号。

将此添加到您的标记中。

<link rel="shortcut icon"  href="/favicon.ico?ver=2.0" type="image/x-icon"/>
于 2012-10-17T01:57:32.883 回答
1

只需将 favicon 放在您网站的根目录下，例如“example.com/favicon.ico”（但请确保将其命名为 favicon.ico），然后完全删除上述链接元素。如果不存在，浏览器将默认检查此位置是否有网站图标，即使是 IE。

完成此操作后，请务必在测试时清除缓存。

于 2012-10-20T14:53:14.280 回答
0

尝试添加type属性。例子：

<link rel="shortcut icon" type="image/x-icon" href="/favicon.ico">
于 2012-10-12T23:54:00.507 回答