Upload Images In Blogger Without Changing The Size

While posting articles in Blogger, you would have observed that by default the images shrink, even after selecting the large size, the images are much smaller than their original size.

For example, the original width of the image displayed below is 468 pixels(displayed in full width):

But in Blogger, even when LARGEST size is selected, displays it like this:

And the original image is shown only when the visitor clicks the image.
So, if you don't want to show those small images, rather wants to show images in their complete size, then follow this method.

Upload and place the image where-ever you want, in the post. Then click on the "Edit HTML" tab link. Where you can see the image code something like this:
<a href="http://1.bp.blogspot.com/_4fVBL4fjrFI/STVFbv3bnfI/AAAAAAAABN0/GxJMbjv8s8U/s1600-h/Chick1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/_4fVBL4fjrFI/STVFbv3bnfI/AAAAAAAABN0/GxJMbjv8s8U/s320/Chick1.png" /></a>

Simply change the code in RED color, to s1600. That's it, now you have the image in full size, now if you want to control the width according to your own choice, then simply add this code where src="" ends (give a space): width:"XXX"

ProBlogger - Inspiring Others Realize Their Dreams!

Share this

Related Products

Related Posts

Previous
Next Post »

16 comments

Write comments
December 24, 2008 12:22 AM delete

My blog is so narrow due to its template border/frame which are situated at both sides, taking much space. So the image width also depends on this factor right? i.e the image width itself cannot exceed the border of the template.

Reply
avatar
December 24, 2008 2:31 AM delete

Hey naboonies !
Of course image width has to be less than the width of the content-body width. I have checked your blog{volgogombakandstyle.blogspot}, width of the post area is 500 pixels, so you can change the number from 320 to 1600 as mentioned above, then in adjust the width of images to 475-480 pixels, as instructed above.

Reply
avatar
December 24, 2008 2:49 AM delete

To measure pixels width/height online while working in Firefox browser, you can have a look on this post:
Measure pixels online

Reply
avatar
December 24, 2008 11:16 AM delete

Thanks for the quick feedback! Really appreciate all the suggestions. I'll maximize the usage of high pixel pics in the future, thanks to you guys!

Reply
avatar
December 24, 2008 11:40 AM delete

Happy to hear that naboonies !

Reply
avatar
March 18, 2009 5:24 AM delete

tahnks a lot for this tip! i was looking or taht advice for very long time'

Reply
avatar
April 06, 2009 12:27 AM delete

Thanks Divya Sai,

I got your blog with keyword "how to upload full size image to blogspot"
I'd been stuck for a while in my blog how to do that.

Thanks again.

Reply
avatar
February 22, 2010 12:12 AM delete

Its been really a pleasure reading and implementing some of your hacks in my blog. Thanks for the effort taken.

Tina.

Reply
avatar
April 07, 2010 9:15 AM delete

Thanx Sai,before for the larger images i used to upload my images to photobucket and then used to paste the code in my post,now for the larger pc i can edit my post.Thank q so much.

Reply
avatar
April 07, 2010 10:12 AM delete

Glad to know that Varunavi :)
feel free to roam around the blog to find some more usefull stuff...

Reply
avatar
July 14, 2011 7:10 AM delete

Any trick to automatically show full size image in blogger post?

Reply
avatar
August 22, 2011 3:08 AM delete

Hi,
i tried as u said but the width of image is as it is can u please tell to change my width. a link is here.

http://bridgeiit.blogspot.com/2011/08/problem-add-video-here-solution.html

Reply
avatar
July 24, 2012 8:28 AM delete

Thanks man........i WAS WASTING A DAY FOR THIS THING...

mAY GOD BLESS u.... SAYING HEARTLY!

Reply
avatar

Comments are moderated on this blog

Allowed HTML tags: <b>, <i> and <a>

Comment Like This! and Optimize your blog EmoticonEmoticon