如何在图片页面设置rel="shortcut icon"？
当我访问EG: example.com/food.png时
我想在图片页面上显示 rel="shortcut icon"，我该怎么做？
在其他 php 页面中，我在 <head> 标签中写入 <link rel="shortcut icon" href="food.png">
但是在图片页面EG: example.com/food.png如何添加rel="shortcut icon"？
你可以在这个链接上测试http://ir.ebaystatic.com/pictures/aw/homepage/eBayTodayCoverPhotos/UK/Sale_27062014_2.jpg你会看到ebay的favicon，我该怎么做？
【问题讨论】：
您需要做的就是将图像文件 favicon.ico 放在您的主站点目录中，例如 public_html/favicon.ico 放置名称和扩展名为 favicon.ico 大小为 16x16 的文件，它将显示在您网站的每个页面中也包括在图像预览中 这是示例http://srpskalegija.bplaced.net/forumhtml/images/logo.gif
【讨论】：
<link rel="shortcut icon" type="image/png" href="http://example.com/favicon.png">
这是可以实现的，只需将PNG图像插入您的根目录，链接绝对会有所帮助。把上面的链接标签放在你的脑海里。
我猜PNG图像可以正常工作，但如果它不只是将您的图像转换为ico格式并用ico替换类型。我建议将其转换为 .ico 格式，因为它有更多支持。查看此 wiki 链接 Favicon Browser Implementation and Support
我已经看到，如果您更改或添加了新的图标，某些浏览器确实需要时间来显示图标，但无论如何它会正常工作。完成后，当您打开任何图像时假设在此 URL example.com/img/one.png 它会在选项卡上显示图标，这就是你想要的，对吧？ :D
【讨论】：
这里有一个解决方案。
<link rel="icon" href="address" sizes="32x32">
<link rel="icon" href="address" sizes="192x192">
<link rel="apple-touch-icon-precomposed" href="address">
<meta name="msapplication-TileImage" content="address">
【讨论】：