亚像素抗锯齿规则

最近，我遇到了文本的亚像素抗锯齿问题，该问题会产生非常粗糙的颜色，让我想知道如何正确完成它：

我绘制了一些黑色瓷砖的情况，这些瓷砖覆盖了下面的三分之二像素。

颜色与我所看到的颜色匹配，但是当我查看适当的抗锯齿文本时，结果却不及明亮和分散注意力：

我认为必须在良好的光强度和正确的颜色之间取得平衡。哪些方法可用于亚像素抗锯齿，但效果良好？

更新：

我已将白色茶壶渲染为具有3倍宽度和多重采样的图像。下面，我将平均每3个像素与分配给RGB进行比较。在某些情况下（尤其是与此处的示例相比），颜色仍然显得过亮，不是我的手机可以很好地捕捉它们。

^{好，我的显示器需要一点灰尘}

antialiasing

— jozxyqk
source

我相信某些屏幕的原色布局会有所不同。您是否在不同类型的屏幕上查看过结果？

— trichoplax

@trichoplax不，但是我有信心我的两台显示器都是RGB。同样在这里，我对亚像素抗混叠技术的工作方式比对我的问题的解决更感兴趣。

— jozxyqk 2015年

我并不是说不同的原色，我只是说红色，绿色和蓝色是以不同的几何图案排列的，因此您的算法将需要知道使用哪种图案才能产生良好的效果。

— trichoplax

@trichoplax是的，对不起，我应该澄清一下，这两个监视器的像素都按RGB顺序从左到右分成三等分，如这张照片所示。

— jozxyqk 2015年

在某种程度上，由于斜线不允许在垂直方向上连续出现多个像素，因此斜线不允许出现相同的颜色，因此斜体文本将不会出现明显的颜色条纹。

— trichoplax

Answers:

我不确定在那里会发生什么。查看示例中“注意事项”的呈现方式，“缺点”看起来就像在进行粗子像素抗锯齿处理时所获得的效果一样，而无需应用必要的“修复”以使其看起来不错。但随后，同一词中的“ der”看起来就没有子像素抗锯齿。

您可以在https://www.grc.com/ct/ctwhat.htm上找到有关外观良好的子像素抗锯齿效果的出色文章，在https：//www.grc上可以找到“修复”部分。 com / ct / freeandclear.htm和此处https://www.grc.com/ct/cttech.htm

得出的结论是：如果仅通过计算每个子像素的覆盖面积来计算R / G / B强度，则所得的色带非常难看/令人讨厌。要解决此问题，您必须对子像素图像应用水平模糊/低通滤镜。结果是图像不那么清晰，但饱和色也少得多。即类似“检查您”的示例。

— gro
source

哪些方法可用于亚像素抗锯齿，但效果良好？

您只需将字母光栅化，就好像它们是3倍宽一样。

结果对曲线进行栅格化的方式有所不同，最显着的是，它使用了哪种抗锯齿/采样方案以及是否使用了字体提示。有关详细概述，请参见Wikipedia上的“ 基于反粒度几何图形的栅格化曝光”（IIRC，这是Chromium / PDFium所使用的）或“子像素渲染 ”。

附加图像的内容，我认为它与亚像素渲染无关。可能是任何东西：错误的像素几何形状，错误的Gamma，错误的色彩空间转换，...

— 埃西尔·哈纳（Ecir Hana）
source

我希望像素几何，伽马或色彩空间转换的问题会在图像的任意点上显示为颜色失真，而不是问题图像中出现的规则周期。它在夸张的彩色抗锯齿和纯灰度抗锯齿之间水平循环这一事实表明，抗锯齿的首次应用是在不同的比例下执行的。

— trichoplax

我没有完整的解释，因为变形似乎并没有在文本的不同行之间对齐，但是似乎问题确实与已经光栅化的文本而不是矢量文本的亚像素渲染有关。

— trichoplax

@trichoplax我想说的是，我怀疑Anti-Grain的亚像素渲染是否存在问题。取而代之的是，我猜想输入要早于输入栅格化器的时候就被破坏了。或更高版本，但不在光栅化器本身中。

— Ecir Hana 2015年

是的，我认为亚像素渲染已正确应用，但是当应用于预先光栅化的文本时，不可能给出良好的结果。我不认为渲染器坏了，我只是认为它被馈送了错误的文本。

— trichoplax