Blurry Image is clear when clicked

• 

  purpler · Member · Apr 26, 2010 at 9:58 am

  • Copy link
  • Add topic to favorites

  Hi,

  I am having a problem with a blurry image at the following post:
  http://purpler.wordpress.com/2010/04/26/stray-factory/

  After clicking on the image, it suddenly becomes clear. How do I stop this from happening? Is it a default of the theme? (I’m using Monochrome)
  I’ve tried re-sizing before uploading but nothing is working!

  Please help.

  The blog I need help with is: (visible only to logged in users)

• 

  panaghiotisadam · Member · Apr 26, 2010 at 10:45 am

  • Copy link

  See here:

  Image quality

• 

  purpler · Member · Apr 27, 2010 at 6:21 am

  • Copy link

  Thanks for the link, but as I said earlier, resizing the image in Photoshop before uploading is not working.

  I also tried deleting the width and height info, and every line possible, but that doesn’t work either. this is what the html code looks like for the image:

  <img class=”alignnone size-full wp-image-1348″ title=”Untitled-1″ src=”http://purpler.files.wordpress.com/2010/04/untitled-11.jpg” alt=”” width=”510″ height=”360″

• 

  panaghiotisadam · Member · Apr 27, 2010 at 7:31 am

  • Copy link

  That’s because you tried resizing the image to the width given by the theme as “Full Size”, i.e. maximum allowed. But that number is wrong: maximum for Monochrome is 499, not 510, so your image still gets downsized (and heavily compressed) by WP.

  So resize or better crop your image in Photoshop to no wider than 499, upload and insert that version, then delete the w and h commands from the code.

• 

  purpler · Member · Apr 27, 2010 at 11:15 am

  • Copy link

  Thanks a lot that really helped!