Why image size matters more in WordPress than anywhere else
WordPress is the most popular CMS in the world — and also the most common source of slow websites. The main culprit: oversized images uploaded directly from a camera or phone.
When you upload a 5 MB photo, WordPress creates several resized copies (thumbnail, medium, large, full), but it keeps the original at full resolution. Every page that displays that image forces the browser to download hundreds of kilobytes it didn't need. Over time, your media library becomes gigabytes of bloat and your Core Web Vitals score drops — which directly affects your Google ranking.
The fix is simple: resize images before uploading. A 1200 px wide JPG at 80% quality looks identical on screen, loads five times faster, and takes a fraction of the storage space.
Common mistakes WordPress site owners make
- Uploading raw camera photos — a modern DSLR or iPhone shoots at 4000–6000 px wide. No WordPress theme needs that.
- Using PNG for photos — PNG is lossless, which makes photo files 3–5× larger than equivalent JPGs.
- Relying on WordPress to resize — it resizes for display, but keeps the original. Your server still serves the huge file if a user opens it directly.
- Ignoring Retina — some themes load 2× images for Retina screens. Your content images don't need to match: 1200 px is already sharp on a Retina display at normal viewing size.
Recommended image sizes for WordPress
These are practical sizes that cover the most common WordPress use cases:
- Featured image / blog hero: 1200 × 628 px (matches Open Graph for social sharing too)
- In-content photos: 1000–1200 px wide, let WordPress scale height
- WooCommerce product image: 800 × 800 px (square, works for all themes)
- WooCommerce catalog thumbnail: 600 × 600 px
- Author / profile photo: 300 × 300 px
- Logo: 400 × 100 px (wide logos), PNG with transparency
A good target file size is under 150 KB per image for photos, under 50 KB for smaller UI images.
Resize your image for WordPress now
Upload your image, set the width, choose JPG, and download. Takes about 10 seconds.
Supported formats: JPG, PNG, GIF, WebP
Step-by-step: preparing a blog featured image
- Take your original photo — say 4032 × 3024 px, 8 MB from your phone.
- Upload it to ResizeConvert.
- Set width to 1200 px. Height adjusts automatically to keep the ratio.
- Choose JPG format, quality around 80–85%.
- Click resize and download the result — typically 80–180 KB.
- Upload this file to WordPress Media Library instead of the original.
For WooCommerce product images, repeat with 800 × 800 px. Use the square preset button in the tool above.
Does resizing before upload break WordPress image handling?
No. WordPress still generates its own thumbnail and medium sizes from whatever you upload. If you upload a 1200 px image, WordPress creates a 150 px thumbnail and 300 px medium from it — which is perfectly sufficient. You simply skip storing the unnecessary 4000 px original.
Impact on Core Web Vitals
Google's Largest Contentful Paint (LCP) metric measures how fast the biggest visible element loads. On most blogs, that element is the featured image. A 2 MB hero image can push LCP over 4 seconds on mobile. A 120 KB version of the same image at 1200 px typically loads in under 1 second on a 4G connection.
That's the difference between a "poor" and "good" Core Web Vitals score — which affects both user experience and your position in search results.
FAQ: Images and WordPress
What is the best image size for WordPress?
For most themes, 1200 px wide is the ideal maximum for content images. Featured images work well at 1200 × 628 px. WooCommerce product images are typically 800 × 800 px square.
Should I use JPG or PNG in WordPress?
JPG for all photos and illustrations. PNG only for logos, icons, or images that require a transparent background. WebP is also excellent — it's 25–35% smaller than JPG at the same quality and is supported by all modern browsers.
Does WordPress compress images automatically?
Yes — WordPress applies about 82% JPEG quality by default (90% since WordPress 6.2). But it still keeps your original file. Pre-resizing before upload gives you full control and eliminates the full-resolution copy entirely.
How do I resize multiple images for WordPress at once?
The free version of ResizeConvert handles one image at a time. For batch processing of many product photos or gallery images, the Pro plan supports multiple files in one session.
Will resizing images affect my SEO?
Yes — positively. Smaller images improve page speed, which is a ranking factor. Google's PageSpeed Insights will stop flagging "Properly size images" warnings, and your Core Web Vitals scores will improve.