题
方法1
放置favicon.ico在主目录中命名的文件是一种方法.浏览器始终请求该文件.您可以在apache日志文件中看到它.
方法2
部分中的HTML标记<head>:
<link rel="shortcut icon" href="/images/favicon.png (or ico?)" type="image/x-icon" />
从2019年开始,应该使用哪些favicon尺寸,文件格式和元/链接标签？这包括苹果图标,Windows,Android和人们今天使用的其他设备.
我使用Opera,我可以看到它支持svg格式.这是现在使用svg的最佳解决方案吗？有没有选项"一个文件适合所有"？
我一直在浏览许多网站并检查了不同的"favicon生成器".所有这些都是岁,并且主要使用png文件.
示例: 应该使用哪些代码ico和svg？
<link rel="icon" href="favicon.ico" type="image/ico">
<link rel="icon" href="favicon.svg" type="image/svg+xml">
或者如果ico包含更多尺寸,是否应指定尺寸？我找不到一个好的答案.
<link rel="icon" sizes="16x16 24x24 32x32 48x48 64x64" href="favicon.ico">
请提供应使用哪些favicons的维度,文件格式和元/链接标记.
我希望获得有关在Web浏览器上与站点URL一起显示的图标的信息.这是一些浏览器特有的功能吗？我们在哪里指定图标源,即它是否在网页本身的某个标签中？
我想在地址栏上显示徽标.但它只在标题旁边的选项卡上可见.
<link rel="icon" href="http://www.mydomain.info/favicon.ico" type="image/x-icon" />
<link rel="shortcut icon" href="http://www.mydomain.info/favicon.ico" type="image/x-icon" />
我正在读一篇文章:
据他们说,如果你需要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 -->
- 通过加载index.html页面上的所有图标,浏览器可以为所有子页面缓存它们吗？(将所有图标放在站点的根目录中？)
- 但是这会通过增加index页面本身的加载时间来影响网站的性能.
那么,无论如何都要检测需要favicon的目的,然后动态地(JavaScript例如使用)服务它,而不会失去页面加载的速度？另外如何拥有一个faviconfor chromes webstore？(即什么行的(html)代码).
希望这里的专家会帮助我.提前致谢.
PS:
我已经读过了:
但它们很少或没有用.