Compress PNG for WordPress
Heavy PNGs are one of the most common reasons WordPress sites score poorly on PageSpeed. Compressing them properly cuts your file size by 60-80% and improves your Core Web Vitals LCP metric directly. Here is the right way to do it.
PNGs are killing your WordPress speed
PNG is the heaviest common format
An uncompressed PNG can be 10x heavier than a JPG of the same content. Most themes ship default PNG screenshots and logos that are not optimised.
Core Web Vitals reward optimisation
Google's LCP metric measures how fast your largest image loads. Compressed PNGs improve LCP directly, which improves your search ranking.
WordPress media library does not compress
WordPress only generates resized variants. It does not lossy-compress PNGs by default. You need a separate step before upload, or a plugin that does it post-upload.
Recommended settings for WordPress
For photographic content, switch to WebP (5-10x smaller). For logos, illustrations and screenshots that need transparency, keep PNG and compress.
- FormatPNG (or WebP for photos)
- Quality85-95 (PNG is lossless, only the algorithm tunes)
- Target sizeUnder 200 KB for hero images
Compress PNGs before uploading to WordPress
Run all your PNGs through the compressor
Drop them in. The compressor will reduce file size while keeping transparency intact. Works for logos, screenshots, illustrations.
Consider switching photos to WebP
If a PNG is actually a photograph (no transparency, no flat colors), convert it to WebP for an extra 5-10x reduction. WordPress 5.8+ supports WebP natively.
Upload to WordPress and verify
Upload as usual via the media library. Check your PageSpeed score before and after. You should see a measurable LCP improvement on image-heavy pages.
Common questions
Should I use a WordPress plugin instead?
Does compression break transparency?
Should I switch all my PNGs to WebP?
Speed up your WordPress site
Compress your PNGs once, see the PageSpeed bump on your next deploy.
Open the PNG compressor