How to Compress Images for WordPress

If your WordPress site feels slow, images are almost certainly the main culprit. They typically make up the largest share of a page's weight, and WordPress happily stores whatever you upload — including 5 MB photos straight from a phone. Since page speed affects both user experience and Google rankings, compressing images is one of the highest-impact things you can do. Here's how to do it properly.

Resize before you upload

WordPress generates several smaller versions of each image, but it keeps your original at full size too — and often serves larger versions than needed. The single biggest win is to resize images to a sensible maximum width (around 1600–2000px for full-width images) before uploading. There's no reason to upload a 6000px photo when your content area is 800px wide.

Do this once, up front, and every version WordPress generates starts from a lighter source.

Compress to the right size

After resizing, compress each image to trim the file further. For most photos, 75–80% quality is invisible to the eye but cuts the size substantially. Aim for full-width images under ~200 KB and in-content images under ~100 KB as a rough guide.

You can compress images before uploading using a tool like ours — drop them in, set the width and quality, and download optimised versions — or rely on a WordPress plugin to compress on upload. Doing it before upload gives you more control and keeps your media library lean from the start.

Use modern formats (WebP)

Modern WordPress supports WebP, which is 25–35% lighter than JPEG at the same quality. Serving WebP instead of JPEG/PNG is a free speed boost with near-universal browser support. Many optimisation plugins can convert and serve WebP automatically, or you can convert images to WebP before uploading.

For graphics and logos, keep PNG or use lossless WebP; for photos, WebP or a well-compressed JPEG is ideal.

Don't forget lazy loading and alt text

Modern WordPress lazy-loads images by default, so images below the fold only load when the visitor scrolls to them — keep that enabled. And always fill in descriptive alt text: it helps accessibility and gives search engines context about each image, which is good for SEO.

Put together — resize, compress, serve WebP, lazy-load — these steps can cut page weight by more than half. Start by running your images through our compressor before the next upload, and your media library (and your visitors) will thank you.