A photo straight from a modern phone can be 4000 pixels wide and several megabytes in size, yet most websites display images at 800–1600 pixels wide. Uploading oversized images wastes bandwidth, slows your pages and can hurt your search rankings because page speed is part of user experience.
Recommended image widths
| Use | Suggested width |
|---|---|
| Full-width hero / banner | 1600–2000 px |
| Blog post content image | 1200 px |
| Product photo | 1000–1200 px (square) |
| Thumbnail / card | 400–600 px |
| Open Graph social preview | 1200 × 630 px |
| Favicon | 32, 48, 180 and 512 px |
How to resize an image online
- Open the Image Resizer and select your image.
- Enter the new width or height. Keep "maintain aspect ratio" on to avoid stretching.
- Choose the output format — WebP is usually best for websites.
- Resize and download the new image.
- Optionally run it through the Image Compressor to reduce the file size further.
Choose the right format
- WebP — 25–35% smaller than JPG at similar quality; supported by all modern browsers.
- AVIF — even smaller files; great for photos.
- JPG — universal support for photos.
- PNG — use for logos and graphics that need transparency.
Extra tips for fast pages
- Aim for under 200 KB for most content images.
- Crop away unimportant parts with the Image Cropper before resizing.
- Always add descriptive alt text for accessibility and SEO.
- Use lazy loading for images below the first screen.
Try it now: Image Resizer
Resize images to custom dimensions. Free, fast and private.
Open Image Resizer →