: Why does anti-aliasing in black characters use colors other than gray-scale ? I'm a developer, I'm not a graphic designer. But there's one question that bugs me every since I've noticed it some
I'm a developer, I'm not a graphic designer. But there's one question that bugs me every since I've noticed it some years ago.
Anti-aliasing is a method for removing the sharpiness from high contrast divisions, such as character edges and geometric forms, if there's someone who doesn't know.
When you get an anti-aliased character written in black on a white background, and you zoom in to see the pixels, there are colors different from the ones found in gray-scale, which for me seems ilogical, since we only need to make a smooth transiction from black to white.
Question: Why are colors different from the ones found in gray-scale used for anti-aliasing a black character in a white background ?
PS.: I'd create the "anti-aliasing" tag if I had enough reputation.
Update: I've thought of a theory now.
If the letters are intended to be displayed in a computer monitor, and the smallest portion of a screen that can be black is an entire pixel composed of three little lights, that would cause the smallest dot in any letter to be fairly large, but if the anti-aliasing composed by surrounding or inner dots can be represented for only 1/3 of a pixel with some assistance from the color to the side that would mean that letters could be way smaller.
Is that it ?
More posts by @Karen819
2 Comments
Sorted by latest first Latest Oldest Best
This is called clearType in windows (or sub-pixel rendering like Marcelo said)
The idea is that instead of using 1 value for 1 pixel:(127,127,127) < Gray we can make the left side of this pixel less intense and the right side more (55,127,185) - Blueish tint
and then the same for the right sided pixels
(185,127,55) - Orange ting
below it shows (no AA) - (Early Clear Type) - (Regular AA) - (Latest Clear Type)
In my opinion it only works well for small fonts (like the one you are reading now)
For regular graphics you use regular AA (In fact photoshop does not support clearType)
Hope this helps! Enjoy
My guess was right after all:
If the letters are intended to be displayed in a computer monitor, and the smallest portion of a screen that can be black is an entire pixel composed of three little lights, that would cause the smallest dot in any letter to be fairly large, but if the anti-aliasing composed by surrounding or inner dots can be represented for only 1/3 of a pixel with some assistance from the color to the side that would mean that letters could be way smaller.
Check the comments in the questions for some further help from DA01 and koiyu (thanks).
Just for reference, here are the Wikipedia links in the comments from DA01 and koiyu:
en.wikipedia.org/wiki/Subpixel_rendering http://en.wikipedia.org/wiki/Font_rasterization
Terms of Use Create Support ticket Your support tickets Stock Market News! © vmapp.org2024 All Rights reserved.