Monday, December 12, 2016

Blogger / Blogspot Image jpeg gif URL Structure for Resizing. Example: animated map marker


original image GIF 89a: 400x400px.
If you download without option, you will get for the href:
https://4.bp.blogspot.com/-vsf6I77d-q8/WE5kjuag3jI/AAAAAAAAB7U/cqAZdgpBuwg2srOxhJOL2CsqwgOPWdU3ACLcB/s1600/eatsmarker.gif

https://4.bp.blogspot.com/-vsf6I77d-q8/WE5kjuag3jI/AAAAAAAAB7U/cqAZdgpBuwg2srOxhJOL2CsqwgOPWdU3ACLcB/s100-c/eatsmarker.gif

Original Image

After you upload image to your post, and choose to display it as original, your image URL will be like: /s1600/name
The text /s1600/ in the URL will tell with Blogger / Blogspot image hosting that you want the original size version of the image.

However, in some special cases, Blogger will only show a small version at s1600 for very long / big images. In that case, you must increase the size to equal your image height to access the real original version, example: s5000 if your image height is 5000 pixels.

If you want to load image which is NOT LARGER than 200px in width (height is auto), you will replace s1600 to w200

Similar with the max width parameter, if you want to load the image which is NOT LARGER than 30px in height, you will replace s1600 to h30.

If you want to load a version with specific for both max width and max height, example:NOT LARGER than 200px  in width and NOT LARGER than 30px in height, you will replace s1600 to w200-h30

If you want to load image with EXACTLY width and height, example 300px in width and 100px in height, you must replace s1600 to w300-h100-c. The -c text at the end is “crop”.

If you want to crop image as SQUARE, example, loading size 300px in both width and height, you can replace s1600 to s300-c

If you want to provide a download link for image, you can add -d at the end of size.

If you want to provide a XML object for image, you can add -g at the end of size.

Ref: http://sneeit.com/2015/09/using-blogger-blogspot-image-url-structure-for-cropping-and-resizing.html

1 comment:

  1. Thank you for sharing such an informative article. I really hope I can see other interesting posts. Keep up the good work!


    Melbourne App Developer

    ReplyDelete