Was bei der Komprimierung wirklich passiert
Digitale Bilder enthalten Farbinformationen für Millionen einzelner Pixel. Komprimierung speichert diese Informationen effizienter. Bei verlustfreier Komprimierung bleiben alle Bilddaten rekonstruierbar. Bei verlustbehafteter Komprimierung werden Details entfernt, die Menschen normalerweise kaum wahrnehmen. Für Fotos auf Websites ist eine kontrollierte verlustbehaftete Komprimierung fast immer sinnvoll.
Die drei grössten Hebel
1. Richtige Abmessungen
Ein Foto mit 6000 Pixel Breite ist für einen 1200 Pixel breiten Inhaltsbereich unnötig gross. Das Herunterskalieren spart oft mehr als jede Qualitätseinstellung. Exportiere ungefähr in der maximal tatsächlich benötigten Darstellungsgrösse; für hochauflösende Displays darf die Datei etwas grösser sein.
2. Passendes Format
WebP ist für viele Website-Bilder ein starker Standard: Es eignet sich für Fotos, Grafiken und Transparenz. PNG bleibt sinnvoll, wenn eine absolut verlustfreie Originaldatei benötigt wird. JPG ist kompatibel, kann aber keinen Alpha-Kanal speichern.
3. Visuell passende Qualität
Höhere Qualitätswerte erzeugen nicht linear bessere Bilder. Ab einem gewissen Punkt wächst nur noch die Datei. Prüfe besonders Gesichter, feine Texturen, Farbverläufe und harte Kontrastkanten.
Praxisregel: Erst Abmessungen reduzieren, dann Format wählen, zuletzt die Qualität feinjustieren. In dieser Reihenfolge bleibt die Entscheidung nachvollziehbar.
Ein zuverlässiger Workflow
- Einsatzzweck festlegen. Hero, Content-Bild, Thumbnail und Icon benötigen unterschiedliche Dimensionen.
- Original sichern. Behalte die hochauflösende Quelldatei getrennt vom Webexport.
- Auf Zielgrösse skalieren. Vermeide Browser-Downscaling riesiger Dateien.
- Als WebP exportieren. Transparenz bleibt erhalten, sofern die Quelle sie besitzt.
- Im echten Layout kontrollieren. Ein isoliertes Bild kann anders wirken als auf der fertigen Website.
Wann ist ein Bild klein genug?
Es gibt keine universelle Kilobyte-Grenze. Ein kleines Card-Bild sollte deutlich leichter sein als ein bildschirmfüllendes Hero. Entscheidend sind wahrgenommene Qualität, Netzwerkbedingungen und der Anteil des Bildes am Seitenaufbau. Bei einem Hero sind einige hundert Kilobyte oft realistisch; ein Icon sollte nur einen Bruchteil davon wiegen.