Responsive Image Pipeline

done

Automatic responsive images from Markdown with WebP/AVIF, srcset, picture elements, and lazy loading

Full image optimization pipeline ships out of the box. Markdown images are automatically processed into responsive <picture> elements with srcset at configurable widths (default 480, 800, 1200). WebP variants generated by default, AVIF optional. Lazy loading with loading="lazy" on all images except the first per page (LCP optimization). Parallel processing via rayon for fast builds. Configure via [images] in seite.toml:

[images]
widths = [480, 800, 1200]
quality = 80
webp = true
avif = true