Images are the single biggest cause of slow websites. An unoptimised 4MB photo on a landing page can double your load time and tank your Google rankings. This guide covers everything you need to know about image sizing and compression for the web.
Try it free — no signup required
Image Resizer & Compressor
Why Image Size Matters
Google uses page speed as a ranking signal. Images that are too large slow down your site, increase bounce rates, and hurt your Core Web Vitals scores — particularly Largest Contentful Paint (LCP). The goal is to serve the smallest image that still looks sharp.
Recommended Image Dimensions by Use Case
Website hero / banner images
Maximum width: 1920px. Most monitors are 1920px wide, and you rarely need to go wider. Target file size: under 300KB.
Blog post images / article thumbnails
Typically 1200×630px — this is also the standard Open Graph image size for social sharing. Target: under 150KB.
Product images (e-commerce)
Between 800×800px and 1200×1200px for square images. Target: under 200KB per image.
Social media
- Instagram square: 1080×1080px
- Instagram story: 1080×1920px
- Twitter/X header: 1500×500px
- LinkedIn banner: 1584×396px
JPG vs PNG vs WebP — Which to Use?
JPG (JPEG)
Best for photos and images with gradients. Lossy compression — some quality is lost but file sizes are small. Use at 75–85% quality for a good balance.
PNG
Best for logos, icons, screenshots, and graphics with text or sharp edges. Lossless — no quality loss. Supports transparency. Files are larger than JPG.
WebP
The modern choice — 25–35% smaller than JPG at equivalent quality. Supports both lossy and lossless compression, and transparency. Supported by all modern browsers.
Use WebP for new projects whenever possible. It gives you the best quality-to-size ratio and is supported by Chrome, Firefox, Safari, and Edge.
What Quality Setting Should I Use?
For JPEG compression:
- 90–100% — near lossless, large files. Only for print.
- 80–85% — excellent quality, reasonable size. Good for product images.
- 70–80% — good quality, smaller files. Recommended for most web images.
- 60–70% — noticeable compression. Only for thumbnails and previews.
How to Resize and Compress with EazyTools
- Upload your image (JPG, PNG, or WebP)
- Enter the target width in pixels (height adjusts automatically with aspect ratio lock)
- Set quality to 80% for a good balance
- Select WebP as output format for the smallest file size
- Click "Resize & compress" and download
The before/after preview lets you visually compare quality before downloading.
Try it free — no signup required
Image Resizer & Compressor