Awesome Tips To Resize And Edit Images On Blogger & Picasa
I already wrote a tutorial on Hosting Images Freely on Blogger with unlimited bandwidth. If you are using Blogger then all images you upload on your blog will be storeed in Picasa. Picasa is a Free Google Service. What does this mean ? when you create a blog, Picasa automatically create an Album for your blog.This album will have the same name as your blog. And all your hosted images are served with Google CDN.
Well, You have uploaded an Image to your Blog, Now you want to Resize it Down (Scale it Down). What should you do? You could :
- Edit the Local Image in an Image Editor
- Resize the Image and Save in your Computer
- Upload again to Blogger
But You are doing a lenthy process and you will have to upload the image to your blog again.
You could use the inbuilt Image Resizing feature in Blogger (Picasa) ?.
In this article you will learn utilizing the In-built Image Resizing Feature with some Additional tips.
Here, I have a sample Image with the dimensions
2000px x 2000px Here is the Direct link which is hosted on my Server.
Here I uploaded the image to Blogger and the Blogger Hosted image URL is
In the this url, observe the path before file name. which is Image size
s1600 and it is the default blogger dimension.
What does this means, the image dimensions is
1600 on largest side.
What if the Image Widths and Heights are various ?
The first sample image is
2000 pxiels wide on both sides. If i uploaded the image to blogger which is resized to
1600 pixels on both sides. Check the Below Image.
Here another Sample image which dimensions are
2000px x 1200px Here is the Direct Link and is hosted on my Server.
The Blogger Hosted Image is
the above image width is
1600 and height is adjusted to corresponding to Original Image size ratio.
Another Example of Sample image which dimensions are
1200px x 2000px Here is the Direct Link and is hosted on my Server.
The Blogger Hosted Image is
the above image height is
1600 and width is adjusted to corresponding to Original Image size ratio.
How to Resize my own Images?
Upload the image to Blogger and get the Direct image link. If you want
250px width image, change
s is important and use any width you want.)
And now the image size is
250px width and hight is corresponding ratio to original image.
What about Image Cropping ?
Picasa is also offering Image Cropping. which means, if you give a definitive image size, it will automatically cut the extra image on either sides and produce a perfect square image.
How to Crop image?
After changing the Image size just add the
-c at end of image size.
s200-c like so. take a look at image preview.
Is it Great? Where should i use this?
I use this tricks all the time.
For example the image is very large. if you want to place the image in your post. but your site loads very slow.
so use the crop trick. take a crop image and place in your post and link the image to Original Image.
<a href="http://1.bp.blogspot.com/-JiPk2mOJm6E/UGiN2_s3udI/AAAAAAAABls/ohXq3drcikQ/s1600/sample-2000x1200.jpg"> <img src="http://1.bp.blogspot.com/-JiPk2mOJm6E/UGiN2_s3udI/AAAAAAAABls/ohXq3drcikQ/s100-c/sample-2000x1200.jpg" alt=""/> </a>
Here is the Preview:-
Another Example: i use this trick to show my template page layout preview. check it here.
If you paste the Normal image link in your browser, it will show the image.
But add the
-d at end of image size.
s1600-d like so, what will happens? (Click Here!!!!)
Instad of showing Image on browser, It show’s a download prompt box to download the image. which is cool to image galleries site, and you can give the downloadable image link to your visitors.
Here i found another picasa tip. Which is Video Embed Symbol. which add’s a Video Play Button Symbol to the image.
To get this, simple add the
-o at end of image size.
s420-o like so.
Here is the Preview:-
These are very useful tips and save lot of time on image resizing. i use them all the time when ever i need. Hope you enjoyed this tips. and PLEASE SHARE! Thanks!
Final Example : I used the resizing tip on below Do you like this article? box. The Flag social icons actual dimensions are
128 x 128 px in size.
but, i need
48 x 48 px size. see how i use the trick?
A Big thanks to Paul Crowe from SpiceUpYourBlog for his Help and Kind of support
Great post bro. The blogger is the best place to hosting unlimited images. Thanks for the resizing tips. This is helping me much more to manually resizing my images.
Whoaa!! this is helpfull for meh! Shukriya!
Woow Nice Tip
Jason Santoro says
These tricks are good but we need a way to style the images on blogger. The images on Blogger just go up and down. You can’t put them side to side or anything. We need a styling tool for the images.
Tien Nguyen says
Whoa! Now I know about -d and -o option. Love your post. Thank you so much.
wow! very nice and useful post.
Hammad Baig says
OMG Harish Really Great post bro. The blogger is the best place to hosting unlimited images. Thanks for the resizing tips. This is helping me much more to manually resizing my images.
Abu Shaleh says
Really a great trick for Blogger.com Users. This image resizing trick very usefull.
I am regular reader of your blog. you have introduced in this post is once again excellent review.
Jude C says
Excellent article Harish. I never know that it is possible to resize and crop in this way. Thanks for this useful tip.
Ronny Dee says
I want to try in my blog, thanks for sharing
Nice post thanks for sharing this.
Akhil Abraham says
that’s really a good one…i am searching for these kind of tips and i am also trying this in my blog…
At last thanks for a great post..
NOUSHAD VADAKKEL says
very interesting for bloggers who managing a nice image with their blog posts …thanks @harish
Bro, may i know the font you used in the image that is for “Blogger and Picasa” .Nice tips Thank You
thanks……… nice sharing I never know that think
Sheldon Cooper says
The play button overlay “-o” is not working !!!
They removed !
Great post! .. learn something new every day, I’m off to give it a go!
mAYUR sOJITRA says
Picasa is bst for image hosting this feature of picasa web album is aswsome…
all bloggers have must like it
rahul sethi says
thank you for this new information……
John Will says
It’s a Great post. The blogger is the best place to hosting unlimited images. Thanks for the resizing tips.
rahul sethi says
okay …thanks…There is One Question…..
Actually I have a blog on blogger, Simple and Well n Good…
but the problem is that when I tried to add a big HD Image (infographic ) by Blogger upload option it reduces its pixels and when I host that Image at other web blog like word-press and then add… the Google Page limit reduces to about 6-10 points (below 80)…
Is there any Solution…..?
yes, it is limit on blogger. we can show maximum 1600 in height or width.
you should use an alternative image host like Imgur
Sooraj Bagal says
How to watermark multiple images at a single time in picasaweb ?
Yogiraj mishra says
Really great and useful post!
Kishore kumar says
Nice and useful post
Now i dont need gimp to resize my pictires :-0
thanks for sharing this tips..
AWesome post !!! i gonna try this on my blog
umesh tarsariya says
hhm…. great post
A great source of information
thanks for writing wonderful article and its very informative,i will try this for my blog in future.