Logo with text looks blurry, made in Adobe Illustrator


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.

6/27/2014 9:46:00 PM

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.

6/27/2014 10:24:00 PM