目前在所有目前支持它的浏览器中显示favicon的最佳方法是什么?
请包括:
哪些浏览器支持哪些图像格式.
在各种浏览器的哪些位置需要哪些行.
我希望获得有关在Web浏览器上与站点URL一起显示的图标的信息.这是一些浏览器特有的功能吗?我们在哪里指定图标源,即它是否在网页本身的某个标签中?
我之前尝试在网站上添加一个favicon,并寻找一种更好的方法来实现它,而不是favicon.ico在网站的根目录中转储文件.
我找到了这个不错的小指南:如何添加Favicon.但是,首选方法在IE(7)中不起作用,第二种方法是老式的方式(我自己决定使用).
是否有第三种方法适用于所有最流行的浏览器?
我正在读一篇文章:
据他们说,如果你需要favicon用于各种目的,你需要为每个目的创建不同的(对于WIN8中的图块,对于Opera和Chrome中的快速拨号).
好的,没关系,我仍然使用16X16 .ico文件,我认为它适用于优化目的.
但是现在阅读完这些文章之后,我会遇到各种各样的问题(假设我使用photoshop为各种目的创建了各种图标):
- 如何检测应该向浏览器提供哪个图标(如何检测该浏览器要求favicon在地址栏中显示它?还是要保存为磁贴?或者用于快速拨号?)
- 如何在不损失连接速度的情况下将该特定图标提供给浏览器,因为图标大小?
- 为了指定的目的,html应该在html(文件)中添加()代码行?
目前我用16X16图标:
<link rel="icon" type="image/x-icon" href="favicon.ico"/>
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico"/><!-- IE8 -->
Run Code Online (Sandbox Code Playgroud)
- 通过加载index.html页面上的所有图标,浏览器可以为所有子页面缓存它们吗?(将所有图标放在站点的根目录中?)
- 但是这会通过增加index页面本身的加载时间来影响网站的性能.
那么,无论如何都要检测需要favicon的目的,然后动态地(JavaScript例如使用)服务它,而不会失去页面加载的速度?另外如何拥有一个faviconfor chromes webstore?(即什么行的(html)代码).
希望这里的专家会帮助我.提前致谢.
PS:
我已经读过了:
但它们很少或没有用.