Image guide
Best Image Size for Websites
The best website image size is the smallest image that still looks good at its rendered size.
Avoid publishing camera originals when the layout only needs a much smaller asset.
Recommended tool
Open Resize ImageMatch the layout size
A blog image shown at 900px wide does not need to be uploaded at 4000px wide.
Resize the source near the largest size the page will display.
Use wider files for hero images
Full-width hero images often need 1600px to 2400px width depending on the design.
Use compression after resizing so large visual sections do not slow the page.
Keep thumbnails small
Card thumbnails and avatar images should be exported close to their actual display dimensions.
Small repeated images add up quickly on listing pages.