行业标准图标大小

时间:2014-10-27 14:12:22

标签: css icons

我正在尝试向网站添加图标,并将文字大小和图标大小设置为正确的阵容是一个问题。

所以我查看了Windows Style Guide以及可供下载的图标集,并注意到它们似乎主要遵循16x16,24x24,32x32,48x48,64x64的大小调整结构等。

首先,我想问为什么选择上述尺码,为什么它们的倍数为8?例如,为什么不使用15x15,25x25等。

是否有正确使用图标和图标文字的最佳实践指南?

1 个答案:

答案 0 :(得分:2)

  

早在Windows的早期,视频卡是单色的,如果是   你很幸运,16色。这些都是平面视频模式,   其中的力学已在前面讨论过。现在想象一下复制   位图到位图和屏幕都是平面的屏幕。   如果目的地的起始坐标是精确倍数   八,然后可以通过块传输复制位图   说明。另一方面,如果目的地不是完美的   8的倍数,你必须做很多花哨的位移来获得它   在屏幕上。

     

这是CS_BYTEALIGNCLIENT窗口类样式的来源。同   这个样式集,窗口管理器将尝试定位窗口   客户端矩形的左上角的x坐标位于   在视频内存的完美字节边界。如果你在跑步   1bpp视频模式(单色或16色),这意味着   x坐标是8的倍数。通过定位窗口这个   方式,位图复制到客户端矩形的左上角   将通过快速块传输指令进行复制。

     

如果查看Windows 95或更早版本的对话框尺寸,   你会发现它们几乎总是32个DLU的倍数   宽度。由于四个水平DLU等于一个平均字符宽度,   你必须保持你的对话框宽度为32的倍数,以确保   最终对话框大小是8的倍数。

     

保持位图宽度,使它们表示精确的字节边界   对于当天的机器性能非常重要。仿形   周围的像素块通常以三个主要步骤执行:   从位图左边缘到第一个边缘的细垂直条带   字节边界,然后是位图的大部分,直到最后一个字节   边界,最后是最后一个字节的细垂直条带   右边缘的边界。如果你睁大眼睛,你可以   实际上看到这三个绘图阶段发生了。 (就像我说的,   当天的机器并不是那么快。)保持一致   对齐和字节宽度意味着两个细垂直条带   零宽度,因此可以优化。

Apple还指定您应创建16x16,32x32和128x128版本的图标。像Windows一样,操作系统可以容纳其他尺寸,但是你不会得到最好的结果。

来源:http://blogs.msdn.com/b/oldnewthing/archive/2005/08/23/455089.aspx