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="http://4.bp.blogspot.com/_b0xJ7qk6DTc/TBHyS-j1afI/AAAAAAAAAqE/kVeMcPwYoBU/s1600/Flower.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/_b0xJ7qk6DTc/TBHyS-j1afI/AAAAAAAAAqE/kVeMcPwYoBU/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="http://4.bp.blogspot.com/_b0xJ7qk6DTc/TBHyS-j1afI/AAAAAAAAAqE/kVeMcPwYoBU/s1600/Flower.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/_b0xJ7qk6DTc/TBHyS-j1afI/AAAAAAAAAqE/kVeMcPwYoBU/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
Labels: Blogger Help
This Is Very Old and had been posted on many blogs in different way like MBT Has introduced this method in this post Blogger Backup For Images
ReplyDeleteBTW this will be helpful to them who don't know about this yet.
Even Me On My Blog Use The Same Method
Uploading images on Blogger itself reduces the load time and minimize the DNS lookups for browsers
Thanks For Sharing
great post man, nice trick
ReplyDelete@Poras
ReplyDeleteOh! Yeah I don't know before. And I doesn't have to see this trick from other blog. I just known it myself :)
@fareed
I'm Glad you liked it :)
Do you know the images you upload from blogger are stored in picasa web albums? so upload it directly from there.
ReplyDeletethanks for this information
ReplyDeletewatch this How to Post Images in Blog With High Resolution on Blogger
THANK YOU!!!!
ReplyDeleteThank you sooooo much! I've been looking for this for a while, and couldn't get it, so it was really frustratng for me, but this is the simplest most easiest method I've found :)
ReplyDelete@Julie
ReplyDeleteI'm glad you found it useful :)
Thanks so much! It was so helpful, cuase I started getting worried about how the quality of image became poor when I posted it on the blog.
ReplyDeleteNice Info
ReplyDelete