相关疑难解决方法(0)

我想使用单个图像作为常规的图标和iPhone/iPad友好的图标.

这可能吗？如果链接到常规浏览器图标,iPad友好的72x72 PNG会不会缩放？或者我是否必须使用单独的16x16或32x32图像？

我没有favicon.ico,但IE总是提出请求.

是否可以阻止浏览器请求我的网站的favicon？也许HTML标题中有一些META-TAG？

除了PNG是一种更常见的图像格式之外,是否有任何技术理由支持favicon.png与favicon.ico？

我支持所有支持PNG最爱图标的现代浏览器.

目前在所有目前支持它的浏览器中显示favicon的最佳方法是什么？

请包括:

1. 哪些浏览器支持哪些图像格式.

2. 在各种浏览器的哪些位置需要哪些行.

从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的维度,文件格式和元/链接标记.

如何为这样的图标动画？

它似乎只适用于Firefox.

我注意到有很多方法可以添加网站图标。由于设备和系统的不同，添加图标的格式也非常不同。那么我怎样才能满足他们的所有要求呢？什么是最安全的解决方案？

例如：

方法一：

<link rel="shortcut icon" href="img/favicon.ico">

方法二：

<link rel="icon" type="image/vnd.microsoft.icon" href="img/favicon.ico" />

方法三：

  <link rel="apple-touch-icon" href="img/touch-icon-iphone.png">
  <link rel="apple-touch-icon" sizes="76x76" href="img/touch-icon-ipad.png">
  <link rel="apple-touch-icon" sizes="120x120" href="img/touch-icon-iphone-retina.png">
  <link rel="apple-touch-icon" sizes="152x152" href="img/touch-icon-ipad-retina.png">

我了解到方法三是在苹果设备的主屏幕上添加图标。而ico文件是一种存储各种大小图标的文件格式。

因此，如果我使用方法三（Apple 的方式），它会获得与其他两个相同的效果吗？这三种方法之间的关系是什么？如果把它们放在一起，会发生什么？它们如何相互影响？