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