Need help? Check out our Support site, then


image in text widget blurry. why?

  1. hey, i have several images on my site that are html in text widgets. i have never used the footer for images, and just tried to do the same with an image in a text widget. the link works fine, but weather i add an image that is large or small, it always comes out blurry. any ideas? thanks, AC

    The blog I need help with is acfitnessonline.com.

  2. I'm viewing your blog with Firefox 3.6.9 and every image I see in your sidebar is crisp - none are blurry. The best practice for preserving image quality it to presize every image to the exact size you want to use prior to uplaoding it to wordpress.com. Also note that whenever something on your blog appears to be is "wonky" the first thing to do is to follow this routine.

    Some issues that you encounter with your WordPress blog or account can be solved by changing your browser settings, refreshing the page, or clearing the browser cache and cookies. See here > http://en.support.wordpress.com/browser-issues/ The instructions for specific browsers are found here > http://www.google.com/support/accounts/bin/answer.py?hl=en&answer=32050

  3. @AC, the image code in that widget has gotten messed up. Open the text widget and you will see this image code.

    <a href="http://www.nasm.org/" target="_blank"><img width="200" height="100" class="alignleft" title="NASM" src="http://acfitness.files.wordpress.com/2010/03/nasm-logo1.png?w=100&h=100"></a>

    Delete ?w=100&h=100 from the end of the image URL and it will clear up.

  4. SP, i don't know what that was, but as i am still learning html basics, the code makes much more sense without that bit. any idea what that was.

    thanks again. be well. AC

  5. panaghiotisadam
    Member

    Maybe you uploaded the image and inserted it into a post as a thumbnail first then took the URL from the HTML editor of the post. Image URL plus ?w=100&h=100 is a version of the image scaled down by WP (then blown up again by the width="200" command, hence the blurriness).

    With width="200" and height="100" you're still distorting the image a little, because the original is 219px wide. For best results use just this in the widget:
    <a href="http://www.nasm.org/" target="_blank"><img class="alignleft" title="NASM" src="http://acfitness.files.wordpress.com/2010/03/nasm-logo1.png"></a>

    (And I wonder why you used table coding for a single image.)

Topic Closed

This topic has been closed to new replies.

About this Topic