Nach dem Einsatzzweck entscheiden
Vergleiche bei einem Webfoto zunächst WebP und JPEG. Für Diagramme, Screenshots oder Logos mit exakten Kanten eignen sich ein Vergleich von PNG und einer verlustfreien Alternative. WebP unterstützt Transparenz sowie verlustbehaftete und verlustfreie Kompression; JPEG erhält keinen Alphakanal. Der Konverter kann jedoch weniger Funktionen exportieren, als das Format grundsätzlich bietet. Bewahre vor jedem Versuch ein unverändertes Original auf.
Erst die Abmessungen, dann die Qualität
Ein Bild, das 800 Pixel breit angezeigt wird, benötigt an derselben Stelle selten einen Export mit 6.000 Pixeln. Bestimme Anzeigegröße und gewünschte Schärfe auf hochauflösenden Displays und skaliere unter Beibehaltung des Seitenverhältnisses. Zuschneiden verändert den Bildausschnitt, Skalieren die Abmessungen. Verwende für eine Produktvergrößerung eine separate größere Datei. Ein kleines Vorschaubild sollte nicht zum Hauptfoto hochgerechnet werden.
In der tatsächlichen Anzeigegröße vergleichen
Beginne mit einer mittleren Qualität, prüfe den Export in der vorgesehenen Größe und vergleiche die Dateigrößen. Schrift, Haare, feines Gewebe und weiche Farbverläufe zeigen Kompressionsschäden besonders deutlich. Ein Qualitätswert von 80 bedeutet bei verschiedenen Encodern nicht dieselbe Bildqualität. Versprich keine feste Einsparung: Eine bereits effiziente Datei kann kaum kleiner oder sogar größer werden.
Transparenz, Ausrichtung und Animation prüfen
Transparente Grafiken brauchen ein Ausgabeformat mit Alphakanal. Wähle beim JPEG-Export bewusst eine Hintergrundfarbe, damit keine unerwartet schwarzen Ränder entstehen. Öffne die gespeicherte Datei erneut und kontrolliere Ausrichtung und Farben. Ein Standbildkonverter kann nur einen Frame einer Animation übernehmen; beim Export können Metadaten verloren gehen. Bewahre das Original auf, wenn diese Eigenschaften wichtig sind.
Einen wiederholbaren Ablauf verwenden
Lege den Ausschnitt fest, skaliere einmal, exportiere zwei Kandidaten und wähle das kleinere akzeptable Ergebnis. Vergib einen aussagekräftigen Dateinamen und einen Alternativtext, der den Zweck des Bildes beschreibt. Prüfe die fertige Seite auf Smartphone und Desktop. Dieser Ablauf ist eine redaktionelle Empfehlung, kein Leistungsvergleich eines bestimmten Encoders. Entscheidend ist das Ergebnis für die Besucher.
developers.google.com · developer.mozilla.org