2014-10-27 81 views
2

我试图将图标添加到网站,并获取文本大小和图标大小正确的阵容是一个问题。行业标准图标大小

所以我研究了Windows Style Guide以及可供下载的图标集,并注意到它们大多数似乎遵循16x16,24x24,32x32,48x48,64x64等尺寸结构。

首先,我想问问为什么选择了上述尺寸,为什么它们是8的倍数?例如,为什么没有15x15,25x25等。

是否有一个最佳实践指南可以正确使用图标和图标文本?

+0

两个倍数? – 2014-10-28 14:46:33

回答

2

早在Windows的早期,视频卡是单色的,如果你很幸运的话,16色的视频卡。这些都是平面视频模式,前面讨论过它的机制。现在设想将 位图复制到位图和屏幕均为平面的屏幕上。 如果目的地的起始坐标是8的精确倍数 ,则可以通过块传送 指令复制位图。另一方面,如果目的地不是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

+1

尽管这个链接可能回答这个问题,但最好在这里包含答案的重要部分,并提供供参考的链接。如果链接页面更改,则仅链接答案可能会失效。 – 2014-10-28 16:32:33

+1

@KirkBackus我已经更新了我的答案 – 2014-10-28 16:34:49