Start / Lexikon / Responsive Images

Responsive Images

Web & Performance

Auflösungs-passende Auslieferung via `srcset`, `sizes`, `<picture>`.

Ziel: jeder Browser bekommt nur die Pixel, die er tatsächlich braucht. Spart auf Mobile typisch 50–70 % Bytes. Kombiniert mit Format-Fallback maximaler Effizienz-Gewinn.

Verwandt

→ Retina optimieren

Quellen:MDN — Responsive images

← Alle Begriffe → English