【问题标题】:How to set `rel="shortcut icon"` on image page?如何在图片页面设置`rel="shortcut icon"`?
【发布时间】:2014-10-28 06:11:12
【问题描述】:

如何在图片页面设置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,我该怎么做?

【问题讨论】:

    标签: html icons favicon


    【解决方案1】:

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

    【讨论】:

    【解决方案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 它会在选项卡上显示图标,这就是你想要的,对吧? :D

    【讨论】:

      【解决方案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">
      

      【讨论】:

        猜你喜欢
        • 2012-10-24
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2018-07-19
        • 2021-04-05
        • 1970-01-01
        • 2020-04-20
        相关资源
        最近更新 更多