The logo i've created looks horrible on the screen. The edges are blurry, far from crisp. Here is some text in the logo

enter image description here

To me this looks far from professional.

I did this logo in Adobe Illustrator, the font is Ubuntu, size 32pt. When saving for web, i've tried art optimized and type optimized. The document is 72dpi.

A simple text logo and i can't get it crisp. I've tried changing the anti-aliasing to crisp, sharp but it still looks like the picture above. The background is white and the text is black. How do i get my logo to look crisp? Any design tips or processes when it comes to logo design, much appreciated. This should be simple, black text on a white background but i'm scratching my head.

  • 2
    that looks fine to me. But if you want to tweak things, set the type in photoshop. Photoshop gives you more options for anti-aliasing. – DA01 Jun 27 '14 at 18:49
  • also...any chance you're viewing this on a retina mac? – DA01 Jun 27 '14 at 18:50
  • I also see no issues with the above image. – Manly Jun 27 '14 at 19:57
  • Looks decent to me, are you viewing it on a retina display? Or is your browser zoomed in? I made the mistake of thinking text was off a couple weeks ago without realizing my browser was at 120% – Ryan Jun 27 '14 at 20:52

Hm. Seems like You talking about subpixel displacement. During rasterization application checks each pixel for opacity. If coverage above certain level - it's opaque, otherwise - transparent. Anti Aliasing just add semitransparency based on level of coverage. In Your case - some lines lays between pixels, that cause booth of border pixels became semitransparent. To avoid that use 'pixel snapping', You can look for YT tutorials on that theme.

Well, that only needed while working with small scale.

p.s.: next time use PNG for sample image, JPG cause additional losses due compression.

  • 1
    This isn't entirely correct. Anti-aliasing isn't necessarily transparent. It is if the background is transparent (possible in a PNG), but not if it's opaque (such as a JPG). – DA01 Jun 27 '14 at 23:51

Not the answer you're looking for? Browse other questions tagged or ask your own question.