我想使用一张图片作为常规收藏夹和iPhone/iPad友好的收藏夹。
这可能吗?一个iPad友好的72×72 PNG如果作为一个普通的浏览器收藏夹链接,会缩放吗?还是必须使用单独的16×16或32×32图像?
我想使用一张图片作为常规收藏夹和iPhone/iPad友好的收藏夹。
这可能吗?一个iPad友好的72×72 PNG如果作为一个普通的浏览器收藏夹链接,会缩放吗?还是必须使用单独的16×16或32×32图像?
当前回答
2020年更新:坚持16x16与32x32图标的原始问题:当前的建议应该是提供一个32x32的图标,完全跳过16x16。所有当前的浏览器和设备都支持32x32图标。根据环境的不同,图标通常会放大到192x192(假设没有更大的尺寸可用或系统无法识别)。从超低分辨率升级具有明显的效果,因此最好将32x32作为最小基线。
对于IE,Microsoft建议将16x16、32x32和48x48打包在favicon.ico文件中。
对于iOS,苹果建议使用特定的文件名和分辨率,对于运行iOS 8的最新设备,最多为180x180。
Android Chrome主要使用一个清单,也依赖于苹果触摸图标。
Windows 8.0上的IE 10需要PNG图片和背景色,Windows 8.1和10上的IE 11接受在名为browserconfig.XML的专用XML文件中声明的若干PNG图片。
Safari for Mac OS X El Capitan为固定标签引入了SVG图标。
其他一些平台寻找各种分辨率的PNG文件,如谷歌电视的96x96图片或歌剧海岸的228x228图片。
请查看此收藏夹图片列表以获得完整的参考。
TLDR:这个favicon生成器可以一次生成所有这些文件。生成器也可以作为WordPress插件实现。完全披露:我是这个网站的作者。
其他回答
看起来你的文件应该是.ico类型。
查看此关于收藏夹的帖子:
http://www.html-kit.com/support/favicon/image-size/
据我所知,这几种解决方案中没有一种是完美的。使用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
不,你不能使用非标准的大小或尺寸,因为无论图标显示在哪里,它都会对人们的浏览器造成破坏。您可以将其设置为12x16(12像素侧有四个像素的白色/透明填充),以保持纵横比,但不能更大(当然可以,但浏览器会缩小它)。
2020年更新:坚持16x16与32x32图标的原始问题:当前的建议应该是提供一个32x32的图标,完全跳过16x16。所有当前的浏览器和设备都支持32x32图标。根据环境的不同,图标通常会放大到192x192(假设没有更大的尺寸可用或系统无法识别)。从超低分辨率升级具有明显的效果,因此最好将32x32作为最小基线。
对于IE,Microsoft建议将16x16、32x32和48x48打包在favicon.ico文件中。
对于iOS,苹果建议使用特定的文件名和分辨率,对于运行iOS 8的最新设备,最多为180x180。
Android Chrome主要使用一个清单,也依赖于苹果触摸图标。
Windows 8.0上的IE 10需要PNG图片和背景色,Windows 8.1和10上的IE 11接受在名为browserconfig.XML的专用XML文件中声明的若干PNG图片。
Safari for Mac OS X El Capitan为固定标签引入了SVG图标。
其他一些平台寻找各种分辨率的PNG文件,如谷歌电视的96x96图片或歌剧海岸的228x228图片。
请查看此收藏夹图片列表以获得完整的参考。
TLDR:这个favicon生成器可以一次生成所有这些文件。生成器也可以作为WordPress插件实现。完全披露:我是这个网站的作者。