The new image-based flair is using ClearType for the text. ClearType should never be used in images for general usage. It assumes that you are using a monitor with each pixel composed of red, green, and blue subpixels, in that specific order, arranged horizontally. This is not true for all users. On some monitors, the pixels are arranged blue-green-red (this is why Microsoft has the option in the ClearType Tuner). On mobile devices, the orientation of the subpixels depends on the orientation of the device. I'm not sure how CRTs handle this (I haven't used one in about five years).

If these assumptions are not met, the image looks bad (especially in the case of monitors with blue-green-red subpixels).

From Wikipedia:

when images are prepared to be display-independent (that is, when they are prepared for distribution, and not just for display on the computer with which they were prepared), ClearType should be turned off if rendered text is part of the image. For example, screenshots should always be prepared with ClearType turned off. Image-editing programs such as Adobe Photoshop or Corel Paint Shop Pro bypass ClearType when rendering text directly, for precisely this reason.

  • +1, some of us even abuse "normal" monitors by cranking them around into portrait orientation. (Although, in the interest of fairness, I should say that I haven't noticed any problems with the image-based flair on my portrait-oriented monitor. Probably because I don't give a whit about it and so I didn't look too closely at it.)
    – Pops
    Sep 23, 2010 at 14:37
  • 2
    +1 for standards compliance and accessibility.
    – Jon Seigel
    Sep 23, 2010 at 17:02
  • 2
    Hmm, not so sure. Text doesn't look nearly as good with just regular anti-aliasing. Should it looks sucky for everybody or just those few that have non-standard hardware? Sep 23, 2010 at 20:16
  • 2
  • @hans, no I haven't. I told Ubuntu my monitor actually had a VRGB pixel configuration and screenshotted the result. VRGB is the standard order rotated 90 degrees -- basically what you get when you rotate your monitor. Think smartphones and suddenly this doesn't sound so absurd anymore, eh?
    – badp
    Sep 25, 2010 at 23:01
  • 2
    I definitely regret responding. What's the 'smartphones' angle, do the pixels sound differently? I got Bose headphones, that's all I know I'm afraid. Sep 25, 2010 at 23:39

1 Answer 1


Fixed. Flairs are now antialiased without cleartype:

alt text

This is live on stackexchange.com (network flair), and will go out to the rest of the sites later tonight.

  • Very nice; I'd upvote this for the low turnaround time alone.
    – Pops
    Sep 23, 2010 at 23:50
  • 2
    Hm... It doesn't look nearly as good now as it did when pure text was sent, and not a bitmap containing text... Sep 25, 2010 at 23:39

You must log in to answer this question.

Not the answer you're looking for? Browse other questions tagged .