Use 75–85% as a starting point
For WebP and JPG photos, this range often preserves convincing detail while removing a meaningful amount of data. Large hero images may need a slightly higher setting because artifacts are easier to see; small thumbnails may tolerate less.
Match the setting to the subject
Faces, product labels, fine hair, and smooth skies deserve closer inspection. Highly textured scenes can hide compression artifacts. Screenshots and line graphics may look better as PNG or high-quality WebP than as a heavily compressed JPEG.
Test real pages and screens
Preview images at their rendered dimensions on both desktop and mobile. Watch for halos, blockiness, blurred text, and banding. A quality number is only a control value—the visual result and delivered file size are the useful measurements.