Visual probe — formats & features

SUMMARY: running…

Green tile = shown. Red tile / pink box = not shown. CSS boxes are red unless the feature really applies.

… 1 · AVIF <img>
1
… 2 · WebP <img>
2
… 3 · JPEG <img>
3
… 4 · <picture> AVIF→WebP
4
… 5 · <picture> AVIF→WebP + loading=lazy
5
… 6 · <picture> AVIF→JPEG
6
… 7 · srcset 400w/800w/1200w JPEG
7
… 8 · PNG with alpha (should look faded)
8
↓ spacer (lazy test) ↓
… 9 · lazy JPEG far below the fold
9
… 10 · MP4 / H.264 video (muted, playsinline, poster)
… 11 · WebM / VP9 video
… 13 · CSS :has()
… 14 · CSS container queries
… 15 · CSS CSS nesting
… 16 · CSS aspect-ratio
… 17 · CSS dvh units
… 18 · CSS subgrid
… 19 · CSS color-mix()
… 20 · CSS backdrop-filter (computed style only)
… 21 · CSS @layer
… 22 · CSS text-wrap: balance (computed style only)
balanced heading text that wraps over two lines here
… 23 · CSS lch() colour