The warning from Google to properly size images is a very common one that comes up these days. Below we’ll dive into a few tips on how you can fix this.
Serve images that are appropriately-sized to save cellular data and improve load time.
Upload images directly through the media library to ensure that the required image sizes are available, and then insert them from the media library or use the image widget to ensure the optimal image sizes are used (including those for the responsive breakpoints). Avoid using full-size images unless the dimensions are adequate for their usage.
WordPress supports responsive images with
srcset out of the box. However, this warning actually falls into theme territory.
If you see the warning, it’s probably because you’ve changed WordPress themes at some point, and the dimensions of your thumbnails need to be updated. This means you probably need to regenerate your thumbnails.
We recommend trying one of these free plugins:
Make sure you also take a backup of your WordPress site (which includes your media library) before using the plugins.
- Always try to upload images with the original size being the biggest to be displayed on the site. For example, if your site’s width or content div is 1,500 px, don’t upload an image that is 3,000 px. Upload a 1,500 px wide image and WordPress image thumbnail resizing, and your theme should take care of the rest.
- For logos and web font icons, try to use SVGs (vector-based images). SVGs scale infinitely, and you don’t have to worry about different sizes.