Was sind die Hauptmerkmale der Responsive Bilder in der BASE (Mobile First)?

Die Responsive Bilder von Weblication in der BASE (Mobile First) verwenden das HTML5 Picture-Tag, um unterschiedliche Bildgrößen abhängig von Bildschirmgrößen bereitzustellen.

Wichtigste Funktionen:

• Optimale Bildgröße pro CSS-Breakpoint (Bildschirmgrößenraster)
• HD-Bilder für scharfe Darstellung auf hochauflösenden Displays
• Lazy Loading für bessere Ladeperformance (Bilder laden erst im sichtbaren Bereich)
• Pixelgenaues Laden der passenden Bildgröße für jede Bildschirmgröße
• Frei definierbare Qualitätsstufen pro Bild, Bildtyp oder global via CSS-Only Varianten
• Art Direction, um bei kleinen Bildschirmen alternative Bildausschnitte anzeigen zu können