Sunday, May 26, 2013

blog tip: Adjust Size of Displayed Image


When you look at the HTML code of the image in your post it will look like this:

<a href="http://blogspot.com/v4cahi8WcKQ/s1600/imagename.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;">

<img border="0" height="640" n4="true" src="http://blogspot.com/ /v4cahi8WcKQ/s1600/imagename.jpg" width="532" /></a>


The first statement determines where you will go when you click on the image. The second statement determines how large the image will be when shown in your blog post.

To change the size of the image displayed in your post, adjust the blue numbers, or add them to the HTML code when they are not there.

Make sure you're always downsizing an image, otherwise you'll loose resolution. To be sure you can first selected 'original size' by clicking on the image, and then add the desired height and width statements into the HTML code yourself.

Some upload sites like Blogger's Picasa use the red numbers, which are the maximum size of the image when it is loaded into you post. You can change this number in the second statement to make the image appear smaller; if the orientation of the image is landscape then the number will correspond to the width, in case of a portrait he number will correspond to the height. When you do this you can remove the blue statements. To remove all limitation use s0 (s zero) (make sure to remove the blue numbers first by selecting 'original size').

next episode: Maude

1 comment:

  1. thank you, bookmarked for when I may need to know how to do this :)

    ReplyDelete

I love to read your remarks and suggestions!

Please don't comment using the name 'Anonymous', because unfortunately these will end up in the spam department, due to the large bots leaving anonymous comments with questionable links...

ShareThis

Gadgets By Spice Up Your Blog Real Time Web Analytics