Images are usually 60-80% of page weight. These settings control how aggressively we shrink them.
Quality Slider (50-95)
Default 82 is the sweet spot: indistinguishable from the original at typical display sizes while cutting 50-70% of bytes. Below 70 you may see artifacts on gradients; above 90 you're paying bytes for imperceptible detail.
WebP Generation
With "Generate WebP" on, every JPEG/PNG gets a .webp sibling ~25-35% smaller. Modern browsers pick them up via <picture> markup or server negotiation; the original remains as fallback.
Lazy Loading
Images below the fold get loading="lazy" so they only download when scrolled into view. The first image on each page is intentionally left eager — it's your LCP element and should load fast.