サブピクセルアンチエイリアスルール


11

最近、テキストのサブピクセルアンチエイリアシングに問題がありました。これは非常に粗い色を生成し、それがどのように適切に行われるのかを不思議に思いました。

ここに画像の説明を入力してください

下のピクセルの3分の3を覆う黒いタイルの例をいくつか示しました。

ここに画像の説明を入力してください

色は私が見ているものと一致しますが、適切にアンチエイリアス処理されたテキストを見ると、結果はそれほど明るくなく、気を散らすものではありません。

www.lagom.nlから

良い光の強さと正しい色のバランスが必要だと思います。このような良い結果をもたらすサブピクセルアンチエイリアスにはどのような方法が使用されますか?


更新:

幅が3倍でマルチサンプリングの画像に白いティーポットをレンダリングしました。以下では、3つのピクセルごとの平均と、それぞれをRGBに割り当てることを比較しています。一部のケースでは色がまだ過度に明るいように見えます(特に、ここの上記の例と比較すると)。私の電話がそれらをうまく捉えているわけではありません。

ここに画像の説明を入力してくださいここに画像の説明を入力してください

ここに画像の説明を入力してくださいここに画像の説明を入力してください

ここに画像の説明を入力してくださいここに画像の説明を入力してください よし、私のモニターには少しダスティングが必要だ


画面によっては、原色のレイアウトが異なると思います。さまざまなタイプの画面で結果を表示しましたか?
trichoplax

@trichoplaxいいえ、ただし、両方のモニターがRGBであると確信しています。また、ここでは、問題の修正よりも、サブピクセルアンチエイリアステクニックがどのように機能するかに関心があります。
jozxyqk 2015

異なる原色を意味するのではなく、単に赤、緑、青が異なる幾何学的パターンで配置されることを意味しているので、良い結果を得るためには、アルゴリズムがどのパターンが使用されているかを知る必要があります。
trichoplax

1
@trichoplaxはい、申し訳ありませんが、どちらのモニターも、この写真のように、左から右にRGB順に3分割されたピクセルを持っています。
jozxyqk 2015

1
斜線では、垂直方向に数ピクセル以上連続して同じ色を表示できないため、斜体テキストのカラーフリンジは目立たなくなります。
trichoplax

回答:


3

そこで何が起こるかわかりません。あなたの例の「考慮」のレンダリングを見ると、「cons」は、見栄えをよくするために必要な「修正」を適用せずに、粗いサブピクセルのアンチエイリアスを実行したときに得られるもののように見えます。しかし、同じ言葉の「der」は、サブピクセルのアンチエイリアスがないように見えます。

あなたは、サブピクセルアンチエイリアシングを格好良いが、ここでどのように機能するかについての良い記事を見つけることができhttps://www.grc.com/ct/ctwhat.htmを、ここで「アップ修正」の部分について//www.grc:HTTPSを。 com / ct / freeandclear.htmおよびここhttps://www.grc.com/ct/cttech.htm

つまり、各サブピクセルのカバー領域を計算してR / G / B強度を計算するだけの場合、結果のカラーフリンジは非常に醜く/不快です。それを修正するには、水平方向のぼかし/ローパスフィルターをサブピクセル画像に適用する必要があります。その結果、画像の鮮明度は低くなりますが、飽和色がはるかに少なくなります。つまり、「Check you」の例のようなものです。


2

このような良い結果をもたらすサブピクセルアンチエイリアスにはどのような方法が使用されますか?

単に3倍の幅であるかのように文字をラスタライズします。

結果は、曲線をラスタライズする方法が異なります。特に、どのような種類のアンチエイリアシング/サンプリングスキームを使用しているか、およびフォントヒンティングを使用しているかどうかは異なります。概要については、ウィキペディアのアンチグレインジオメトリによるテキストのラスタライズ露出(IIRCこれはChromium / PDFiumが使用するもの)またはサブピクセルレンダリングを参照してください。

添付画像がどうなるか、サブピクセルレンダリングとは関係ないと思います。それは何かかもしれません:間違ったピクセルジオメトリ、間違ったガンマ、間違った色空間変換、...


ピクセルジオメトリ、ガンマ、または色空間の変換に関する問題は、質問の画像で見られる通常のサイクルではなく、画像の任意のポイントで色の歪みとして現れることが予想されます。誇張されたカラーアンチエイリアスと純粋なグレースケールアンチエイリアスとの間で水平方向に循環するという事実は、アンチエイリアスの最初のアプリケーションが異なるスケールで実行されたことを示唆しています。
trichoplax

完全な説明はありません。歪みがテキストの異なる行の間で整列していないようですが、問題はベクターテキストではなく、既にラスタライズされたテキストのサブピクセルレンダリングに関連しているようです。
trichoplax

@trichoplax私が言いたいのは、アンチグレインのサブピクセルレンダリングに問題があるのではないかということです。代わりに、入力がラスタライザに入る前に、入力が壊されると思います。以降、ただしラスタライザ自体にはありません。
Ecir Hana

はい、サブピクセルレンダリングは正しく適用されていると思いますが、事前にラスタライズされたテキストに適用すると、良い結果が得られません。レンダラーが壊れているとは思いません。間違った種類のテキストが供給されていると思います。
trichoplax
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.