我想使用一张图片作为常规收藏夹和iPhone/iPad友好的收藏夹。
这可能吗?一个iPad友好的72×72 PNG如果作为一个普通的浏览器收藏夹链接,会缩放吗?还是必须使用单独的16×16或32×32图像?
我想使用一张图片作为常规收藏夹和iPhone/iPad友好的收藏夹。
这可能吗?一个iPad友好的72×72 PNG如果作为一个普通的浏览器收藏夹链接,会缩放吗?还是必须使用单独的16×16或32×32图像?
当前回答
我没有看到这里列出的任何最新信息,所以这里是:
现在来回答这个问题,如果你想让你的图标到处都好看,2个favicon就不会这么做了。请参见以下尺寸:
16 x 16–浏览器的标准尺寸24 x 24–用于用户界面的IE9固定站点大小32 x 32–IE新页面选项卡、Windows 7+任务栏按钮、Safari阅读列表侧边栏48 x 48–Windows站点57 x 57–iPod touch,iPhone最高支持3G60 x 60–iPhone触摸屏达到iOS764 x 64–Windows站点,HiDPI/Rina中的Safari Reader列表侧边栏70 x 70–Win 8.1 Metro瓷砖72 x 72–iPad触控至iOS676 x 76–iOS796 x 96–谷歌电视114 x 114–iPhone视网膜触摸达到iOS6120 x 120–iPhone视网膜触摸iOS7128 x 128–Chrome Web Store应用程序,Android144 x 144–用于固定站点的IE10 Metro瓷砖,iPad视网膜高达iOS6150 x 150–Win 8.1 Metro瓷砖152 x 152–iPad视网膜触摸iOS7196 x 196–Android Chrome310 x 150–Win 8.1宽Metro瓷砖310 x 310–Win 8.1 Metro瓷砖
其他回答
在同一文件中可以有多个大小的图标。我经常创建48、32和16像素的favicon(.ico文件)。您可以添加任意大小的图像。问题是,iPhone会使用ico文件吗?
ico也支持透明度,但我不确定它是否是PNG这样的alpha通道;可能更像GIF,无论是打开还是关闭。
我想提醒大家,问题是:
我想使用一张图片作为常规收藏夹和iPhone/iPad友好的收藏夹?这可能吗?如果链接到普通浏览器收藏夹,iPad友好的72x72 PNG会缩放吗?还是必须使用单独的16x16或32x32图像?
答案是:是的,这是可能的!是,它将被缩放。不,您不需要“常规浏览器收藏夹”。请看这个答案:https://stackoverflow.com/a/48646940/2397550
根据维基百科关于Favicon的文章,Internet Explorer只支持Favicon图标的ICO格式。
我会坚持使用两个不同的图标。
事实上,要使你的收藏夹图标在所有浏览器中正常工作,你必须添加10个以上正确大小和格式的文件。
我和我的朋友为此创建了一个应用程序!你可以在faviconit.com上找到它
我们做到了这一点,所以人们不必手动创建所有这些图像和正确的标签,创建所有这些曾经让我非常恼火的图像!
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插件实现。完全披露:我是这个网站的作者。