Bilder fuers Web exportieren ohne Qualitaetsverlust

Ihre Fotos sehen auf dem Rechner brillant aus, im Browser aber matschig, pixelig oder quaelend langsam. Das Problem liegt fast nie an der Aufnahme, sondern am Export. Nach diesem Artikel exportieren Sie Bilder so, dass sie scharf bleiben, korrekt in den Farben sind und die Seite trotzdem schnell laedt.

Aufloesung: gross genug, aber nicht groesser

Fuer das Web zaehlen Pixel, nicht Zentimeter oder DPI. Der DPI-Wert ist beim Bildschirm bedeutungslos, er gilt nur fuer den Druck. Entscheidend ist die Pixelbreite im Verhaeltnis zum Anzeigebereich. Ein Bild, das maximal 1200 Pixel breit dargestellt wird, braucht keine 6000 Pixel Breite. Solche Ueberdimensionierung blaeht die Datei auf, ohne sichtbar schaerfer zu wirken.

Wegen hochaufloesender Displays (Retina) lohnt es sich, ungefaehr die doppelte Anzeigebreite zu exportieren. Ein Bild, das 800 Pixel breit erscheint, wird also mit rund 1600 Pixeln exportiert. So bleibt es auch auf scharfen Bildschirmen knackig, ohne unnoetig gross zu sein.

Das richtige Format waehlen

JPEG

Der Standard fuer Fotos. JPEG komprimiert mit Verlust, liefert aber bei Fotomotiven das beste Verhaeltnis aus Groesse und Qualitaet. Fuer Bilder mit vielen weichen Farbverlaeufen ist es fast immer die richtige Wahl.

PNG

Sinnvoll fuer Grafiken, Logos, Screenshots mit Text und alles, was Transparenz braucht. Fuer klassische Fotos ist PNG meist die falsche Wahl, weil die Dateien deutlich groesser werden, ohne einen sichtbaren Vorteil zu bieten.

WebP

Ein modernes Format, das bei aehnlicher Qualitaet oft kleiner als JPEG ausfaellt und ebenfalls Transparenz beherrscht. Aktuelle Browser unterstuetzen es breit. Wenn Ihr System es anbietet, ist WebP fuer die meisten Webfotos eine gute Standardwahl. Halten Sie ein JPEG als Rueckfalloption bereit, falls die Umgebung WebP nicht verarbeiten kann.

Komprimierung: den Punkt vor dem Verlust finden

Bei JPEG steuert die Qualitaetsstufe die Kompression. Werte um 70 bis 80 Prozent sind fuer das Web meist ideal: kaum sichtbare Verluste, aber deutlich kleinere Dateien. Erst darunter werden Artefakte an Kanten und in flaechigen Bereichen sichtbar, etwa als kleine Bloecke im Himmel. Statt blind 100 Prozent zu waehlen, testen Sie an einem kritischen Motiv, ab wann Sie einen Unterschied sehen.

Farbraum nicht vergessen

Ein haeufig uebersehener Punkt: Browser gehen von sRGB aus. Exportieren Sie ein Bild im groesseren Farbraum Adobe RGB, wirken die Farben im Web oft flau und blass. Konvertieren Sie beim Export immer nach sRGB, dann stimmen die Farben auf fremden Bildschirmen.

Ein konkretes Beispiel

Ein Blogbeitrag zeigt Titelbilder mit 1000 Pixeln Breite. Der Autor exportiert direkt aus der Kamera-Software mit voller Aufloesung und Qualitaet 100. Jede Datei wiegt 8 MB, die Seite laedt auf dem Handy zaeh. Nach der Umstellung auf 2000 Pixel Breite, JPEG mit Qualitaet 75 und sRGB schrumpft die Datei auf rund 400 KB. Auf dem Bildschirm ist kein Unterschied sichtbar, die Seite laedt aber um ein Vielfaches schneller.

Haeufige Fehler und wie Sie sie beheben

• DPI hochschrauben: Bringt fuer das Web nichts. Nur die Pixelmasse zaehlen.
• Originalgroesse hochladen: Ladezeit und Datenverbrauch explodieren. Vorher auf die noetige Breite verkleinern.
• Falscher Farbraum: Adobe RGB im Web fuehrt zu flauen Farben. Immer nach sRGB konvertieren.
• Zweimal komprimieren: Ein bereits gespeichertes JPEG erneut stark zu komprimieren, summiert die Artefakte. Immer aus dem Original exportieren.
• Schaerfen vergessen: Nach dem Verkleinern wirken Bilder oft weicher. Ein leichtes Ausgabeschaerfen gleicht das aus.

Checkliste fuer den Export

• Pixelbreite auf etwa das Doppelte der Anzeigebreite setzen.
• Format waehlen: JPEG oder WebP fuer Fotos, PNG nur fuer Grafik und Transparenz.
• JPEG-Qualitaet auf 70 bis 80 Prozent, am kritischen Motiv gegenpruefen.
• Farbraum auf sRGB konvertieren.
• Leichtes Ausgabeschaerfen nach dem Verkleinern anwenden.
• Fertige Dateigroesse kontrollieren: fuer normale Webfotos moeglichst unter 500 KB.

Fazit

Guter Web-Export ist ein Kompromiss aus Schaerfe, Farbe und Ladezeit, und dieser Kompromiss laesst sich planen. Ihr naechster Schritt: Legen Sie in Ihrer Bildsoftware eine Export-Vorgabe mit den genannten Werten an, dann sitzt jeder folgende Export in Sekunden.

Haeufige Fragen

Spielt der DPI-Wert fuers Web wirklich keine Rolle?

Fuer die Bildschirmanzeige nein. Der Browser rechnet ausschliesslich in Pixeln. DPI ist nur fuer den Druck relevant.

Soll ich lieber JPEG oder WebP nehmen?

WebP ist bei gleicher Qualitaet oft kleiner und wird breit unterstuetzt. Wenn Ihr System es sauber ausgibt, ist es eine gute Standardwahl. JPEG bleibt die sichere, universell lesbare Alternative.

Warum sehen meine Farben im Browser blasser aus als im Bearbeitungsprogramm?

Meist wurde nicht nach sRGB konvertiert. Browser interpretieren Bilder ohne Profil als sRGB, wodurch weitere Farbraeume flau wirken.

Wie klein darf eine Datei werden, ohne dass es auffaellt?

Das haengt vom Motiv ab. Fotos mit feinen Flaechen wie Himmel reagieren empfindlicher als detailreiche Motive. Testen Sie die Qualitaetsstufe immer am kritischsten Bild.