Saturday, May 8, 2010

How To Change Default Photo Size Uploaded on Blogspot

How to change the size on photos uploaded on Blogger?
How to set the original photo size on Blogspot?
How to modify the size of photos uploaded on Blogspot via Picasa?
How to change the photos uploaded on Blogspot to the original size?
How to edit the size of the photos uploaded on Blogspot?

If you have uploaded a photo bigger than the default 400px x 400px maximum width and height on Blogspot and would like to display its original size, here's how.

baby tiger

Here's a demonstration: You uploaded this (tiger) picture onto your Blogspot (which is originally larger at 1071px x 1600px), and you want it to be displayed on a bigger scale. What you need to do is to look at the HTML section of the particular blog post.

Look for the code lines for the picture. It will look somehow like this.

<a href="" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img style="display: block; margin: 0px auto 10px; text-align: center; cursor: pointer; width: 400px; height: 300px;" src="" alt="" id="BLOGGER_PHOTO_ID_5466089975697168450" border="0" /></a>

Firstly, remove "width: 400px; height: 300px;" from the code. If you don't, the image stays at whatever size indicated by these 2 values.

Then, all you need to do is to change the URL's (highlighted in Orange) "s400" or "s320" (depending on your default upload size) part.

Change it to:
  • s800 - for medium size.
  • s1600 - for full size.
Also, you can change it to s[any value], where [any value] represents the preferred width of the image. (Example - s500, s900, etc, but no more than s1600)

For this example, it's s800. When it's changed to s800, the medium size of the photo shown.

baby tiger

Now the displayed photo size is 536px x 800px.

Likewise, change it to "s1600" if you want to display to full size of the photo. Any value more than "1600" will not work.

Take note: s800 and s1600 has no connection with the height and width, and may show different results compared to the demonstration shown here. It varies depending on the original size of your uploaded photo.

Any questions are welcomed.


Jaj@n said...

i have already change s400 to s800.. it's doesn't work..

Simple Blogger Tips said...

It might be because your image's original size is already small.

Jaj@n said...

tq bro..

John Hayes said...

Hi - when I try this all I get is a box in the blog which opens the picture if you click on it. The picture however is not displayed.

Any help

Simple Blogger Tips said...

@John Hayes:
Perhaps you miss something. Can you show me the before and after image code?

goodteacoka said...

Hi I am new to your blog, I am wondering if you know how to disable the function of clicking into the profile photo, or disable to enlarge it? Hope you can advise, thanks!

Simple Blogger Tips said...

What profile photo do you mean? Can you provide an example?

Carolyn Albro said...

Is it possible to change the default size so that any time I upload a photo it will show up at a different size? If I click on the photo it's defaulted at "medium" I can change that small or large, I'd like it to default to "large" is this possible?

GalaxyLoL said...

Nice post! May I ask how can I change all image to original size? I mean how to config to when posting any images, it'll be displayed with original site. Thanks!

My site:

Simple Blogger Tips said...

@Carolyn Albro:
You may click on "Large" and Blogger will set the "large" size for the photos uploaded.

Simple Blogger Tips said...

I'm afraid there's no automated way to upload and have the photos to be displayed with the original size. Blogger sets a size limit (both height and width) even though "Large" is selected when uploading.

Related Posts Plugin for WordPress, Blogger...
Follow Me on Twitter