Text Widget suddenly making images LARGE

• 

  resumesrightaway · Member · Nov 17, 2011 at 4:20 pm

  • Copy link
  • Add topic to favorites

  I have had two images in a text widget perfectly sized at “50”” on each side and it has displayed properly for the last month. All the sudden I check the blog and the images look like they have tripled in size. I deleted the widget, uploaded new images, and it did the same thing. The other text widgets are fine. This one is the problem child. This is the code I have for this widget:

  ‘<p align=”center”><img src=”http://resumesrightaway.files.wordpress.com/2011/10/twitterbutton.png” height=”50″ width=”50″><img src=”http://resumesrightaway.files.wordpress.com/2011/11/facebook-button.jpg” height=”50″ width=”50″></p>’

  Any thoughts??

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

• 

  wpgaurav · Member · Nov 17, 2011 at 4:44 pm

  • Copy link

  Use ?w=xx&h=yy instead of above code, like:
  <p align="center"><img src="http://resumesrightaway.files.wordpress.com/2011/10/twitterbutton.png?w=50&h=50"><img src="http://resumesrightaway.files.wordpress.com/2011/11/facebook-button.jpg?w=50&h=50"></p>

• 

  dlager · Member · Nov 17, 2011 at 4:45 pm

  • Copy link

  duplicate post

  https://en.forums.wordpress.com/topic/text-widget-suddently-making-images-large?replies=2

• 

  resumesrightaway · Member · Nov 17, 2011 at 4:49 pm

  • Copy link

  Dlager – it was a dup post, but with a spelling error in the subject line. Thanks. Delete option not available otherwise I would have deleted the post.

  Based on the last post —

  Thanks, but that didn’t work. I changed the sizes of the images all the way down to 10 and nothing changed. It may have something to do with a bug in the Spectrum theme. I’ll have to work in a substitute until this is fixed.

• 

  resumesrightaway · Member · Nov 17, 2011 at 4:52 pm

  • Copy link

  wpgaurav – It looks like this worked! Not sure what happened, but I will go with it until it’s finally resolved. Thanks a bunch to the both of you for your assistance with this… it was driving me nuts!

  Many thanks.

• 

  wpgaurav · Member · Nov 17, 2011 at 5:01 pm

  • Copy link

  On wordpress.com the image dimension parameters are ‘w’ for ‘width’ and ‘h’ for ‘height’. You want to make an image 88 pixel in width and 100 pixel in height, then add ‘?w=88&h=100’ after the image url. No need to use extra HTML codes for width and Height.

• 

  panaghiotisadam · Member · Nov 17, 2011 at 6:24 pm

  • Copy link

  Explorer might not understand this. The safest way to downsize an image is this:
  <img style="width:50px;" src="http://resumesrightaway.files.wordpress.com/2011/10/twitterbutton.png" />
  (If you specify the width only, the height will adjust accordingly, so you don’t have to calculate the proportions when the image isn’t square.)

  But the best way is to downsize it in an image editing application and upload that version in real size, because images downsized by WP lose some color and sharpness – see here:

  Image quality