Understanding KB and MB When Preparing Images for Website Hero Images
Size limits are written in kilobytes and megabytes, and the units trip people up. The hero is usually the largest element on a page and often decides how fast the page feels to load.
Recommended settings for website hero images
| Setting | Starting point |
|---|---|
| Format | JPEG (WebP where accepted) |
| Width | about 1920 px on the long edge |
| Quality | 78 |
| File size | 300 KB or less |
These are practical defaults. If the platform or form you are using publishes its own limits, follow those instead.
Understanding KB and MB When Preparing Images
One megabyte is roughly 1000 kilobytes, and some systems count 1024. If a limit says 100 KB, aim a little under, such as 95 KB, to be safe.
For website hero images, a target of 300 KB is a comfortable default. Our results panel shows the exact size of each compressed file so you can confirm it before uploading.
Step by step with TheCompressJPEG
- Open the compress JPEG to 300 KB tool, or the main compressor for custom settings.
- Drop in your image. Nothing is uploaded; it is processed in your browser.
- Set the maximum width to 1920 and the target size to 300 KB.
- Press Compress, check the result and download it.
Quick tips
- Check the result on a phone, where most people will see it.
- Use consistent dimensions for a set of related images.
- Resize before you compress; it improves quality at any file size.
- Write a size limit slightly below the stated maximum to leave a margin.
FAQ
How do I compress many images for e-learning courses at once?
Drop all of them into the tool together and use Download all to get a single ZIP.
What JPEG quality should I use for e-learning courses?
Quality around 78 keeps photos looking natural while cutting file size substantially.
Will compressing reduce image quality for e-learning courses?
Some detail is removed, but at sensible settings the difference is not visible at normal viewing size.
Wrapping up
For website hero images, the reliable recipe is simple: resize to around 1920 pixels, compress at quality 78 or to a 300 KB target, and check the result before you upload. Keep the original so you can always start again.
Related guides
- Aspect Ratios to Use for Website Hero Images
Aspect ratio is the shape of the image, and the wrong one leads to awkward crops.
- Converting HEIC to JPEG for Website Hero Images
iPhones save photos as HEIC by default, and not every site accepts it.
- Upload Errors and File Size Limits for Website Hero Images
An upload error is frustrating when the message is vague.
- Quick Guide: Compress JPEG for Website Hero Images in 30 Seconds
Short on time? Here is the fastest route.
- Aspect Ratios to Use for Passport Photo Uploads
Aspect ratio is the shape of the image, and the wrong one leads to awkward crops.
- Upload Errors and File Size Limits for Slack Messages
An upload error is frustrating when the message is vague.