Reduce image size for faster pages while keeping enough sharpness for the displayed dimensions.
EditFull practical documentation · edition reviewed: 26 October 2026
When this task helps
An image much larger than the space where it appears usually wastes bytes. Resizing and compressing together often gives a better result.
Worked example
To fit a photo below 500 KB, check its dimensions first. A 4000 × 3000 image has twelve million pixels; 2000 × 1500 has three million, one quarter as many.
What to check before starting
Start with the approximate display dimensions, then reduce the file size while checking text, logos and fine edges.
Choosing the settings
Resize when full resolution is unnecessary, then adjust quality. Inspect faces, lines and lettering at 100% zoom. Test PNG for screenshots before accepting JPEG artifacts.
Limits that affect the result
A small size target may require visible loss. Transparent logos need an alpha-capable format such as PNG or WebP.
Mistake to avoid
Avoid using exactly the same compression setting for every image. Photos, illustrations and text-heavy graphics behave differently.
Illustrative example: size and quality depend on the source file.