How to serve scaled images
When I checked my site for page speed the results page said that
The following images are resized in HTML or CSS. Serving scaled images could save 803.1KiB (75% reduction).
Can anyone advise on how to do that in blogger?
Your question sounds like 'How to serve chilled beer."
TF thats easy put beer in chiller for 2 hours before serving
Ranjith if I had posted this topic it would recd atleat 100 hits by now
Why ? No one knows how to serve chilled beer or everyone loves drinking / reading about beer?
Precisely that is the reason, everyone loves drinking/reading about beer so the topic would have flooded with each giving their own tutorials for serving chilled beer
This is what you are currently doing :
For example, the actual image say image.png is 500*500 pixels - size 100 MB . You have inserted that image in your page but specified its dimensions as 250*250
<img src="image.png" width="250" height="250"/>
So, when someone opens your blog, the 500*500 image will be downloaded and resized by the browser to 250*250 pixels.
Instead, using software ( ex : irfan view as specified by Aditya ) you can scale your image to 250*250 pixels - newImage.png and use that picture.
<img src="newImage.png" width="250" height="250"/>
The size of newImage.png will be something around 25KB compared to 100KB of image.png which will increase the speed of your blog.
Yes Ranjith this is what is happening and that is causing the page speed to slow down. I will follow this tutorial in future posts and try to rescale all old images mentioned in the page as you have guided. Thanks for the information.
Yes I got a report from adsense say that my page speed has slowed down, now I checked it with google speed insights tool and came to know the problem. Will implement ur and Ranjiths advise ASAP Thanks
@Aditya, I dont have to pay heed to those dots?
Thanks Aditya will do that in future posts
Sign in to reply to this thread