Why compress before uploading to WordPress
Images are the single biggest cause of slow WordPress sites. Large media inflates page weight, hurts Core Web Vitals, and pushes visitors away before a page finishes loading — and Google uses page speed as a ranking signal, so heavy images cost both conversions and search position.
Compressing on your Mac before upload is the cleanest fix. Plugins can optimize images on the server, but they add load, sometimes cost money, and re-process every upload. Sending already-optimized files keeps your media library light, your pages fast, and your hosting bill smaller.
Right-size before you compress
The most common WordPress mistake is uploading full-resolution camera or phone images — often 4000px wide — into a layout that only displays them at 1200px. The browser still downloads the huge file. Resizing to your theme's actual content width does more for speed than compression alone.
Check your theme's content width (commonly 1200–1600px) and resize to it before compressing. WordPress generates smaller thumbnail sizes automatically, but it keeps your oversized original too, so the right-sizing has to happen before upload.
- Hero/featured images: match the full content width (~1200–1600px).
- Inline images: often 800–1200px is plenty.
- Thumbnails: let WordPress generate these from a sensible original.
- Never upload raw 3000–4000px files for a 1200px layout.
Format and target-size choices
WebP is the best default for WordPress speed — smaller than JPG at the same quality and supported by all modern browsers and recent WordPress versions. JPG stays the universal fallback for photos, and PNG only when you need transparency or crisp text.
Use target-size compression with a budget per role rather than one quality value: a featured image can carry more weight than an inline screenshot. Aiming for roughly 100–200KB per image keeps articles fast while preserving the detail that matters.
A batch workflow for content teams
Bloggers and SEO teams publishing regularly should make image prep a repeatable pre-upload step on the Mac. Build presets for hero and inline images, then run each post's media through the matching one.
Defaults that keep WordPress media fast and sharp:
- Resize to theme content width before compressing.
- Set KB budgets per role (hero vs inline) instead of a single quality.
- Prefer WebP for speed, JPG as the compatible fallback.
- Strip EXIF/GPS to remove private data and shave extra KB.
- Keep overwrite off and validate a sample for text legibility and gradients.