Skip to content

How to serve scaled images

The IndiBlogger forum is now a read-only archive. Every public discussion is still here to read, but new topics and replies are closed.

Vijay Prabhu
from Mumbai |

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

Aditya Dey
from Kolkata |

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 |

Thanks Aditya will do that in future posts

Ranjith
from hyderabad |

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 |

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 |

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 |

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 |

Oh that score card thing?? Green, yellow and red dot wala? Ha ha ha :-P

Vijay Prabhu
from Mumbai |

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

TF Carthick
from Bangalore |

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

Vijay Prabhu
from Mumbai |

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

Ranjith
from hyderabad |

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

Vijay Prabhu
from Mumbai |

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

Ranjith
from hyderabad |

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

Vijay Prabhu
from Mumbai |

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 |

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