我正在尝试优化矢量图形,使其与像素很好地对齐,但如果我尝试对齐像素网格,我的质量会丢失太多,我仍然需要能够以 0.5px 的增量进行捕捉。
我怎样才能获得这种行为?… 不丢失像素视图功能。
我正在尝试优化矢量图形,使其与像素很好地对齐,但如果我尝试对齐像素网格,我的质量会丢失太多,我仍然需要能够以 0.5px 的增量进行捕捉。
我怎样才能获得这种行为?… 不丢失像素视图功能。
您可以在首选项中设置一个网格,使其每 .5pt 有一条网格线(与 AI 中的 px 相同)。然后在View Menu中打开Snap to Grid。这将允许您捕捉到 0.5px 的增量。但是,这无关紧要。
虽然您可以将对象放置在 1/2 像素(或 Illustrator 中的 1/2pt)处,但在输出时,所有内容都会被调整(消除锯齿)为全像素。这可以通过在视图菜单中打开像素预览来看到。
例如……一个 1/2 像素的正方形:
并使用像素预览:
您可以看到半像素在输出时转换为全像素。Illustrator 不会以半像素输出图稿。
保存该半像素图像...在 Photoshop 中打开并放大 3200%...。
所有半像素都将在输出时进行抗锯齿处理并以这种方式处理。您为构建 0.5 像素限制所做的任何努力都将被文件的任何输出所抵消,因为单个像素是最小的屏幕元素。
但你可能对自己说,“我只需要一些边缘来坐在半像素上。而不是半像素图像。”
好吧,边缘也会被抗锯齿到最近的像素......
(底部边缘位于半像素上。黑色边缘是半像素宽)。
和像素预览......
哦,但是让我们在 Illustrator 首选项中关闭“Anti-Alias Artwork”,然后查看像素预览......
答案实际上不是在 0.5 像素下工作,而是改变艺术品,使其在全像素下看起来正确。
在某些特定情况下,向量可能会稍微改变规则,但一般来说,没有 0.5px 的增量。(除非我们在视网膜设备上讨论 CSS px,但这是一个完全不同的话题)
像素是显示器上的最小单位。
在上图中,每组一红一绿一蓝光是一个像素。该设备告诉屏幕如何一次平衡这三种颜色的亮度(像素),以便您的眼睛感知给定的颜色。您的显示器不会考虑比这更小的单位。
有一些边界例外。例如矢量形状的边框与像素不完全对齐,因此会发生某种抗锯齿。但是,当信息到达您的显示器时,仍然没有真正进行任何半像素业务。此外,对于现代智能手机等超高清设备,CSS 中的 px 不再等于一个像素。仍然没有半个像素,但是在视网膜(超高清)设备上,为了对话,您可以将一个像素视为一个半像素,即像素比为 2:1。