What size should images be for a website?
· Avinash Kumar
Batchly runs on iPhone and iPad. The app interface is in English.
Make each image as wide as the largest space it fills on screen, doubled for sharp phone and laptop displays, and compress it. A photo shown 800 px wide in a blog post is fine at about 1600 px. A 4032 px iPhone original of several megabytes is far more than the page needs.
Practical widths
| Where it appears | Display width | Export width |
|---|---|---|
| Blog content image | up to ~800 px | ~1600 px |
| Product photo | up to ~1000 px | ~2000 px |
| Full-width hero | screen width | ~2400 px |
| Thumbnail | ~300 px | ~600 px |
Check your theme or CMS: many list the widths they use.
Why it matters
Large images are often the heaviest part of a page. Smaller files load faster on mobile data, and page speed tools flag oversized images.
Batch it before upload
Many site builders resize for you, but they still store and sometimes serve your huge originals. In Batchly (my app):
- Pick the photos.
- Resize by long edge (for example 1600 px).
- Convert HEIC to JPEG.
- Compress.
- Check the file sizes, and adjust compression for the next batch.
Batchly also keeps EXIF data, including location, on export. If you don’t want your location on a public site, see removing location before sharing.
Related: reduce photo size in MB, PNG vs JPG vs TIFF and the Batchly guides.
Questions people ask
- What width should website images be?
- As wide as the largest space they fill on screen, times two for high-density displays. A blog image shown at 800 px wide works well at about 1600 px.
- What file size should a web image be?
- There's no single rule, but most content photos can be a few hundred KB or less as JPEG. Multi-megabyte photos straight from a phone slow pages down.
- Should I use PNG or JPG on a website?
- JPG (or WebP if your site tools create it) for photos, PNG for logos and graphics with sharp edges or transparency.
Batchly
Resize, compress, watermark and convert hundreds of photos at once, on the device.