How to serve scaled images

Vijay Prabhu
Vijay Prabhu
from Mumbai
11 years ago

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?

Replies 1 to 3 of 3 Ascending
TF Carthick
TF Carthick
from Bangalore
11 years ago

Your question sounds like 'How to serve chilled beer."

Vijay Prabhu
from Mumbai
11 years ago

TF thats easy put beer in chiller for 2 hours before servingSmile

Ranjith
from hyderabad
11 years ago

Ask the designer of this ( IB ) site. He likes beer. Innocent

Vijay Prabhu
from Mumbai
11 years ago

Ranjith if I had posted this topic it would recd atleat 100 hits by nowSmile

Ranjith
from hyderabad
11 years ago

Why ? No one knows how to serve chilled beer or everyone loves drinking / reading about beer?

Vijay Prabhu
from Mumbai
11 years ago

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 beerInnocent

Ranjith
from hyderabad
11 years ago

... And then one of the IndiPolice will hang the thread. Sealed

Ranjith
Ranjith
from hyderabad
11 years ago

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.

Vijay Prabhu
from Mumbai
11 years ago

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.  

Aditya Dey
from Kolkata
11 years ago
Scaling images have become a must do thing in modern day's blogging..run the speed test again locate the images that need further works..then rescale as the way Ranjit and I've mentioned..all the best..happy blogging
Vijay Prabhu
from Mumbai
11 years ago

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 ThanksSmile

Aditya Dey
from Kolkata
11 years ago
Oh that score card thing?? Green, yellow and red dot wala? Ha ha ha :-P
Vijay Prabhu
from Mumbai
11 years ago

@Aditya, I dont have to pay heed to those dots?Innocent

Aditya Dey
Aditya Dey
from Kolkata
11 years ago
Just specify the width and height of the images...or u can adjust height and width of the image via any software like irfan view and then upload the scaled images to blogger..try to use .png or .jpeg image format only
Vijay Prabhu
from Mumbai
11 years ago

Thanks Aditya will do that in future posts


LockSign in to reply to this thread