15 Killer Hacks for Blogger Images

Updated on June 09, 2016 - Post a Comment
Most of the bloggers who use “Blogger” as their blogging platform using CSS (Cascade Style Sheet) to set height, width etc and have no idea that they can set their image height, width, border, burl, crop etc only changing blogger image permalink, nothing more nothing less. You don't believe me let's check out how we can do this.

Default Image

First check URL Structure of Blogger Image. If you upload image to blogger it by default it automatically add s1600 to its permalink, it look like this:
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQTQD3iuDXbKe4hBZqTAncizKmCjzD5l4odbHBNnbis-Ybrg8gb0_SpSGvpTJz2cghX0iSg4vq8gw-G-wNd8LJygMheW-qrEMjCk-HaKWeCxBpE0kmSy7DwhY5cwsidy7B0pLWKizkb78b/s1600/Killer-Hacks-for-Blogger-Images.png

Set Custom Size

You can replace s1600 from default image and try any size as you like example s600, s500 or s442 as your wish
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQTQD3iuDXbKe4hBZqTAncizKmCjzD5l4odbHBNnbis-Ybrg8gb0_SpSGvpTJz2cghX0iSg4vq8gw-G-wNd8LJygMheW-qrEMjCk-HaKWeCxBpE0kmSy7DwhY5cwsidy7B0pLWKizkb78b/s442/Killer-Hacks-for-Blogger-Images.png

Set Max Resolution of Image

You can set in the URL is max resolution of image up to s2650 in blogger
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQTQD3iuDXbKe4hBZqTAncizKmCjzD5l4odbHBNnbis-Ybrg8gb0_SpSGvpTJz2cghX0iSg4vq8gw-G-wNd8LJygMheW-qrEMjCk-HaKWeCxBpE0kmSy7DwhY5cwsidy7B0pLWKizkb78b/s2650/Killer-Hacks-for-Blogger-Images.png

Crop the image

Replace s1600 to s600-c in image url, you will get image as square means it height and width exactly 600px. You can also use s600-p to crop the image
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQTQD3iuDXbKe4hBZqTAncizKmCjzD5l4odbHBNnbis-Ybrg8gb0_SpSGvpTJz2cghX0iSg4vq8gw-G-wNd8LJygMheW-qrEMjCk-HaKWeCxBpE0kmSy7DwhY5cwsidy7B0pLWKizkb78b/s600-c/Killer-Hacks-for-Blogger-Images.png

Add Border to the image

Replace s1600 to s1600-b10 in image url, you will get 10px black color border on the image. I have tried maximum to b50 but you can try more.
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQTQD3iuDXbKe4hBZqTAncizKmCjzD5l4odbHBNnbis-Ybrg8gb0_SpSGvpTJz2cghX0iSg4vq8gw-G-wNd8LJygMheW-qrEMjCk-HaKWeCxBpE0kmSy7DwhY5cwsidy7B0pLWKizkb78b/s1600-b10/Killer-Hacks-for-Blogger-Images.png

Download the Image

Replace s1600 to s1600-d in image url, you will get provide a download link for image.
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQTQD3iuDXbKe4hBZqTAncizKmCjzD5l4odbHBNnbis-Ybrg8gb0_SpSGvpTJz2cghX0iSg4vq8gw-G-wNd8LJygMheW-qrEMjCk-HaKWeCxBpE0kmSy7DwhY5cwsidy7B0pLWKizkb78b/s1600-d/Killer-Hacks-for-Blogger-Images.png

Original Image

Replace s1600 to s0 in image url, you will get original version image what you have upload
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQTQD3iuDXbKe4hBZqTAncizKmCjzD5l4odbHBNnbis-Ybrg8gb0_SpSGvpTJz2cghX0iSg4vq8gw-G-wNd8LJygMheW-qrEMjCk-HaKWeCxBpE0kmSy7DwhY5cwsidy7B0pLWKizkb78b/s0/Killer-Hacks-for-Blogger-Images.png

XML Image Object

Replace s1600 to s1600-g in image url, you will get xml code of image
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQTQD3iuDXbKe4hBZqTAncizKmCjzD5l4odbHBNnbis-Ybrg8gb0_SpSGvpTJz2cghX0iSg4vq8gw-G-wNd8LJygMheW-qrEMjCk-HaKWeCxBpE0kmSy7DwhY5cwsidy7B0pLWKizkb78b/s1600-g/Killer-Hacks-for-Blogger-Images.png

Set custom width

Replace s1600 to w180 in image and image width didn't go beyond 180px. Yes you can also try any other size
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQTQD3iuDXbKe4hBZqTAncizKmCjzD5l4odbHBNnbis-Ybrg8gb0_SpSGvpTJz2cghX0iSg4vq8gw-G-wNd8LJygMheW-qrEMjCk-HaKWeCxBpE0kmSy7DwhY5cwsidy7B0pLWKizkb78b/w180/Killer-Hacks-for-Blogger-Images.png

Set custom height

Replace s1600 to h180 in image and image height didn't go beyond 180px.
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQTQD3iuDXbKe4hBZqTAncizKmCjzD5l4odbHBNnbis-Ybrg8gb0_SpSGvpTJz2cghX0iSg4vq8gw-G-wNd8LJygMheW-qrEMjCk-HaKWeCxBpE0kmSy7DwhY5cwsidy7B0pLWKizkb78b/h180/Killer-Hacks-for-Blogger-Images.png

Set custom width and height

Replace s1600 to w300-h180 in image url it give perfect width of 300px and height of 180px
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQTQD3iuDXbKe4hBZqTAncizKmCjzD5l4odbHBNnbis-Ybrg8gb0_SpSGvpTJz2cghX0iSg4vq8gw-G-wNd8LJygMheW-qrEMjCk-HaKWeCxBpE0kmSy7DwhY5cwsidy7B0pLWKizkb78b/w300-h180/Killer-Hacks-for-Blogger-Images.png

Set Custom size and width

Replace s1600 to s500-w180 in image url it give maximum width of 180px
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQTQD3iuDXbKe4hBZqTAncizKmCjzD5l4odbHBNnbis-Ybrg8gb0_SpSGvpTJz2cghX0iSg4vq8gw-G-wNd8LJygMheW-qrEMjCk-HaKWeCxBpE0kmSy7DwhY5cwsidy7B0pLWKizkb78b/s500-w180/Killer-Hacks-for-Blogger-Images.png

Set Custom size and height

Replace s1600 to s500-h180 in image url it give maximum height of 180px
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQTQD3iuDXbKe4hBZqTAncizKmCjzD5l4odbHBNnbis-Ybrg8gb0_SpSGvpTJz2cghX0iSg4vq8gw-G-wNd8LJygMheW-qrEMjCk-HaKWeCxBpE0kmSy7DwhY5cwsidy7B0pLWKizkb78b/s500-h180/Killer-Hacks-for-Blogger-Images.png

Set Custom size, height and width

Replace s1600 to s600-w280-h180 in image url and just check it out
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQTQD3iuDXbKe4hBZqTAncizKmCjzD5l4odbHBNnbis-Ybrg8gb0_SpSGvpTJz2cghX0iSg4vq8gw-G-wNd8LJygMheW-qrEMjCk-HaKWeCxBpE0kmSy7DwhY5cwsidy7B0pLWKizkb78b/s600-w280-h180/Killer-Hacks-for-Blogger-Images.png

No Thumbnail Appear

Replace s1600 to s1600-m1 in image url, you will get error image thumbnail
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQTQD3iuDXbKe4hBZqTAncizKmCjzD5l4odbHBNnbis-Ybrg8gb0_SpSGvpTJz2cghX0iSg4vq8gw-G-wNd8LJygMheW-qrEMjCk-HaKWeCxBpE0kmSy7DwhY5cwsidy7B0pLWKizkb78b/s1600-m1/Killer-Hacks-for-Blogger-Images.png
Share this: pinterest