Windows 10所有DPI设置上的所有图标分辨率?格式?像素艺术作为图标?开始菜单中等瓷砖中的大尺寸图标?

时间:2016-11-22 19:07:41

标签: wpf windows visual-studio icons

只是跳到答案部分的答案,问题部分有猜测和错误。答案是基于实验而且准确无误。

很长一段时间我使用了一个png打包的256px ico文件用于我的Visual Studio项目,它运行良好,导致缩放在这些图标上工作正常,几乎没有空间,我之前并不在意

但现在我有一个需要“保留硬边”的图标,它是“像素艺术”。 如果我使用256px版本进行缩减版本非常糟糕,或者如果我构建的16px版本略微不那么糟糕但不够好。所以我的问题是:

  1. 我必须生成哪些尺寸才能合并到ico中(我不关心pre win7图标)?

  2. 如果我有这个列表,我是否必须为高dpi设置生成1.25x,1.5x和2.0x版本?

  3. 最后,像firefox这样的应用程序在中型方块内的开始菜单上有一个大图标,我的应用程序在中心有一个像Visual Studio那样的小应用程序,如何在开始菜单中放置一个大图标中等大小的广场?

  4. 我确实找到了它:不幸的是VS说:Windows Presentation Foundation(WPF)项目不支持VisualElements。有办法解决这个问题吗?

    我环顾四周并收集了可能的尺寸@ 1x(96DPI):
    16,20,24,30,32,40,48,50,64,128,150,256,512,768
    大多数情况下,我是从Which icon sizes should my Windows application's icon include?收集的。

    没那么糟糕,但是如果我加上1.25x,1.5x,2.0x,那么我们得到:
    16,20,24,25,30,32,36,38,40,45,48,50,60,62,64,72,75,80,96,100,128,150,160,188 ,192,225,256,300,320,384,512,640,768,960,1024,1152,1536 在我的情况下它会生成一个500k的ico文件,因为看起来1024是最大分辨率你可以放入一个ico文件,我的图标是像素化的,因此png压缩得非常好,仍然可以~500k。

    我还使用rgba中的所有上述分辨率制作了一个ico,并且每个分辨率都在其上,因此您可以看到哪些窗口加载了哪个dpi设置。您可以从here下载它并在vs项目中使用它进行测试。

    据我所知,256px下的所有内容都无法压缩,这是对的吗?

    我是否需要所有这些尺寸来保留像素完美图标?只有32位(RGBA)png好吗?我希望我不需要包括其他深度。

    在我从规范中写了一个ico writer之后我意识到png可以有0分辨率因为x或y可以使用1个字节(但是我从未见过非正方形的ico,也许curs可以是非正方形) ,在这种情况下,可能是文件中的第一个用零分辨率将被使用...这不确定,但我认为它离真相不远。看图像。重新调整问题仍然让我感到困惑,如果我明天有一些时间我会测试它。一个像素完美的图标似乎是不可能做到的:让一个图像重新缩放到256px以上的任何值。

2 个答案:

答案 0 :(得分:14)

答案:

在ICO文件中256px下,PNG是否可以接受?
微软表示256px以下的大小应该是没有前14个字节的BMP 但至少在Windows 10的情况下,答案是肯定的。

您可以在ICO中添加大于1024px的图像吗?
是。只要是PNG,就可以随心所欲 注意"一个图标超过255px"限制:
您只能添加一个大于255px的图像(您可以添加更多图像,但窗口只能读取ICO头中分辨率为0,0的第一个图像块)。格式为每个维度指定1个字节。见表#2。

所有DPI设置包括哪些尺寸?
Windows 10使用以下图标大小(参见下表):
16,20,24,28,30,31,32,40,42,47,48,56,60,63,84和大于255px的一个。

请注意,Windows RT应用程序不使用ICO文件,它们使用PNG或字体,这来自Firefox的来源:

<Application xmlns:xsi='http://www.w3.org/2001/XMLSchema-instance'>
    <VisualElements
      ShowNameOnSquare150x150Logo='on'
      Square150x150Logo='browser\VisualElements\VisualElements_150.png'
      Square70x70Logo='browser\VisualElements\VisualElements_70.png'
      ForegroundText='light'
      BackgroundColor='#0996f8'/>
</Application>

那么Firefox如何在中型磁贴的开始菜单上有一个大图标?
好吧,在快捷方式添加到开始菜单this article explains it how之前,它包含在exe目录中的上述文件。我的应用有一个例子 Results

如果你为Windows 10制作图标,你最好使用我的工具和photoshop(或类似的东西),而不是其他任何东西,我试过编辑,他们很糟糕。

win10iconTools by me

您可以创建ICO文件(无论是否为MS推荐)或创建印有分辨率的图标,后者就是我用来制作表格的图标。
支持多种调整大小模式,包括最近邻居。 如果你想要你可以在其他Windows版本上使用它,它可以使用.net2,测试另一个窗口,发送给我结果,我为了人类的利益扩展表。

至于图标中的像素艺术,它不可能是完美的:(除非我们可以在Windows 10中更改缩放算法。 所以84-256的广泛范围被缩放到&#34; 0&#34; (见上文),所以没有真正的点添加大于256的东西,因为我现在看到你应该为&#34; 0&#34;创建一个256px的图像。 (见表格原因)

如果Windows获取所有图标16到255 + 1大于255(表中为0),请选择以下尺寸: (所以这里没有降价表?,它的种类很宽,表格也在app自述文件中)

|                                           |                 Windows 10                | 
|                                           |   96DPI  |  120DPI  |  144DPI  |  168DPI  | 
| icon                                      |disp.|load|disp.|load|disp.|load|disp.|load| 
|-------------------------------------------|-----|----|-----|----|-----|----|-----|----| 
| alt-tab                                   | 24  | 32 | 30  | 32 | 36  | 32 | 42  | 32 | 
| desktop large                             | 96  | 0  | 120 | 0  | 144 | 0  | 168 | 0  | 
| desktop medium                            | 48  | 48 | 60  | 60 | 72  | 72 | 84  | 84 | 
| desktop small                             | 32  | 32 | 40  | 40 | 48  | 48 | 56  | 56 | 
| explorer content, inc0                    | 32  | 32 | 40  | 40 | 48  | 48 | 56  | 56 | 
| explorer extra large                      | 256 | 0  | 256 | 0  | 256 | 0  | 256 | 0  | 
| explorer large                            | 96  | 0  | 120 | 0  | 144 | 0  | 168 | 0  | 
| explorer medium                           | 48  | 48 | 60  | 60 | 72  | 72 | 84  | 84 | 
| explorer small:inc4,list:inc3,details:inc2| 16  | 16 | 20  | 20 | 24  | 24 | 28  | 28 | 
| explorer tiles, inc1                      | 48  | 48 | 60  | 60 | 72  | 72 | 84  | 84 | 
| startmenu medium                          | 32  | 32 | 40  | 40 | 48  | 48 | 56  | 63 | 
| startmenu programs                        | 24  | 24 | 30  | 30 | 36  | 36 | 42  | 42 | 
| startmenu search                          | 32  | 60 | 40  | 60 | 48  | 60 | 56  | 0  | 
| startmenu tile small                      | 24  | 24 | 30  | 31 | 36  | 39 | 42  | 47 | 
| taskbar normal                            | 24  | 32 | 30  | 40 | 36  | 48 | 42  | 56 | 
| taskbar small                             | 16  | 16 | 20  | 20 | 24  | 24 | 28  | 28 | 
| window icon                               | 16  | 16 | 20  | 16 | 24  | 16 | 28  | 16 | 
| desktop inc0                              | 16  | 16 | 20  | 20 | 24  | 24 | 28  | 28 | 
| desktop inc1                              | 18  | 32 | 23  | 40 | 27  | 48 | 32  | 56 | 
| desktop inc2                              | 20  | 30 | 25  | 40 | 30  | 48 | 35  | 56 | 
| desktop inc3                              | 22  | 32 | 28  | 40 | 33  | 48 | 39  | 56 | 
| desktop inc4                              | 24  | 32 | 30  | 40 | 36  | 48 | 42  | 56 | 
| desktop inc5                              | 27  | 32 | 34  | 40 | 41  | 48 | 47  | 56 | 
| desktop inc6                              | 30  | 32 | 38  | 40 | 45  | 48 | 53  | 56 | 
| desktop inc7                              | 33  | 48 | 41  | 60 | 50  | 72 | 58  | 84 | 
| desktop inc8                              | 37  | 48 | 46  | 60 | 56  | 72 | 65  | 84 | 
| desktop inc9                              | 41  | 48 | 51  | 60 | 62  | 72 | 72  | 84 | 
| desktop inc10                             | 46  | 48 | 58  | 60 | 69  | 72 | 82  | 84 | 
| desktop inc11                             | 51  | 0  | 64  | 0  | 77  | 0  | 89  | 0  | 
| desktop inc12                             | 57  | 0  | 71  | 0  | 86  | 0  | 100 | 0  | 
| desktop inc13                             | 63  | 0  | 79  | 0  | 95  | 0  | 110 | 0  | 
| desktop inc14                             | 70  | 0  | 88  | 0  | 105 | 0  | 123 | 0  | 
| desktop inc15                             | 78  | 0  | 98  | 0  | 117 | 0  | 137 | 0  | 
| desktop inc16                             | 87  | 0  | 109 | 0  | 131 | 0  | 152 | 0  | 
| desktop inc17                             | 97  | 0  | 121 | 0  | 146 | 0  | 170 | 0  | 
| desktop inc18                             | 108 | 0  | 135 | 0  | 162 | 0  | 189 | 0  | 
| desktop inc19                             | 120 | 0  | 150 | 0  | 180 | 0  | 210 | 0  | 
| desktop inc20                             | 133 | 0  | 166 | 0  | 200 | 0  | 233 | 0  | 
| desktop inc21                             | 148 | 0  | 185 | 0  | 222 | 0  | 256 | 0  | 
| desktop inc22                             | 164 | 0  | 205 | 0  | 246 | 0  | 256 | 0  | 
| desktop inc23                             | 182 | 0  | 228 | 0  | 256 | 0  | 256 | 0  | 
| desktop inc24                             | 202 | 0  | 253 | 0  | 256 | 0  | 256 | 0  | 
| desktop inc25                             | 224 | 0  | 256 | 0  | 256 | 0  | 256 | 0  | 
| desktop inc26                             | 249 | 0  | 256 | 0  | 256 | 0  | 256 | 0  | 
| explorer inc5                             | 18  | 32 | 23  |    |     |    |     |    | 
| explorer inc6                             | 20  | 32 | 25  |    |     |    |     |    | 
| explorer inc7                             | 22  | 32 | 28  |    |     |    |     |    | 
| explorer inc8                             | 23  | 32 | 29  |    |     |    |     |    | 
| explorer inc9                             | 25  | 32 | 31  |    |     |    |     |    | 
| explorer inc10                            | 27  | 32 | 34  |    |     |    |     |    | 
| explorer inc11                            | 29  | 32 | 36  |    |     |    |     |    | 
| explorer inc12                            | 31  | 32 | 39  |    |     |    |     |    | 
| explorer inc13                            | 33  | 48 | 41  |    |     |    |     |    | 
| explorer inc14                            | 35  | 48 | 44  |    |     |    |     |    | 
| explorer inc15                            | 38  | 48 | 48  |    |     |    |     |    | 
| explorer inc16                            | 41  | 48 | 51  |    |     |    |     |    | 
| explorer inc17                            | 44  | 48 | 55  |    |     |    |     |    | 
| explorer inc18                            | 47  | 48 | 59  |    |     |    |     |    | 
| explorer inc19                            | 50  | 0  | 63  |    |     |    |     |    | 
| explorer inc20                            | 54  | 0  | 68  |    |     |    |     |    | 
| explorer inc44                            | 239 | 0  | 256 | 0  |     |    |     |    | 
| explorer inc45                            | 256 | 0  | 256 | 0  |     |    |     |    | 

桌面上有27个缩放增量 和浏览器上的45个缩放增量(包括&#34;底层&#34菜单中的默认值;)

图标格式规范:

|**block**  |**offset** |**offset** |**length** |**description**                |
|-----------|-----------|-----------|-----------|-------------------------------|
|main header|   0       |           |   2       |Reserved=0                     |
|           |   2       |           |   2       |Image type: 1(.ICO) 2(.CUR)    |
|           |   4       |           |   2       |Number of images in container  |
|image head1|   6       |   0       |   1       |Pixel width                    |
|           |   7       |   1       |   1       |Pixel height                   |
|           |   8       |   2       |   1       |Color palette size or 0        |
|           |   9       |   3       |   1       |Reserved=0                     |
|           |   A       |   4       |   2       |Color planes=0 or 1            |
|           |   C       |   6       |   2       |Bits per Pixel                 |
|           |   E       |   8       |   4       |Image raw size                 |
|           |   12      |   C       |   4       |Offset of imageblock from BOF  |
|image head2|   16      |   0       |   1       |Pixel width                    |
|   ...     |   ...     |   ...     |   ...     |...                            |
|imageblock1|   ...     |   ...     |   ...     |all image data goes here:      |
|           |   ...     |   ...     |   ...     |   pngs included in whole      |
|           |   ...     |   ...     |   ...     |   bmps missing first 14 bytes |

答案 1 :(得分:0)

您在Windows 10中看到的图标被打包成名为Segoe MDL2 Assets&amp;的图标字体。所有内置的UWP应用程序如Groove Music都使用此字体作为图标。此外,Windows商店中的一些应用程序使用它。