一个非常奇怪的图像/图标文件(单个文件包含3个不同大小的相同图像)

时间:2012-10-11 15:45:46

标签: html css image favicon

我有这个favicon文件。

Dowload favicon file

我无法上传图片文件,因为它没有正确的格式。

在Windows 7中查看此文件时,您将获得以下内容。

Page 1 of 3

此单个文件包含相同的图像,但大小不同。以上是第3页的第1页。

以下是第2页,共3页,显示相同的图像,但尺寸较小。

page 2 of 3

而且比第3页的第3页还要小一些。

enter image description here

但它是一个单一的文件。我的问题是这是如何可能的,更重要的是我怎样才能做到这一点?单个文件包含3个不同大小的相同图像。

显示48px X 48px尺寸。由于favicon用于网页设计/开发,我使用了html& css标签。

1 个答案:

答案 0 :(得分:6)

这只是.ico文件格式的一项功能。图标经常需要以不同的分辨率显示,因此格式允许将不同的大小打包在一个文件中。关于这个主题的一些维基百科页面:

ICO (file format)

  

ICO文件格式是Microsoft Windows中计算机图标的图像文件格式。 ICO文件包含多个尺寸和颜色深度的一个或多个小图像,以便可以适当地缩放它们。在Windows中,向用户,桌面,“开始”菜单或Windows资源管理器中显示图标的所有可执行文件都必须带有ICO格式的图标。

Favicon - HTML5 recommendation for icons in multiple sizes

  

当前的HTML5规范建议使用rel="icon" sizes="space-separated list of icon dimensions"标记内的属性<link>指定多种尺寸的尺寸图标。 [35] 多种图标格式,包括容器格式,例如可以通过在.ico标记内以.icns的形式包含图标的内容类型来提供Microsoft type="file content-type"和Macintosh <link>文件以及可缩放矢量图形。

要制作此类文件,您只需要一个能够编辑.ico个文件且可以访问该功能的程序。 How to make/get a multi size .ico file?问题详细介绍了这一点。