Website hero image — the right size
Drop your header photo in — everyimg crops it to 1920 × 1080 px (16:9), converts it to WebP and compresses it below 200 KB. Sharp on desktop, fast on mobile.
Large header images need 1920 px width (16:9) but should stay under 200 KB so your page loads fast.
Adjust crop focus (if heads or subjects get cut off)
Drop images here or click to browse
Auto-rotates crooked photos, cleans filenames — nothing leaves your device.
The hero image is your page speed
Google measures Largest Contentful Paint (LCP) — how long until the biggest element in the first viewport is rendered. On most websites that element is the hero image. Google's threshold for "good" is 2.5 seconds; a single unoptimized 4–8 MB photo blows through it on its own. That hurts rankings and costs visitors: the majority of users abandon pages that take longer than about 3 seconds to load.
The numbers that work
- 1920 px width — covers Full-HD desktop screens 1:1. Only go to 2560 px if your analytics show a meaningful share of larger screens.
- WebP format — 25–35% smaller than JPG at identical visible quality, supported by every current browser.
- Under 200 KB — realistic for almost any 1920 px photo in WebP without visible loss.
Retina, mobile and the "but it looks blurry" trap
A 1920 px hero displayed full-width looks sharp on standard screens and acceptable on Retina displays (which would theoretically want 2× pixels — but for large photos the difference is barely visible, and doubling pixels quadruples file size). What actually causes blurry heroes is uploading images smaller than the display width, which the browser then upscales. everyimg warns you when your original is too small instead of quietly stretching it.
Frequently asked questions
What size should a website hero image be?
1920 px wide (16:9, so 1920 × 1080 px) covers standard desktop screens sharply. For very large layouts 2560 px is the sensible maximum — wider than that helps nobody and slows your page.
How large should the hero image file be in KB?
Under 200 KB is a good target for WebP, under 500 KB the absolute maximum. The hero image is usually the largest element on the page and directly determines your Google Core Web Vitals (LCP) score.
Why is my header image slowing down my website?
Because it is almost always the LCP element — the largest thing in the first viewport. A 4 MB phone photo as a hero adds seconds to your load time. Resize to 1920 px, convert to WebP, keep it under 200 KB, and the problem is gone.
What aspect ratio for a hero image?
There is no universal answer — it depends on your theme. 16:9 is the safest starting point; many themes crop to roughly 2:1 or 3:1 banners. Check what your theme shows and crop to that ratio before uploading, so you control what gets cut.