Cleartype

ClearType™ is Microsoft's subpixel rendering display technology designed to leverage the phase carrier created by the misalignment of the red, green, and blue planes of some computer display devices to draw the lines and curves of text and graphics to sub-pixel accuracy. The Apple II family had used a very similar technique with the NTSC television system's color subcarrier two decades earlier. The following picture shows a 4× enlargement of the word Wikipedia rendered using ClearType. The word was originally rendered using a Times New Roman 12 pt font.
The word Wikipedia rendered using ClearType

Background

Normally, software treats computer displays as a matrix of square pixels where each pixel is of a uniform color. However, on a liquid crystal display, red light comes out of the left third of a pixel, green light from the middle third, and blue light from the right third. A 4×3 pixel section of such a display looks somewhat like this:
gcolor="#00ff00"|. bgcolor="#0000ff"|. bgcolor="#ff0000"|. bgcolor="#00ff00"|. bgcolor="#0000ff"|. bgcolor="#ff0000"|. bgcolor="#00ff00"|. bgcolor="#0000ff"|. bgcolor="#ff0000"|. bgcolor="#00ff00"|. bgcolor="#0000ff"|.
gcolor="#ff0000"|. bgcolor="#00ff00"|. bgcolor="#0000ff"|. bgcolor="#ff0000"|. bgcolor="#00ff00"|. bgcolor="#0000ff"|. bgcolor="#ff0000"|. bgcolor="#00ff00"|. bgcolor="#0000ff"|. bgcolor="#ff0000"|. bgcolor="#00ff00"|. bgcolor="#0000ff"|.
gcolor="#ff0000"|. bgcolor="#00ff00"|. bgcolor="#0000ff"|. bgcolor="#ff0000"|. bgcolor="#00ff00"|. bgcolor="#0000ff"|. bgcolor="#ff0000"|. bgcolor="#00ff00"|. bgcolor="#0000ff"|. bgcolor="#ff0000"|. bgcolor="#00ff00"|. bgcolor="#0000ff"|.
Thus, if software treats a pixel as a single unit, then the actual center of the red pixels will be 1/3 of a pixel to the left of the ideal pixels' centre, and that of the blue pixels will be 1/3 of a pixel to the right. Most displays have RGB subpixels beside each other horizontally, while some have them stacked vertically. As well, some displays use a BGR order instead of RGB.

Drawing a ClearType image

To start, draw the image three times as wide as normal, using appropriate anti-aliasing of sloped edges. Apply a digital low-pass filter with a zero at f/3 to the image in a horizontal direction to remove color fringing caused by beats with the color subcarrier. (Microsoft uses a filter equivalent to the 3-tap FIR filter 1 1/3; the 5-tap filter 3 4 3 1/12, with an additional double zero at f/2 that removes color fringes caused by alternate dark and light pixels, may work better for some images.) Then sample alternately red, green, and blue components of successive pixels to produce a final image at nearly triple the apparent horizontal resolution of an ordinary image. Some displays, such as the one in the original iBook computer and the Game Boy Advance handheld video game console, order pixels in BGR order rather than RGB; a subpixel rasterizer that can run on multiple displays must take this into account.

In practice

|
Notice that the ClearType (sub-pixel anti-aliased) image has almost no color-fringing, but no visible extra resolution at the same time. This shows that ClearType is ineffective at achieving 300% or even any amount of perceptible extra horizontal resolution.

External links

 

<< PreviousWord BrowserNext >>
cordial
cronus
charles f. hockett
consilience
clarence brown
conciliation
cyclone programming language
cognitivism
counter
civil rights history
clay mathematics institute
centum
cerebral arteriovenous malformation
comparative method
council of constance
churches uniting in christ
canadian unitarian council
charles mingus
centimetre
central coast
codata
chuck jones
costume
cable car (railway)
creaky voice
computer display
centriole
creation science
list of cartographers
cirth
connection between poles and vandals
clarence johnson
c 130 hercules
commodore 1570
commodore 1571
cocaine
codeine
cartesian coordinate system
commandant of the marine corps
california department of transportation
continuation war
chinese remainder theorem
cyril m. kornbluth
coprophagia