Images are the most common reason a WordPress site feels slow. The good news is that you can fix most of the problem with a few habits and one or two settings, without needing to be technical.

Start before the upload

The best optimization happens before the file reaches WordPress. A phone photo might be 4 MB and 4000 pixels wide, and your blog column only displays it at 800 pixels. Resize it to about 1200 to 1600 pixels wide and export at quality 75 to 85. That alone can turn 4 MB into 150 KB. See our guides to resizing without losing quality and blog post image sizes.

What WordPress does by itself

  • It creates several smaller copies of each upload (thumbnail, medium, large) and serves them with responsive attributes. See srcset explained.
  • Since version 5.3, it scales down very large images, those over 2560 pixels, to a “big image threshold” version.
  • Since version 5.8, it supports uploading WebP images.
  • Recent versions add lazy loading to images by default. See lazy loading images.

It does not, however, aggressively compress your JPGs for you, and it can only create smaller copies from whatever you uploaded.

Check your media sizes

In Settings > Media, look at the thumbnail, medium and large sizes. Make sure they match what your theme uses. Extra unused sizes waste storage. Your theme may also define its own sizes, including the featured image. See WordPress featured image size.

Image optimization plugins

Several plugins compress images automatically on upload, and some convert to WebP and serve it to browsers that support it. When choosing one, look for:

  • A choice between lossless and lossy compression
  • Bulk optimization for your existing media
  • Option to keep a backup of originals
  • WebP conversion with a fallback for older browsers
  • Recent updates and good reviews

Don’t install two optimizers at once. They can conflict. Plugins are a safety net, not a replacement for sensible file sizes. A 6 MB upload compressed to 3 MB is still too big.

Fixing old images

If your site already has hundreds of heavy images, a bulk-optimize plugin function is the practical route. Run it during a quiet time, since it takes server resources, and back up your site first.

Format choices

Use JPG or WebP for photos, PNG or SVG for logos and graphics. See the best image format for websites. If you want to allow SVG uploads, WordPress blocks them by default for security reasons, so use a trusted method. More on that in what is SVG.

Measure the result

Run your page through Google’s PageSpeed Insights before and after. Look for messages like “Properly size images” and “Serve images in next-gen formats”. Our image audit guide explains how to read them.

A simple routine

  1. Resize to your standard width
  2. Export at quality 80 as WebP or JPG
  3. Name the file clearly, add alt text
  4. Let the plugin handle the rest

For the first two steps, our free image resizer is a quick option.

Leave a Reply

Your email address will not be published. Required fields are marked *