Why does text add other colors to itself when displayed on a computer? Example image is a screenshot of text set to black on a webpage

3 years ago by D-ISS-O-CIA-TED to c/ELI5

MorganCS 14 points 3 years ago

This is called Anti-aliasing. It is to make images on screen appear smoother than is normally possible.

I may be incorrect on this part, but I think that the colors (instead of greyscale) is part of the subpixel sampling , which is a more advanced version of anti-aliasing..

path: 0 2177215, hotness: undefined, score: 14, children: 2
Pyroglyph 3 points 3 years ago

Subpixel rendering is exactly correct!

path: 0 2177215 2191468, hotness: undefined, score: 3, children: 1
MorganCS 2 points 3 years ago

Woot for dredging up old information outta my brain! Thanks for the confirmation :)

path: 0 2177215 2191468 2207896, hotness: undefined, score: 2, children: 0
ShittyKopper 7 points 3 years ago

sub pixel antialiasing. the individual pixels of your display are made up of (usually horizontal) "sub pixels" of red green and blue, and with clever use of colors your OS can triple the resolution of your text by individually turning those sub pixels on and off

path: 0 2178743, hotness: undefined, score: 7, children: 0
HeartyBeast 5 points 3 years ago

Looks like anti-aliasing - an attempt to make the text look smooth to your eyes by adding additional colours.

Can I ask what hardware/OS you are using? This almost looks like older sun-pixel rendering

path: 0 2177177, hotness: undefined, score: 5, children: 1
grahamsz 7 points 3 years ago

This is definitely Sub-Pixel Rendering.

Anti-Aliasing is a different technique that's makes sharp edges look softer by adding more grays, but generally it'd not add other colors as you see here. We also don't generally apply AA to small text as we actually want it to look crisp.

Sub-Pixel Rendering exploits the fact that each pixel of a typical LCD is made up of three color in a horizontal row.

If you had a perfectly white screen and wanted to add one black dot, the simplest way is to turn off the RGB of a single pixel. However you could also get the same effect by turning off the GB of one pixel and the R of the next pixel. This allows you to move the dot by 1/3rd of a pixel. This is what get exploited to make text more legible.

path: 0 2177177 2185557, hotness: undefined, score: 7, children: 0
CarlsIII 2 points 3 years ago

Related question: is what’s happening here similar to how on old Apple computers, if you look closely at white text, you can clearly see green and purple pixels within it?

path: 0 2180649, hotness: undefined, score: 2, children: 3
Gurfaild 2 points 3 years ago path: 0 2180649 2185520, hotness: undefined, score: 2, children: 1
HeartyBeast 1 point 3 years ago

Nope. Apple used its own sub pixel rendering approach - that wasn’t ClearType. Apple emphasised fidelity of letter spacing - for layout designers - which made fonts at small size famously ‘soft’ or fuzzy. I rather liked the effect, others didn’t.

They nuked in in MacOS Mojave with the rise of Retina displays

https://en.wikipedia.org/...

https://www.howtogeek.com/...

path: 0 2180649 2185520 5232170, hotness: undefined, score: 1, children: 0
HeartyBeast 1 point 3 years ago

Exactly that. It was more pronounced Macs than Window boxes. I quite liked it

path: 0 2180649 2190126, hotness: undefined, score: 1, children: 0
HeartyBeast 1 point 3 years ago

Thanks for the clarification. I was a bit hazy (no pun intended)

path: 0 2189639, hotness: undefined, score: 1, children: 0
ELI5
ELI5

@kbin.social

login for more options
569
30
1

Explain it to me like I am 5. Everybody should know what this is about.

go to feed...