AVIF

AVIF-Testbild (27:9)

papagei.avif (16:9)

papagei-transparent.avif (16:9)

Vorteile von AVIF:

Deutlich kleinere Dateigrößen als bei jpg, png, gif und webp, so dass auch größere Bildbreiten (hier bis zu 6000w) mitgegeben werden können; der jeweilige User-Browser entscheidet dann selbst, welche Datei er lädt — hauptsächlich aufgrund der Viewport-Breite, der Pixeldichte (Device/CSS Pixel Ratio, Retina-Displays etc.) und der gerade zur Verfügung stehenden Downloadgeschwindigkeit.
Transparenz möglich wie bei png
Animation möglich wie bei gif
Unterstützt HDR
Verlustfreie und verlustbehaftete Kompression möglich
Alle Evergreen-Browser (und auch iOS/Safari ab iPone 8) zeigen seit ein paar Jahren schon AVIF (für ältere Browser gibt man ein Fallback-JPEG mit)

PS: Lazyloading (per einfachem Attribut) ist natürlich auch möglich, hab' ich aber jetzt für die Demo weggelassen.