I've created some navigation images for use on a website and they appear blurry only in IE9 browser and above. The font is arial and the size is 100 x 14 with 12 pt font. I've tried making the image 200 x 24 pixels and resizing on the web to 100 x 14 to no avail. I've tried using crisp and no anti-alias but still blurry. I've added a screen shot here

  • 1
    You clearly have some incorrect size. Place them as backgrounds to block elements and they would be fine.
    – Komental
    May 14, 2014 at 16:20
  • Thank you so much for your comments. I have to use images so alt tags can be used for SEO purposes. Unfortunately, I can't use html / css text or background images.
    – user23695
    May 14, 2014 at 20:37
  • There is no need to use IMG tag for this. If this is an A tag you can hide the text by enclosing it in a SPAN with display: none; OR use text-indent with a very negative value of -100px if that's what you need to hide or just go -5000px. This is the SEO approach because you will have the text present. Code: <a><span>SEO visible text
    – Komental
    May 14, 2014 at 20:49

1 Answer 1


For web, it is much better to design text elements using HTML and CSS than using images. The possibilities in modern standards are so good that the benefits with using images are much less now than they were before.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

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