Srcset‑Generator (Responsive Images)

Generiert srcset/sizes‑HTML aus einer Breitenliste, ohne LCP/CLS zu beeinträchtigen.

srcset

Überblick

Mehrere Größen und das passende srcset/sizes‑HTML erzeugen, um responsive Bilder einzusetzen.

Anleitung

  1. Ausgangsbild laden.
  2. Benötigte Breiten auflisten.
  3. Generiertes HTML kopieren.

Anwendungsfälle

  • Artikelbilder optimieren.
  • Mehrere Auflösungen für Hero‑Bilder.
  • Transfer für Galerien/Karten reduzieren.

Tipps & Wissen

  • sizes ans reale Layout anpassen.
  • Pro Breite passende Qualität wählen.
  • Mit loading="lazy" für besseres LCP kombinieren.