Awesome Tips To Resize And Edit Images On Blogger & Picasa

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 uploaded the image to Blogger and the Blogger Hosted image URL is

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5v0hUVD5veFXbzRCEW8Fb3X__Df98DPzVPJnLlx2dICUJvEL0SCma-hw40tcH1T9kLOO_PsVUBYVN0xKu5Hjr9laA6iDUe0QD-caBON9BrwAhJgk_aV8WwqvssjqBOWZb-CWq233ZqGzs/s1600/sample-2000x2000.jpg

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.

The Blogger Hosted Image is

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpWb5RlYDkCkz6kL37ScWDuTNTRlRb_TdSLwWdC8Y4OLSWDSBeGCFfuGD1IKv7v6X3QXhGMcjVjeyjuPQer77MwkTbISfcwYfaxcV7nGkiYvnm68s9-Hvzg5BWwNfvSvsqVXvKgZHEC5ZV/s1600/sample-2000x1200.jpg

the above image width is 1600 and height is adjusted to corresponding to Original Image size ratio.

The Blogger Hosted Image is

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgW30BA2kKerlOSgFjJ2zdw-yzmKE6Fj3_FIMGQ9IKikEfb6iCpdUiBhjVw05iyYhdPx6uE8Rx-X0eUZS_R-XkZXelhLYFARREBKjuEdvOg03EmjBKREm1CNpQ8TNb6MNc05yUj2Kmczotm/s1600/sample-1200x2000.jpg

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 s1600 to s250 (leading 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.

Here is the Preview:-

Additional Tips

Tip 1

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!!!!)

Instead 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.

Tip 2

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?

Do You Like This Post ?

Awesome Tips To Resize And Edit Images On Blogger & Picasa