Post High Quality Image in Blogger by using Simple Trick

When we upload picture in Blogger, it automatically resizes to the small image. It looks low quality and small that we can’t understand image properly. The image what we see is small but when you click that image, the original and big size of image will open. That means, the image source and image URL is different. Look at the following example, it is low quality image and it is not clear. Now, just click the following image.

Do you notice that, the image which open in new window is big and it have its original size? It is different because the image that you see above has different Image source and URL. It happens automatically after you post article with an image.

So, there were just different URLs. Let’s try to be closer with this confusing URL mystery of Blogger. Upload a new picture in Blogger. It will automatically resize. Now, switch to Edit Html tab in the top of the post editor. And you will have the code something like this,

<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_KUvxbCDDVGjzwHeSmplNPjOo07JGSgyHmaY1fYLlbYxY-i2sm_DiyQafEYxnnlEpMsG0ugv19PUqQ3IOtfnWsYycOsvv3TpRWxBaH34Y9HHbEqwYgaylvO1Ul8FBabpt6CQ8_TUBjHc/s1600/Flower.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_KUvxbCDDVGjzwHeSmplNPjOo07JGSgyHmaY1fYLlbYxY-i2sm_DiyQafEYxnnlEpMsG0ugv19PUqQ3IOtfnWsYycOsvv3TpRWxBaH34Y9HHbEqwYgaylvO1Ul8FBabpt6CQ8_TUBjHc/s320/Flower.jpg" /></a>

Look at the both image source and URL. Can you find any differences? Yes, there is only one different thing that is s1600 and s320. S1600 refers to the big image and that is the URL for image link. S320 refers to the small image and that is the URL for image source. So, to post original sized picture, you have to use the same URL for image source. Copy the URL from the image URL and paste to image source. Look at the following example.

<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_KUvxbCDDVGjzwHeSmplNPjOo07JGSgyHmaY1fYLlbYxY-i2sm_DiyQafEYxnnlEpMsG0ugv19PUqQ3IOtfnWsYycOsvv3TpRWxBaH34Y9HHbEqwYgaylvO1Ul8FBabpt6CQ8_TUBjHc/s1600/Flower.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_KUvxbCDDVGjzwHeSmplNPjOo07JGSgyHmaY1fYLlbYxY-i2sm_DiyQafEYxnnlEpMsG0ugv19PUqQ3IOtfnWsYycOsvv3TpRWxBaH34Y9HHbEqwYgaylvO1Ul8FBabpt6CQ8_TUBjHc/s1600/Flower.jpg" /></a>

In the image source, I remove s320 and replace it to s1600. Now, switch to the compose tab on the top of the post editing tools and how it looks like.

From now, you can post a high quality image in Blogger with the help of this simple tweak. Please share your opinion, feel free to share whatever in your mind. Comment is welcomed to all J