2014-10-28 36 views
1

如何在图像页面上设置rel="shortcut icon"如何在图片页面上设置`rel =“快捷图标”`?

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

我要显示的图像页的rel =“快捷方式图标”,我该怎么办呢?

在其他PHP页面我写<link rel="shortcut icon" href="food.png"><head>标签

EG: example.com/food.png图像页面如何添加的rel =“快捷方式图标”?

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

回答

2

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

+0

你可以测试这个环节http://ir.ebaystatic.com/pictures/aw/homepage/eBayTodayCoverPhotos/UK/Sale_27062014_2.jpg 你会看到易趣的图标,我该怎么办呢? – 2014-10-28 09:17:59

+0

在我的网站工作也没有使用任何代码,它显示的favicon我所做的就是放置文件favicon.ico在我的主要网站目录,例如public_html/favicon.ico放置这种方式,并尝试文件名和扩展favicon.ico大小16x16这是http://srpskalegija.bplaced.net/forumhtml/images/logo.gif – 2014-10-28 12:41:33

+0

@Ненад你的回答是正确的。在访问http://example.com/path/to/pic.png时,Chrome还会尝试加载http://example.com/favicon.ico作为副作用。我建议你改述你的答案,使之更加肯定,而不是你用过的“This might work”的语调。为您的建议感到自豪! :) – 2014-10-28 17:13:20

1
<link rel="shortcut icon" type="image/png" href="http://example.com/favicon.png"> 

这是可以实现的,只需插入把PNG图像在你的根目录下,联绝对会有所帮助。把上面的链接标签放在你的头上。

我猜PNG图像可以正常工作,但如果它不只是将图像转换为ico格式并用ico替换类型。我建议只是把它转换成.ico格式,因为它有更多的支持。查看这个维基链接Favicon Browser Implementation and Support

我已经看到,如果你改变了它或者添加了一个新的favicon,反正它会正常工作。完成之后,当你打开任何图像假设在这个URL example.com/img/one.png它会在选项卡上显示图标,这就是你想要的吗? :d

相关问题