Use Case 2 min read

Optimize Images for WordPress — Convert, Compress & Resize

Images are consistently the #1 cause of slow WordPress sites. WordPress 5.8+ supports WebP natively, and converting your PNG/JPG images to WebP before upload can cut image sizes by 30–50% — directly improving your Google PageSpeed Insights score and Core Web Vitals. This guide covers the complete WordPress image optimization workflow using free, browser-based tools.

Files never leave your device ⚡ Instant browser processing 🆓 100% free — no account 🚫 No watermark on output
By ImgToolkit Team · Updated May 2026 · 2 min read · Processed in your browser
PNGJPGWebP

Quick Answer

Images are consistently the #1 cause of slow WordPress sites. WordPress 5.8+ supports WebP natively, and converting your PNG/JPG images to WebP before upload can cut image sizes by 30–50% — directly improving your Google PageSpeed Insights score and Core Web Vitals.

Try it now — free, no signup

Your images stay on your device. Nothing is uploaded to any server.

Convert to WebP for WordPress

Step-by-Step Guide

5 steps · takes under 1 minute

1

Convert images to WebP

Use the Convert from JPG tool to convert your JPGs and PNGs to WebP. WordPress 5.8+ serves WebP natively.

2

Compress before uploading

Compress each WebP file to 80–85% quality. Target under 200KB for blog post images, under 500KB for hero images.

3

Resize to display dimensions

Resize images to no larger than they'll actually display. A sidebar image that displays at 400px wide doesn't need to be 2000px.

4

Upload to WordPress Media Library

Upload your optimized WebP files. WordPress generates the required thumbnail sizes automatically.

5

Verify with PageSpeed Insights

Run your page through Google PageSpeed Insights. Images should no longer appear in the 'serve images in next-gen formats' warning.

🔒

100% Private — Zero Uploads

ImgToolkit runs entirely in your browser using the Canvas API. Your images are never sent to a server, never stored in the cloud, and never seen by anyone else. This makes it safe for sensitive documents, client work, medical imagery, and confidential screenshots.

💡

Pro tip

Pre-optimizing images before uploading to a platform gives you more control than relying on the platform's automatic (and often aggressive) compression.

Format & File Size Comparison

Same 1080×1080px photo processed four ways

FormatQualityFile SizeNotes
PNG (original) Perfect 4.2 MB No compression — too large for web
Compressed PNG Visually identical 1.1 MB −74% — transparency preserved
JPG (85% quality) Excellent 310 KB −93% · Best for photos
WebP (85%)BEST Excellent 205 KB −95% · Recommended for web

Based on a 1080×1080px photo. Results vary by image content and complexity.

Related Free Tools

All tools run in your browser — no account or upload needed

Frequently Asked Questions

4 questions answered

Does WordPress support WebP images?

Yes — WordPress added native WebP support in version 5.8 (released July 2021). You can upload WebP images directly to the Media Library, and WordPress generates thumbnails in WebP format. If you're on an older WordPress version, use the WebP Express or Imagify plugin.

What image size should I use for WordPress blog post images?

For blog post featured images, 1200×630px is widely recommended (it also meets Open Graph og:image requirements for social sharing). For in-content images, match the content column width — typically 800–1200px wide. There's no reason to upload 4000px-wide images for a 1000px column.

What WordPress plugins help with image optimization?

Smush, Imagify, ShortPixel, and EWWW Image Optimizer are the most popular. However, pre-optimizing before upload (using ImgToolkit) gives you more control and avoids per-image API costs that most plugins charge for cloud processing.

My PageSpeed score still shows image issues after converting to WebP. Why?

Common reasons: (1) Images are larger than their display size — WordPress is scaling them down in the browser. Fix: resize to actual display dimensions before upload. (2) Images are not lazy-loaded — add loading='lazy' to img tags or use a lazy loading plugin. (3) LCP image is not preloaded — add <link rel='preload'> for your hero/banner image.

Ready to get started?

Free, instant — your files stay on your device. Always.

Convert to WebP for WordPress

All Free Image Tools

Image Compressor →Background Remover →Image Resizer →Crop Image →PNG to JPG →JPG to WebP →AI Upscaler →Watermark Tool →Blur Faces →Rotate Image →