What is the best image size for WordPress?

For most WordPress themes, a featured image width of 1200px is sufficient. Full-width hero images can go to 1920px, but compress at quality 80 to keep file size under 150KB. Content body images should be 800–1000px wide. Never upload images wider than your theme's content area — the extra pixels are wasted and add unnecessary file size.

What quality should I use to compress images for WordPress?

Quality 80 is the standard recommendation for WordPress images. WordPress itself saves resized images at quality 82 by default. At quality 80, a 1200px wide photo is typically 80–200KB — well within a good target range. For hero and featured images, quality 75–80 is acceptable. For thumbnails shown at small sizes, quality 70 is sufficient.

Does WordPress compress uploaded images automatically?

Yes, WordPress automatically resizes uploaded images into multiple sizes (thumbnail, medium, large, full) and saves them at JPEG quality 82. However, WordPress does not reduce the original file — the full-size original is saved as-is. This is why pre-compressing before upload is important: you control the quality and file size of the original, which WordPress uses as the source for all generated sizes.

Should I use WebP for WordPress images?

Yes. WordPress has supported WebP uploads since version 5.8 (released July 2021). WebP files are 25–35% smaller than JPEG at the same visual quality. If you upload a WebP image, WordPress generates all the intermediate sizes in WebP. The main consideration is whether your theme and plugins display WebP correctly — most modern setups do.

What is the maximum file size for WordPress image uploads?

The WordPress upload limit is set by your hosting provider, typically 2MB–64MB. However, the practical limit for performance is much lower. Images over 300KB slow page loads noticeably, especially on mobile. Aim for featured images under 150KB and body content images under 100KB.

How do I compress a PNG for WordPress?

If the PNG is a photograph, convert it to JPG first — photographs save as PNG are typically 5–10× larger than the same image as JPG. Use the Convert Image tool to change format, then compress the JPG at quality 80. If the PNG has transparency (logo, icon, overlay), keep it as PNG but resize the dimensions to the maximum display size before uploading.

Does image file size affect WordPress SEO?

Yes. Google uses page speed as a ranking factor, and images are often the largest contributors to page weight. Large uncompressed images directly hurt LCP (Largest Contentful Paint), which is a Core Web Vital. Pages with LCP under 2.5 seconds rank better than slower pages. Compressing images to under 150KB per image is one of the highest-impact SEO improvements for most WordPress sites.

Should I compress images before or after uploading to WordPress?

Before. Pre-compressing gives you full control over the output quality and file size. If you upload a large uncompressed image, WordPress saves the original as-is — all the intermediate sizes it generates inherit the bloat of the original. Pre-compress to your target quality (80 for most images), then upload the result. WordPress will generate all its sizes from the already-optimized original.

Guide·May 11, 2026·9 min read

How to Compress Images for WordPress — Speed Up Your Site Without Losing Quality

Uncompressed images are the single most common cause of slow WordPress sites. A single hero image uploaded straight from a smartphone camera can be 5–15MB — enough to push your LCP (Largest Contentful Paint) past Google's 2.5-second threshold and directly hurt your search rankings. This guide covers exactly how to compress images before uploading to WordPress, what sizes to target, how WebP works in WordPress, and the mistakes that silently slow down most sites.

Why Image Compression Matters for WordPress

Images account for 50–80% of page weight on most WordPress sites. When a visitor loads a page, the browser must download every image before it can fully render the content. Large images mean longer download times — and longer download times mean higher bounce rates, lower engagement, and lower search rankings.

Google's Core Web Vitals score includes LCP (Largest Contentful Paint), which measures how long it takes for the largest visible element — usually a featured image or hero photo — to load. Sites with LCP under 2.5 seconds are rated "Good." Sites above 4 seconds are rated "Poor" and face ranking penalties.

Image State	Typical File Size	Load Time (4G)	LCP Rating
Straight from camera (12MP)	3–8 MB	2–6 seconds	❌ Poor
WordPress resized, uncompressed original	500KB–2MB	0.5–2 seconds	⚠️ Needs improvement
Pre-compressed at Q80, 1200px	80–200KB	0.1–0.3 seconds	✅ Good
Pre-compressed WebP at Q80, 1200px	50–140KB	0.05–0.2 seconds	✅ Good

What Happens When You Upload an Image to WordPress

When you upload an image through the WordPress Media Library, WordPress does two things automatically:

1.Saves the original file as-is. The full-resolution image you uploaded is stored in wp-content/uploads/ unchanged. If you upload a 6MB iPhone photo, that 6MB file stays on your server permanently.
2.Generates resized versions at JPEG quality 82. WordPress automatically creates thumbnail (150×150px), medium (300×300px), large (1024×1024px), and medium-large (768px wide) sizes from the original. These are saved at JPEG quality 82 — decent, but not optimal.

The problem with this approach

WordPress generates intermediate sizes from your original file. If you upload a 6MB photo, WordPress's "large" size (1024px wide at quality 82) will be 100–300KB — but the original 6MB file is still sitting on your server, consuming storage and sometimes served directly by themes that use full image size. Pre-compressing before upload means WordPress generates all its sizes from an already-optimized source.

How to Compress Images Before Uploading to WordPress

The most reliable method is to compress images client-side before they ever reach your WordPress media library. This gives you control over the output quality and file size — and means you are not relying on WordPress or a plugin to do it correctly.

1
Resize to the maximum display width first
Check your WordPress theme's content width. Most themes have a content area 600–1200px wide. Use the Resize Image tool to bring your image to 1200px wide (or your theme's max content width) before compressing. Uploading a 4000px image to a 1200px column wastes 3× the file size for no visual benefit.
2
Compress at quality 80
Upload the resized image to CompressImg and set the quality slider to 80. This matches WordPress's internal quality setting (82) but on an already correctly-sized image. At quality 80, a 1200px wide photo typically compresses to 80–180KB — fast to load and visually sharp.
3
Upload the compressed image to WordPress
Download the compressed file and upload it to your WordPress Media Library. You will see the file size is already a fraction of the original — and all the WordPress-generated intermediate sizes will be generated from this leaner source.

Recommended Image Dimensions and File Sizes for WordPress

The right dimensions depend on where the image appears in your WordPress theme. Uploading a 3000px image to a sidebar widget or a 600px blog post column adds unnecessary file size with no quality benefit — WordPress will scale it down to display size anyway.

Image Use	Recommended Width	Quality	Target File Size
Full-width hero / banner	1920px	Q75–80	100–250KB
Featured image (post thumbnail)	1200px	Q80	80–180KB
Blog post body images	800–1000px	Q80	50–120KB
Product images (WooCommerce)	800×800px	Q80	60–150KB
Sidebar widgets / thumbnails	400–600px	Q75	20–60KB
Author avatar / profile	300×300px	Q80	15–40KB
Logo (PNG with transparency)	300–600px	Q100 PNG	10–50KB

How to find your theme's content width: In Chrome, right-click on a content image in your WordPress posts and select "Inspect." The element's computed width shows the actual display size. Upload images at that width — not wider.

WebP in WordPress: 25–35% Smaller Files

WordPress has supported WebP image uploads natively since version 5.8 (July 2021). If you upload a WebP image, WordPress generates all its intermediate sizes (thumbnail, medium, large) in WebP format. Modern browsers — Chrome, Firefox, Safari 14+, Edge — all support WebP, covering over 95% of web users as of 2026.

The practical benefit: a 1200px wide photo that is 150KB as JPEG is typically 90–110KB as WebP at the same visual quality. Multiply that across 20–30 images on a page and the difference is measurable in LCP scores.

Convert JPG to WebP before uploading

Use the JPG to WebP converter to convert your compressed JPG to WebP format. Then upload the WebP file to WordPress. All intermediate sizes WordPress generates will also be WebP.

Check plugin compatibility

Most modern WordPress themes and page builders (Elementor, Divi, Gutenberg blocks) display WebP correctly. Older image gallery plugins may show broken images. Test with one WebP image before switching fully.

Common WordPress Image Mistakes — And How to Fix Them

❌ Uploading camera photos directly without resizing

Fix: A 12MP phone photo at 4032×3024px is unnecessary for any WordPress content area. Resize to 1200px wide first. This alone reduces a 5MB photo to 400–800KB before any quality compression.

❌ Using PNG for photographs

Fix: PNG uses lossless compression, which makes it ideal for logos and graphics but terrible for photos. A photograph saved as PNG can be 3–5× larger than the same photo as JPG at quality 80. Use the Convert Image tool to switch format before uploading.

❌ Relying on WordPress plugins to compress after upload

Fix: Plugins like Smush or ShortPixel compress images after they reach your server — but the original uncompressed file is already stored in uploads/. Pre-compressing before upload gives you control over the source quality and avoids storing unnecessarily large originals.

❌ Using the same image for desktop and mobile

Fix: WordPress generates responsive srcset automatically, but only if you upload an image larger than the display sizes. If you upload a 1200px image, WordPress generates smaller sizes for mobile automatically. If you upload a 600px image, mobile users get no smaller option.

❌ Not setting alt text on compressed images

Fix: Alt text is an SEO signal — it tells Google what the image contains. Compressing images improves performance, but SEO also requires descriptive alt text. Always fill in the Alt Text field in the WordPress Media Library after uploading.

The 3-Minute WordPress Image Optimization Workflow

Here is the exact process to follow every time you prepare an image for WordPress:

1. Identify the display context

Is this a hero image (full width), a featured post image, or a body image? Each has a different target width. When in doubt, 1200px covers 90% of WordPress themes.

2. Resize to max display width

Use the Resize Image tool to set the width. Lock aspect ratio so the height scales automatically. Download the resized file.

3. Compress at quality 80

Upload the resized image to CompressImg. Set quality to 80. Check the output file size — it should be under 200KB for a 1200px image. If it is over 200KB, the image has very high detail (fine textures, lots of small objects) — try quality 70.

4. (Optional) Convert to WebP

Download the compressed JPG, then upload it to the JPG to WebP converter. Download the WebP version. WebP will be 20–30% smaller than the already-compressed JPG.

5. Upload to WordPress Media Library

Upload the compressed (and optionally WebP-converted) image. WordPress generates all intermediate sizes from this optimized source. Fill in the Alt Text field before inserting into content.

JPG vs PNG vs WebP for WordPress — Quick Reference

Format	Best For	File Size	Transparency	Use in WordPress
JPG	Photos, hero images	Medium	No	Default for photos
PNG	Logos, icons, screenshots	Large (lossless)	Yes	Logos and graphics only
WebP	Photos + graphics	Small (25–35% < JPG)	Yes	Best choice (WP 5.8+)

Free Tools for WordPress Image Optimization

Compress Image

Quality 80 compression for JPG, PNG, WebP. Shows exact output size before download.

Resize Image

Set exact pixel dimensions. Lock aspect ratio. Ideal for bringing large photos to theme width.

JPG to WebP

Convert JPEG photos to WebP format for 25–35% smaller files in WordPress.

Convert Image

Convert PNG photos to JPG before compressing — PNGs of photos are typically 3–5× larger.

Frequently Asked Questions

: For most WordPress themes, a featured image width of 1200px covers the content area without excess. Full-width hero images can go to 1920px, but compress at quality 75–80 to keep file size under 200KB. Body content images should be 800–1000px wide. Never upload images wider than your theme's content column — the extra pixels are discarded during display but still downloaded by the browser.
: Quality 80 is the standard recommendation. WordPress itself saves resized images at quality 82. At quality 80, a 1200px wide photo is typically 80–200KB — fast enough to not impact LCP and sharp enough for most content. For large hero images, quality 75 is acceptable. For thumbnails shown at small sizes, quality 70 is fine.
: Yes, but only for the resized intermediate sizes, not the original. WordPress generates thumbnail, medium, large, and medium-large sizes from your original at JPEG quality 82. The original file is saved as-is. This is why pre-compressing before upload matters — WordPress uses your original as the source for all generated sizes. A lean original produces leaner generated sizes.
: Yes, if your theme and plugins support it. WordPress has natively supported WebP uploads since version 5.8. WebP files are 25–35% smaller than JPEG at the same visual quality, and all modern browsers (Chrome, Firefox, Safari 14+, Edge) support WebP. Check one image first to confirm your theme renders WebP correctly before switching all images.
: The server-side limit depends on your host (typically 2–64MB), but the practical performance limit is much lower. Featured images should be under 200KB, body images under 120KB. Images over 500KB noticeably slow page loads on mobile connections. Aim for total page image weight under 1MB across all images on a single page.
: If the PNG is a photograph (no transparency needed), convert it to JPG first — photos saved as PNG are typically 3–5× larger than the same image as JPG. Use the Convert Image tool, then compress the JPG at quality 80. If the PNG is a logo or graphic with transparency, keep it as PNG but resize to the maximum display size before uploading.
: Yes, directly. Google uses page speed as a ranking factor, and images are typically the largest contributors to page weight. Large uncompressed images hurt LCP (Largest Contentful Paint), which is a Core Web Vital. Pages with LCP under 2.5 seconds rank better than slower pages. Compressing images to under 200KB per image is one of the highest-impact SEO improvements for most WordPress sites.
: Before. Pre-compressing gives you full control over output quality and file size. When you upload a large uncompressed image, WordPress saves the original as-is and generates intermediate sizes from it. If the original is 5MB, all WordPress-generated sizes are derived from that 5MB source. Pre-compress to quality 80 at the correct width, then upload. WordPress generates all its sizes from your already-optimized original.

← Back to Blog