Ein gutes Webbild lädt schnell, wirkt in der vorgesehenen Grösse sauber und bleibt farblich verlässlich. Dafür musst du nicht jede Datei maximal komprimieren. Du brauchst eine Zielbreite, ein passendes Format, kontrollierte Qualität und eine Prüfung in der echten Darstellung.
Die schnelle Antwort: Bestimme zuerst, wie breit das Bild auf der Website maximal angezeigt wird. Verkleinere eine Kopie auf diese Zielgrösse oder eine technisch begründete höhere Variante für hochauflösende Displays. Konvertiere für allgemeine Webausgabe nach sRGB, wähle JPEG oder WebP für Fotos, schärfe dezent nach dem Skalieren und vergleiche die Datei bei 100 Prozent sowie im Browser.
Was du nicht tun solltest
Überschreibe nicht das Masterbild. Nutze keine pauschale Prozentzahl für jedes Motiv. Lade keine privaten oder unveröffentlichten Fotos in unbekannte Online-Kompressoren. Verwechsele DPI nicht mit Pixelmass und schärfe nicht vor und nach jeder Zwischenspeicherung aggressiv.
Was die Grafik zeigt
- Zielabmessung aus der tatsächlichen Darstellung ableiten.
- Format und Qualität kontrolliert wählen.
- Datei, Profil und Metadaten prüfen.
- Desktop- und Mobilansicht visuell vergleichen.
Vertiefung nach dem Exportcheck
Das aktuelle Lightroom-Classic-Buch behandelt Webausgabe und Export-Presets. Es ist eine Vertiefung nach dem kostenlosen Rechner und der Checkliste, kein notwendiger Kauf für diesen Ablauf.
Werbung · Affiliate-Links: Bei einem Kauf kann ich eine Provision erhalten. Für dich ändert sich der Preis dadurch nicht.
Buch
Maike Jarsetz: Lightroom Classic – Schritt für Schritt zu perfekten Fotos, 10. Auflage
ISBN 978-3-367-11034-6. Die Ausgabe von 2025 vertieft Katalog, Sicherung und Export. Sie ersetzt weder die unveränderte Katalogkopie noch die hier beschriebene sichere Diagnose.
1. Zielgrösse aus dem Layout ableiten
Ein Bild, das im Inhalt maximal 1200 Pixel breit erscheint, braucht nicht ungeprüft die volle Kamerabreite. Prüfe Desktop, Tablet und Mobilansicht sowie mögliche Vollbild- oder Zoomfunktionen. Responsive Websites liefern oft mehrere Varianten; die redaktionelle Exportdatei sollte zum späteren Bildprozess passen.
Wenn die technische Websiteverarbeitung unbekannt ist, dokumentiere die gewünschte Anzeige statt einen CMS-Workaround zu erfinden. WordPress-spezifische Kompression, Plugins und Themeverhalten sind ein eigenes technisches Thema und werden nicht in diesen Fotoworkflow gezogen.
2. Pixelmass statt DPI
Für die Browserdarstellung zählt die Anzahl der Pixel. Ein Wechsel von 300 auf 72 DPI ohne Änderung der Pixelmasse macht die Datei nicht kleiner oder schärfer. DPI beschreibt vor allem eine Ausgabezuordnung für Druck.
Lege Breite und Höhe in Pixeln fest. Erhalte das Seitenverhältnis, ausser ein bewusster Crop ist nötig. Verkleinere nur eine Kopie und bewahre das hochauflösende Original für spätere Formate.
3. JPEG, WebP, PNG oder AVIF?
JPEG ist breit unterstützt und gut für Fotografien. WebP kann bei ähnlicher sichtbarer Qualität kleinere Dateien ermöglichen und unterstützt weitere Funktionen. PNG ist für Fotos häufig unnötig gross, bleibt aber bei Transparenz oder bestimmten Grafiken relevant. AVIF kann effizient sein, benötigt jedoch eine aktuelle technische Kompatibilitätsprüfung.
Wähle das Format nicht nur nach einem Laborwert. Prüfe Browserunterstützung, Bildpipeline, Transparenz, Metadatenbedarf und die Art des Motivs. Feines Rauschen, Laub, Textilien und Verläufe reagieren anders als ruhige Flächen.
4. Qualität kontrolliert einstellen
Exportiere drei Versionen in einem sinnvollen Bereich und vergleiche sie nebeneinander. Achte auf Blockartefakte, Farbsäume, Banding und zerstörte Texturen. Wähle die kleinste Datei, die in der tatsächlichen Darstellung sauber bleibt.
Eine feste Qualitätszahl ist kein universeller Standard, weil Programme unterschiedlich skalieren. Dokumentiere deshalb Programm, Format, Pixelmass und sichtbares Ergebnis statt nur den Reglerwert.
5. Nach dem Verkleinern schärfen
Skalieren verändert Kanten und Details. Eine dezente Ausgabeschärfung nach dem Verkleinern kann helfen. Beurteile sie in der Zielgrösse. Zu starke Schärfung erzeugt helle Ränder und betont Kompressionsartefakte.
Unterschiedliche Motive brauchen unterschiedliche Stärke. Ein Porträt verlangt meist mehr Zurückhaltung als Architektur. Erstelle keine einzige Vorgabe, die jede Bildart gleich behandelt.
6. Farbe und Profil
Konvertiere allgemeine Webbilder nach sRGB und bette das Profil ein. Wenn Farben im Browser abweichen, prüfe dieselbe Datei in einer farbmanagementfähigen Anwendung und kontrolliere Displaymodi. Die ausführliche Farbdiagnose bleibt beim Exportfarben-Leitfaden.
Kompression allein löst keinen falschen Farbraum. Ändere Farbe, Qualität und Pixelmass nacheinander, damit das Ergebnis nachvollziehbar bleibt.
7. Metadaten und Datenschutz
Metadaten können Aufnahmezeit, Kameradaten, Copyright und unter Umständen Ortsinformationen enthalten. Entscheide bewusst, welche Angaben öffentlich sein sollen. Entferne sensible Geodaten aus einer Exportkopie, nicht aus dem Master. Prüfe die endgültige Datei.
Online-Kompressoren erhalten Zugriff auf die hochgeladene Datei. Für private, unveröffentlichte oder kundenspezifische Bilder ist ein lokaler Workflow meist kontrollierbarer. Lies Datenschutz und Speicherpraxis, bevor du ein Tool nutzt.
8. Browser- und Mobiltest
Öffne die Datei lokal im Browser und danach in einer Testseite, wenn eine private Umgebung vorhanden ist. Prüfe grosse und kleine Viewports, hochauflösendes Display und normale Verbindung. Achte auf zusätzliche Skalierung durch CSS oder die Website-Bildpipeline.
Wird das Bild unscharf dargestellt, obwohl die Datei sauber ist, kann die Website eine zu kleine Variante strecken. Das ist ein technisches Layoutproblem und nicht durch erneutes JPEG-Schärfen zu lösen.
9. Generische Online-Kompression richtig einordnen
Ein Online-Tool kann Dateien schnell verkleinern, aber es kennt nicht automatisch deine Zielbreite, Rechteanforderung oder Qualitätsgrenze. Nutze solche Tools nur mit unkritischen Kopien und prüfe das Ergebnis. Ein Vergleichstool auf dieser Seite soll deshalb möglichst lokal beziehungsweise ohne Uploadzwang arbeiten und transparent zeigen, welche Werte geändert werden.
Reproduzierbarer Exportworkflow
- Master sichern. 2. maximale Anzeigegrösse bestimmen. 3. Kopie zuschneiden. 4. Pixelmasse festlegen. 5. sRGB einbetten. 6. Format wählen. 7. Qualitätsvarianten exportieren. 8. nach Skalierung dezent schärfen. 9. Metadaten prüfen. 10. Browser und Mobilansicht kontrollieren.
So bleibt der Ablauf sachlich
Für einen guten Webexport ist normalerweise kein neues Gerät nötig. Vorhandene Bearbeitungssoftware oder ein lokales Exportwerkzeug reicht. Eine Empfehlung würde hier eher ablenken. Die Seite hat trotzdem hohen Nutzwert, weil sie einen häufigen Produktionsfehler löst und mit Grafik und Checkliste einen direkt nutzbaren Ablauf bietet.
Häufige Fragen
Wie gross soll ein Webbild sein?
So gross wie die maximale tatsächliche Darstellung und der technische Auslieferungsweg es erfordern. Eine universelle Breite ohne Layoutkontext wäre unseriös.
Ist WebP immer besser als JPEG?
Nicht automatisch. Es kann effizienter sein, aber Kompatibilität, Bildpipeline und Motiv entscheiden.
Was bedeutet ohne Qualitätsverlust?
Bei verlustbehafteter Kompression gibt es technisch Veränderungen. Gemeint ist, dass in der Zielansicht kein relevanter sichtbarer Verlust entsteht.
Brauche ich ein Online-Tool?
Nein. Viele Bildprogramme exportieren kontrolliert. Online-Tools sind nur eine Option und benötigen eine Datenschutzprüfung.
Wann muss ich stoppen?
Wenn die Website Bilder erneut unkontrolliert skaliert oder private Dateien nur über einen unbekannten Dienst verarbeitet werden könnten. Dann zuerst die technische Verarbeitung oder den Datenschutz klären.
Webbild-Rechner
Die Dateigrösse ist eine grobe Schätzung. Das sichtbare Ergebnis muss immer verglichen werden.
Weiterführende Hilfe
Hier ist keine Kaufempfehlung nötig. Die sichere Diagnose, die Herstellerquellen und die Stopkriterien lösen die Aufgabe glaubwürdiger als ein beliebiges Produkt.