Image Optimization in Next.js: WebP, AVIF, and the Settings I Actually Ship

A practical guide to Next.js image optimization — the formats, the config, and the real-world results from optimizing matthewswong.com.