Resized images are not displaying at new smaller sizes

• 

  jenniferhudy · Member · Jul 30, 2012 at 7:55 pm

  • Copy link
  • Add topic to favorites

  On my draft post that I have ready to publish, I resized many images from the original and they look okay in the visual editor. When I go to preview my post, the images are HUGE.
  How can I correct this?

  Thank you!!
  Blog url: http://jenniferhudy.wordpress.com/

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

• 

  raincoaster · Member · Jul 30, 2012 at 8:52 pm

  • Copy link

  Since we can’t see the post, we can’t really help. Can you look at the code or the Advanced Image Editor and see the size listed for each image? Could be what you see and what will get posted are two different things.

• 

  notawoodpecker · Member · Jul 30, 2012 at 8:58 pm

  • Copy link

  If you have dimensions declared in the image tag, the image will be displayed at that size no matter what the actual dimensions are.

  
<img src="image address here" alt=" Image Name " height="400" width="400" />


• 

  jenniferhudy · Member · Jul 30, 2012 at 9:04 pm

  • Copy link

  Thanks for the comments. I didn’t post it because it looks ridiculous :)

  Here is an example of one:

  <img class=”alignleft” title=”fitbit” src=”http://dl.maclife.com/maclife_photos/0510/reviews/fitbit_full.jpg” alt=”” width=”108″ height=”212″ />

• 

  jenniferhudy · Member · Jul 30, 2012 at 9:05 pm

  • Copy link

  <img class=”alignleft” title=”fitbit” src=”http://dl.maclife.com/maclife_photos/0510/reviews/fitbit_full.jpg” alt=”” width=”108″ height=”212″ />

• 

  jenniferhudy · Member · Jul 30, 2012 at 9:05 pm

  • Copy link

  Hm.. i don’t know how to post it properly..

  a href=”www.fitbit.com”><img class=”alignleft” title=”fitbit” src=”http://dl.maclife.com/maclife_photos/0510/reviews/fitbit_full.jpg” alt=”” width=”108″ height=”212″ />

• 

  raincoaster · Member · Jul 30, 2012 at 9:42 pm

  • Copy link

  If it’s 108 pixels wide, how small do you need it to be?

• 

  notawoodpecker · Member · Jul 30, 2012 at 9:51 pm

  • Copy link

  It’s displayed at 108 x 212 because that how it’s declared in the tag.

  The actual image size with the dimension tags stripped out is 416 x 819.

  What size is the resized image you want displayed?

• 

  justpi · Member · Jul 30, 2012 at 11:06 pm

  • Copy link

  The ‘regular’ width and height indications in the code don’t work because you have inserted the image via URL instead of uploading it to your blog.
  The right solution is to copy the images to your computer then upload/insert them. Then the regular size options (thumbnail etc.) will work. The defaults for those options are set in Settings > Media.

  Even better, copy the images to your computer, use an image editing application or an online tool to downsize them to the desired dimensions then upload/insert them. This way you don’t waste your storage space and you get better quality on the post.

  Uploading the images to your computer instead of hotlinking to images stored elsewhere is preferable, because it means faster loading time and no risk of a no show if the other site is down or if the images gets removed or relocated. But anyway if you don’t want to do it, you need to turn this:
  <img class="alignleft" title="fitbit" src="http://dl.maclife.com/maclife_photos/0510/reviews/fitbit_full.jpg" alt="" width="108" height="212" />

  to this:
  <img style="width:108px;" class="alignleft" title="fitbit" src="http://dl.maclife.com/maclife_photos/0510/reviews/fitbit_full.jpg" alt="" />

  PS To display code correctly here, you need to enclose it in backticks (see the “Allowed markup” note.

• 

  jenniferhudy · Member · Jul 30, 2012 at 11:10 pm

  • Copy link

  Thanks for the advice!! I’ll try that tonight by saving them first!