适用于所有平台上所有尺寸的通用图标文件?

时间:2016-06-28 11:14:00

标签: html image web size favicon

我知道有很多设备以不同的方式使用网站上的网站图标...

在这些favicon生成器网站上,您可以轻松地将图像放在那里,网站将完成剩下的工作(为某些设备生成几个缩放图像)

如果我想覆盖所有设备(Apple,Android,Windows Metro Tiles等),我将需要存储26张图片(所有图片都是不同尺寸的图片)

我必须添加19行HTML代码才能将某些设备引用到某些图像。

有没有办法只为所有尺码使用1个文件?

我知道ICO文件可以包含图像的多个维度。 我也知道SVG文件根本不依赖于像素分辨率,因为它是基于矢量的。 (因此SVG可以支持每个可以想象的大小)

我可以想象将所有尺寸的图像实现为ICO或SVG文件,其中每个设备都可以选择它的最佳尺寸。

这可能吗?

1 个答案:

答案 0 :(得分:0)

不可能提供不同大小的PNG'在一个文件中。

SVG文件将是最好的希望,但是...... Browsers today don't like them

备用选项是使用自动管理此过程的工具。

我和你有同样的挫败感,所以我想出了一个名为MakeFavicon的工具

它有助于在所需的文件夹中创建具有预定义大小和文件名的多个favicons,还可以创建配置文件,例如browserconfig.xml,manifest.json,HEAD的部分视图以包含在相关信息中。

我将它作为Visual Studio构建过程的一部分使用,它可以无缝地在每次构建时更新所有这些文件。

此处使用link作为示例用法。