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 '14 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 '14 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 '14 at 20:49

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.

| improve this answer | |

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

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