Zuerst die tatsächliche Anzeigebreite prüfen
Ein 5000-Pixel-Foto in einer 900-Pixel-Spalte zeigt nicht fünfmal mehr nützliche Information; der Browser lädt nur mehr Daten.
Hochauflösende Displays brauchen Reserve
Wichtige Bilder dürfen größer als ihre CSS-Breite sein, ohne dass immer die maximale Originalgröße nötig ist.
Fotos und UI-Screenshots anders behandeln
Fotos vertragen verlustbehaftete Kompression oft gut; Code, Tabellen und kleiner Text können dadurch schlechter lesbar werden.
Mit einem festen Ablauf arbeiten
Anzeigegröße prüfen → skalieren → Format wählen → komprimieren → auf der echten Seite kontrollieren.