Question

如何在图片页面设置rel="shortcut icon"？

当我访问EG: example.com/food.png

时

我想显示rel =＆＃34;快捷图标＆＃34;在图像页面上，我该怎么做？

在其他php页面中，我在<link rel="shortcut icon" href="food.png">标记

中写<head>

但是在图片页EG: example.com/food.png中如何添加rel =＆＃34;快捷图标＆＃34; ？

你可以在这个链接http://ir.ebaystatic.com/pictures/aw/homepage/eBayTodayCoverPhotos/UK/Sale_27062014_2.jpg上测试你会看到ebay的favicon，我该怎么做？

Answer 1

您需要做的就是将图像文件favicon.ico放置在您的主站点目录中，例如public_html / favicon.ico，这样的文件名称和扩展名为favicon.ico，大小为16x16，它将显示在您站点的每个页面中包括在图像预览中也是示例http://srpskalegija.bplaced.net/forumhtml/images/logo.gif

Answer 2

<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它会在选项卡上显示favicon，这是你想要的吗？：D

Answer 3

这是一个解决方案。

    <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">

如何在图像页面上设置`rel =“快捷图标”？

3 个答案: