Monday, December 01, 2008

Showing full size image in blogger


When an image is added in blogger, if the size of the image is more than 400 pixels in width or height, it would be scaled down to 400 pixels. We can increase the size of the image by changing the URL.

When the image is added, it would look some thing like below



<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbEBeG21-hOgAGK8-gBQ-g33Sc5lLS_-8HKXBUrAw1picXjaePC7B9glQQ_Cg3t4UMVDwnoOzcAEUyNHqFa3T6eyVz1uY2AkwnnlpWV4I6ygfiw9Qnr1BBsFXNfOZvovh5taSulg/s1600-h/krishna.jpg"><img style="cursor:pointer; cursor:hand;width: 400px; height: 300px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbEBeG21-hOgAGK8-gBQ-g33Sc5lLS_-8HKXBUrAw1picXjaePC7B9glQQ_Cg3t4UMVDwnoOzcAEUyNHqFa3T6eyVz1uY2AkwnnlpWV4I6ygfiw9Qnr1BBsFXNfOZvovh5taSulg/s400/krishna.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5274131737179731186" /></a>


To increase the size of the image, remove the first red part (width and height) in the above, and change the second part from s400 to s800 or s1600. I faced no problems with s800, but with s1600, there were few problems. Sometimes, the image do not get displayed with s1600. So, use s800.

2 comments:

  1. Thanks very much for the info. I am trying to update my blog and using more images, and I was having trouble with the image size. You helped solve the problem.

    ReplyDelete