How to Resolve Serve Scaled Images Issue from Your Site

While undertaking site speed test by use of tools like GTmetrix or Google Page Speed Insight, you are likely to be showing errors such as Serve Scaled Images.

Let us first understand what exactly is Serve Scaled Images issues?

Well, in the simple literal sense ‘Serve Scaled Images‘ refer to images which are scaled down by use of HTML or CSS codes in your site to fit into the provided web page.

If you examine or analyze a given URL description, you will find that there are mentions of two sizes. The first one is the bigger size from which the image has been scaled down and the second is the smaller size which denotes the actual size of the image after scaling.



How to resolve the Serve Scaled Images issues

You can deal with ‘Serve Scaled Images‘ issues in following two ways.

(i) Use of Plugins: In WordPress, two famous plugins WP Smush and EWWW Image Optimizer  are extensively used for optimizing the images of web pages. You can use either of them as per your choice and usability comforts. If you ask my opinion, I will go for ‘WP Smush’.

(ii) Some times above plugins also can not optimize all the images and you may find few URLs which present ‘Serve Scaled Images‘ errors while speeding checks. In such situations, you can use the manual methods to resolve the problems. You can use following methods to deal with the issues.

How to defer parsing of Javascript in WordPress
Self Hosted Wordpres Org Site

  • Note down the above discussed two sizes. You will find one the actual size is bigger. While the other one is the scaled down size of the image, which is a bit smaller.
  • Load the image from the above URL into Paint application of your computer and resize it to the smaller scaled down the size.
  • Save the image and reload it by going to Appearance > Customize option from WordPress Dashboard.
  • You will surprisingly find that the issue of Serve Scaled Images has been fully resolved.

All the Best and Happy Blogging.

Comments are closed.