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

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


当前回答

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

使用SVG收藏夹:

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

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

其他回答

维基百科有这样的说法:

此外,此类图标文件可以是×16或32×,颜色为8位或24位深度(注意GIF文件具有有限的256个调色板条目)。

我认为最好的方法是使用32x32 gif,并用不同的浏览器进行测试。

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

据我所知,这几种解决方案中没有一种是完美的。使用favicon生成器确实是一个很好的解决方案,但它们的数量太多,很难选择。我想补充一点,如果您希望您的网站启用PWA,您还需要提供一个512x512图标,如Google Devs所述:

图标包括192px和512px版本

我并没有遇到很多favicon生成器强制执行这一标准(firebase确实如此,但有很多事情它做不到)。因此,解决方案必须是许多其他解决方案的组合。

我不知道,在2020年初的今天,是否提供16x16、32x32仍然相关。我想这在某些情况下仍然很重要,例如,如果你的用户出于某种原因仍然使用IE(这种情况仍然发生在一些私人公司,因为某些原因没有迁移到更新的浏览器)

我想提醒大家,问题是:

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

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

恐怕每个决议都需要单独的文件。在活动监视器上有一篇很好的文章,描述了他们如何为每个iOS设备创建和实现图标:

http://www.campaignmonitor.com/blog/post/3234/designing-campaign-monitor-ios-icons/