【问题标题】:A very strange image/icon file (single file contains the same image with 3 different sizes)一个非常奇怪的图像/图标文件(单个文件包含具有 3 种不同大小的相同图像)
【发布时间】:2012-10-11 15:45:45
【问题描述】:

我有这个网站图标文件。

Dowload favicon file

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

当您在 Windows 7 中查看此文件时,您会得到以下信息。

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

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

与第 3 页(共 3 页)相比,尺寸更小。

但它是一个单独的文件。我的问题是这怎么可能,更重要的是我怎样才能做到这一点?单个文件包含具有 3 种不同尺寸的相同图像。

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

【问题讨论】:

  • Windows 会在很多地方显示不同大小的图标。很好,图标文件为它们提供了 - 想想资源管理器中的“小中大”缩略图选择
  • @n8wrl:不,伙计,也许我无法更好地解释。它是一个具有相同图像但大小不同的单个文件。如果您在 Adob​​e Photoshop 或 Adob​​e Illustrator 中打开文件,它们会询问您要导入的图像尺寸。尺寸为 16px X 16px、32px X 32px 和 48px X 48px。
  • 你想把文件上传到哪里,它认为什么格式是正确的?对于非 IE 浏览器,它们可以接受大多数类型的图形文件,所以它肯定不会完全寻找不同的文件格式吗?
  • @Jawad:这对于图标文件来说是相当标准的。有关详细信息,请参阅en.wikipedia.org/wiki/ICO_%28file_format%29。关键是它们旨在提供多种尺寸的图标,因此软件可以决定最合适的文件是什么(例如,任务栏上的图标小于桌面上的快捷方式图标)。问题更可能与您上传图片的位置有关,因为据我快速浏览维基百科可以看出,ico 文件的结构没有限制。
  • @Chris:我的意思是我无法将文件上传到 stackoverflow,因为它允许 png、jpeg 文件格式和下载链接。

标签: html css image favicon


【解决方案1】:

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

ICO (file format)

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

Favicon - HTML5 recommendation for icons in multiple sizes

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

要制作这样的文件,您只需要一个能够编辑.ico 文件并有权访问该功能的程序。 How to make/get a multi size .ico file? 问题对此有更详细的说明。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2021-11-07
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2021-03-22
    • 1970-01-01
    • 2022-08-17
    相关资源
    最近更新 更多