How to Compress Images for WordPress to Speed Up Your Site

By the CompressPicOnline team · Updated October 19, 2026 · All guides

WordPress makes it easy to upload pictures, which is exactly why many sites end up slow. A single 5MB photo uploaded straight from a phone can weigh down a blog post, and a few of them can make a page painful to load. Compressing and resizing images before you upload them is one of the simplest ways to improve speed, user experience and search rankings. This guide explains how to do it step by step.

What WordPress does automatically

Modern WordPress creates several smaller copies of each image you upload and uses them where appropriate. It also scales down extremely large images and adds lazy loading to most images by default. These features help, but they do not replace compressing your originals. The generated copies are built from whatever you upload, so starting with a heavy, oversized file still leaves you with larger files than necessary and fills your hosting storage.

Recommended image sizes

Featured images and hero banners: about 1200 to 1600 pixels wide, 100KB to 200KB.
In-post images: 800 to 1200 pixels wide, 60KB to 150KB.
Thumbnails: 300 to 600 pixels wide, under 40KB.
Logos and icons: as small as possible; SVG where your theme allows it.

Check your theme's documentation for exact content-area widths, since they differ from theme to theme.

Step-by-step workflow before upload

Resize your photos so their width matches the largest size they will be displayed at.
Open the bulk image compressor and select all images for your post.
Choose Balanced (~80%) for most images. Use 92% for photography portfolios.
Compress and compare the Before and After sizes.
Download the ZIP, extract it and rename files descriptively.
Upload through the WordPress Media Library and fill in the alt text.

JPG, PNG or WebP for WordPress?

WordPress supports WebP uploads in current versions, and most modern browsers can display them. Use JPG for photographs and PNG for graphics that need transparency. If you use a performance plugin or CDN that converts images to WebP automatically, upload clean, well-compressed JPG files and let it handle the conversion. Our format guide explains the trade-offs.

Why compress before uploading instead of using only a plugin?

Optimisation plugins are useful, but they run on your server or an external service, can slow your admin area and may offer limited free usage. Compressing before upload keeps your Media Library lean from the start, reduces backups and migration size, and works the same on any host. You can still add a plugin later for automatic handling of older images.

SEO tips for WordPress images

Use descriptive file names with hyphens, such as wordpress-speed-test-results.jpg.
Write accurate alt text for every image that carries meaning.
Avoid uploading images much larger than the content width.
Do not lazy-load the main image at the top of the page; it should appear right away.

Combine compression with caching and a CDN

After your images are small, serve them efficiently. A caching plugin and a content delivery network such as Cloudflare store and deliver files from servers near your visitors. Together with compressed images, this can drastically cut loading time and bandwidth use.

Cleaning up old images

If your site already has hundreds of heavy images, start with the most visited posts and pages. Download the originals, compress and resize them, then re-upload and replace them. Test your key pages in Google PageSpeed Insights before and after to confirm the improvement in Largest Contentful Paint.

Troubleshooting

The image looks blurry on large screens. Use a slightly larger source width or a higher quality setting.

The upload fails with a size error. Your host limits upload size. Compress first, which usually solves it.

The theme crops my image strangely. Crop to the theme's ratio before uploading.

A weekly image checklist for bloggers

Make image optimisation a habit rather than a rescue job. Before publishing any post, check that each image is resized, compressed, named clearly and given alt text. Look at the finished page on a phone, because that is where most visitors will see it. Once a month, review your slowest pages in a speed test and fix the heaviest images first. A short routine like this keeps your site fast as it grows, protects your search performance and makes sure readers see your content without waiting.

If several authors publish on your site, share this checklist with them so everyone follows the same standard.

Frequently asked questions

What is a good file size for a blog post image?

Most in-post images work well between 60KB and 150KB.

Should I resize or compress first?

Resize first, then compress. Together they give the biggest savings.

Is it safe for client photos?

Yes, the compression happens in your browser and nothing is uploaded to our servers.

👉 Open the free image compressor