How to Fix Blurry Images and Lightbox in Blogspot after changes from bp.blogspot.com to blogger.googleusercontent.com domain

Recently, images Uploaded in Blogger changed to blogger.googleusercontent.com instead of the old bp.blogspot.com.       First of all i would like to ask a big apologize that i am using this site to post what i did to solve this problem since is total irrelevant this subject with the character and the scope of my site, but this is the only personal site i have and this problem affected this site too and it's the only way to share the solutions!      In my last article about Gaming on Linux the URL of the image i uploaded wasn't the usual URL of the bp.blogspot.com domain but a new blogger.googleusercontent.com domain. This is not a problem for me since i found that the performance is not so bad (more at the end of the the post) but unfortunately the new domain changed the format of the names of the images and now they haven't the old format with the dimension ( /s[width] ) and the name+extension of the image in the source.    As result of the...

7619134761969268985

SRCSET Script for Batch Creation Many Different Dimensions of an Image on Linux.

 Web Devs Should Use Srcset For Images.         Enough with manifests. I will not explain why Srcset is the future of web for images (responsive images) because Google that offers the blogger platform to us for writing our stories knows that SRCSET is the key for better Web and they are already be part of Webp project and they implemented automatically this feature when we upload images to our blogs. The /s[Number]/ part of the image url when we upload an image is the width of the image we uploaded and this is why the original link of our 800x600 uploaded image for example has the /s800/ as part of the image link.      But how we can create different dimension sizes of our images if we want to create a manual carousel like this i have in my front page ? Manually ? Good Luck on hating your self and your favored image manipulating program (btw, mine is GIMP). i tried once to cr...

7972233193369352309

SRCSET, How to Mass Convert Image Files to WEBP Format in Windows

Make the Web Faster.      This is exactly the title that google developers use to introduce and promote the webp format and other tools / techniques to help you make faster web sites in this page : https://developers.google.com/speed .     As i already said one of the tools is the webp format that google devs are already part of its development and you can download and use them from this page for your operating system: https://developers.google.com/speed/webp/docs/precompiled   How can we convert our old images to Webp images?     In windows and in Linux i know there is not any front end utility available yet (i am planning to create one open source to help, but in the future) and until this time as usual the solution will be a script file as  you can see it converting 2 images in the picture below.  

3105019445537924537