Images are typically the largest files on any webpage. Unoptimized images slow down your site, hurt your search rankings, and frustrate visitors. Here's a practical approach to getting images right for the web.
Google uses page speed as a ranking factor, and images are usually the biggest contributor to slow load times. A single uncompressed photo from a modern smartphone can be 5–10MB. The same photo, properly optimized for web, should be under 200KB — a reduction of 95% with barely any visible difference.
Beyond SEO, faster pages mean better user experience. Studies consistently show that pages loading in under 2 seconds have significantly lower bounce rates than slower pages.
Format choice is the most impactful decision you can make. As a general rule:
Quick win: Converting your site's JPG images to WebP alone can reduce image weight by 25–35% with no visible quality change.
There's no point serving a 4000×3000px image when it's displayed at 800×600px on screen. The browser has to download all those extra pixels and then scale them down — wasting bandwidth and time.
Before uploading any image to your website, resize it to the maximum size it will be displayed at. For most blog post images, 1200px wide is more than enough. For thumbnails and cards, 400–600px is often sufficient.
Rule of thumb: Your image dimensions should be no more than 2× the display size (to account for retina/HiDPI screens).
After resizing, compress the image to reduce file size further. The key is finding the right balance between quality and file size. For most web images:
Compress and convert your images for free — right in your browser, no upload needed.
Compress images →