2026-05-19 · 1 Min. Lesezeit
Bilder für responsive Layouts skalieren
Exakte Breiten exportieren, die Ihr Layout nutzt – keine 4000px-Quellen an Mobile liefern.
BildPerformanceFrontend
Wichtige Punkte
- Zuerst skalieren, dann komprimieren – Reihenfolge zählt für Qualität und Bytes.
- Seitenverhältnis beibehalten, außer Art Direction erfordert Crops.
srcset abgleichen
1x/2x-Breiten pro Breakpoint statt einer riesigen Master-Datei.
Skalierte Ausgaben mit Image Compress im gleichen Format kombinieren, das Sie ausliefern.
Häufige Fragen
Welches Format nach dem Skalieren?
WebP für Fotos in modernen Stacks; PNG wenn scharfe UI-Kanten nötig.
Breite im Sekundärfeld?
Zielbreite oder BxH eingeben; passt in Grenzen ohne unnötiges Upscaling.