image in text widget blurry. why?

  • Author
    Posts
  • #523800

    acfitness
    Member

    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.

    #523949

    timethief
    Member

    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

    #523951

    @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.

    #523956

    acfitness
    Member

    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

    #523992

    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.)

The topic ‘image in text widget blurry. why?’ is closed to new replies.