Why heavy images slow down a page
Every image on a page has to download before it can render, and an unoptimized photo straight from a camera or phone can be many times larger than the page actually needs to display.
Web image optimization
Compress images for your website
Heavy images are one of the most common reasons pages load slowly. This page covers how to bring photos down to a web-friendly weight before they go into your site, CMS or theme.
Web image optimization
Make your pages load faster
How to optimize an image for the web
Add your image, switch the output format to WebP if your platform supports it, bring the quality to around 75-85, and compare the preview before exporting the optimized file.
What size should website images be?
There is no single target, but most web images benefit from being resized to the dimensions they actually display at and compressed to a quality where the difference is not visible — doing both together gives the biggest gains.
FAQ
Compress image for website FAQ
Does compressing an image change its dimensions?
No — compression only changes encoding. If an image still displays larger than its slot on the page, resize it to the actual display dimensions as well for the best results.
What is the difference between compressing a JPG and a PNG?
For photos, JPG or WebP at a moderate quality setting gives the smallest files. PNG is lossless and works best for logos, icons and graphics with sharp edges or transparency, not photographic content.
Can I compress multiple images at once?
Yes — select every image for a page or section, apply one quality setting, and export them together so your site images share a consistent look and weight.
Is there a limit to how many images I can compress for free?
No. Everything runs locally in your browser, so you can optimize an entire site image set without an account or per-image cost.