So https://gtmetrix.com/ will show me images on my Wordpress website that are a large resolution and are being resized via CSS, eg:

XYZ.jpg is resized in HTML or CSS from 4207x3665 to 263x229. Serving a scaled image could save 983.3KiB (99% reduction).

At the moment I'm manually scaling down the images. My question is how I can make Wordpress do this automatically. My understanding was that it actually does this already - eg when you choose to display an image at the 150x150 size it creates a copy of the image and sizes it down to that. So how do I set this up on every image on my website?


  • Show us the code that displays a typical image – Andy Macaulay-Brook Apr 5 '18 at 19:33
  • WP resizes and creates several different image sizes each time you upload an image, but you do need to select the appropriate size when you add the image - to a post, or within your theme, etc. You can look in Settings > Media to see the default sizes. You can also add additional sizes through the theme or a plugin. Once you change settings or add new sizes, you can use a plugin like Regenerate Post Thumbnails to go back through the originals and generate the new sizes. – WebElaine Apr 5 '18 at 19:34

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Browse other questions tagged or ask your own question.