我想使用一张图片作为常规收藏夹和iPhone/iPad友好的收藏夹。

这可能吗?一个iPad友好的72×72 PNG如果作为一个普通的浏览器收藏夹链接,会缩放吗?还是必须使用单独的16×16或32×32图像?


当前回答

favicon的格式必须为方形,否则浏览器会拉伸它。不幸的是,Internet Explorer<11不支持.gif或.png文件类型,但仅支持Microsoft的.ico格式。你可以使用一些“favicon生成器”应用程序,如:http://favicon-generator.org/

其他回答

16x16像素,*.ico格式。

我不确定浏览器是否/如何缩放大图标,但W3C建议如下1:

所选图像的格式必须为16x16像素或32x32像素,使用8位或24位颜色。图像的格式必须是PNG(W3C标准)、GIF或ICO之一。


1 w3c.org:如何将Favicon添加到站点(开发中的草稿)。

事实上,要使你的收藏夹图标在所有浏览器中正常工作,你必须添加10个以上正确大小和格式的文件。

我和我的朋友为此创建了一个应用程序!你可以在faviconit.com上找到它

我们做到了这一点,所以人们不必手动创建所有这些图像和正确的标签,创建所有这些曾经让我非常恼火的图像!

我想提醒大家,问题是:

我想使用一张图片作为常规收藏夹和iPhone/iPad友好的收藏夹?这可能吗?如果链接到普通浏览器收藏夹,iPad友好的72x72 PNG会缩放吗?还是必须使用单独的16x16或32x32图像?

答案是:是的,这是可能的!是,它将被缩放。不,您不需要“常规浏览器收藏夹”。请看这个答案:https://stackoverflow.com/a/48646940/2397550

现代浏览器的简单解决方案(2022)

使用SVG收藏夹:

<link rel="icon" href="/icon.svg">

主要浏览器支持(2021 Safari除外)和Living Standard只有一行简短的代码,易于记忆其他属性(如类型和大小)不是必需的与PNG相比,任何大小的缩放效果都更好让我们用数百种不同的尺寸来结束最爱的疯狂。。。