Bild-CDN
Ein auf Bilder spezialisiertes Content-Delivery-Netzwerk, das Bilder automatisch optimiert, in der Größe ändert, Formate konvertiert und auf Edge-Servern weltweit zwischenspeichert.
Image-CDNs gehen über herkömmliche CDNs hinaus, indem sie Bildtransformationen in Echtzeit am Netzwerkrand durchführen. Wenn ein Browser ein Bild anfordert, kann das CDN die Größe des Bilds automatisch an das Anzeigefenster des Geräts anpassen, es in das optimale Format konvertieren (WebP für Chrome, AVIF mitAVIF unterstützt, JPEG als FallJPEG), die Qualität basierend auf der Netzwerkgeschwindigkeit anpassen und das Ergebnis auf dem nächstgelegenen Edge-Server zwischenspeichern. Dadurch entfällt die Notwendigkeit, mehrere Bildvarianten vorab zu generieren. Zu den beliebten Diensten gehören Cloudflare Images, Imgix, Cloudinary und Bunny Optimizer. Im Hinblick auf die Webleistung reduzieren Bild-CDNs die Bildnutzlast im Vergleich zur Bereitstellung von Originaldateien in der Regel um 40–80 % und verbessern so direkt die Largest Contentful Paint (LCP)-Werte. URL-basierte APIs ermöglichen Transformationen über Abfrageparameter (Breite, Höhe, Format, Qualität) und machen die Integration für jeden Web-Stack unkompliziert.
Verwandte Begriffe
Responsives Bild
Eine Bildimplementierung, die je nach Gerät, Bildschirmgröße und Verbindungsgeschwindigkeit des Betrachters unterschiedliche Größen oder Formate bereitstellt.
Lazy Loading
Eine Technik, die das Laden von Bildern und Inhalten außerhalb des Bildschirms verzögert, bis der Benutzer in deren Nähe scrollt, wodurch die anfängliche Ladezeit der Seite verkürzt wird.
Kompression
Der Prozess der Reduzierung der Bilddateigröße durch eine effizientere Kodierung von Pixeldaten, manchmal auf Kosten der Qualität.