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:
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"
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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_0AUuvsBJSUrDwrvSkgV6ZQgNqlvuJPqrvGMpTEnW8IewPabWfKweVS-8-7FW7C3jM8b2H_Hf02Rq1wG0PjZsySP1t5p6WiW8KnwnQ-pj7AheCQCisqXgBh0R7ykAmXTd7_MV7VlTdttd/s1600-h/Chick1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_0AUuvsBJSUrDwrvSkgV6ZQgNqlvuJPqrvGMpTEnW8IewPabWfKweVS-8-7FW7C3jM8b2H_Hf02Rq1wG0PjZsySP1t5p6WiW8KnwnQ-pj7AheCQCisqXgBh0R7ykAmXTd7_MV7VlTdttd/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"
16 comments
Write commentsMy 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.
ReplyHey naboonies !
ReplyOf 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.
To measure pixels width/height online while working in Firefox browser, you can have a look on this post:
ReplyMeasure pixels online
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!
ReplyHappy to hear that naboonies !
Replytahnks a lot for this tip! i was looking or taht advice for very long time'
ReplyWelcome Czina...
ReplyThanks Divya Sai,
ReplyI 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.
Welcome dude !
ReplyIts been really a pleasure reading and implementing some of your hacks in my blog. Thanks for the effort taken.
ReplyTina.
nice i like that...
ReplyThanx 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.
ReplyGlad to know that Varunavi :)
Replyfeel free to roam around the blog to find some more usefull stuff...
Any trick to automatically show full size image in blogger post?
ReplyHi,
Replyi 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
Thanks man........i WAS WASTING A DAY FOR THIS THING...
ReplymAY GOD BLESS u.... SAYING HEARTLY!
Comments are moderated on this blog
Allowed HTML tags: <b>, <i> and <a>
Comment Like This! and Optimize your blog EmoticonEmoticon