Smaller images. Better pages.
Understand dimensions, compression, and the tradeoffs that make a useful image.
Resize before compressing
A photo wider than its display area often contains pixels your audience never sees. Keep an original copy, then resize a working copy to the dimensions you need.
Choose a format for the image
JPEG works well for photographs. PNG preserves transparency and crisp graphics. WebP can be useful when your target software supports it. Test the output in the place you plan to use it.
Compare at the actual viewing size
Compression can introduce artifacts around edges and text. Inspect faces, fine lines and gradients. Stop reducing quality when the smaller file no longer serves its purpose.
Keep a reusable original
A compressed image cannot recover discarded detail. Save your original separately and use descriptive file names for the smaller versions.