RAW für Web und Social Media aufbereiten: der Export

Eine RAW-Datei ist ein Rohstoff. Sie enthält die volle Sensorinformation deiner Kamera, ist dafür aber mehrere Dutzend Megabyte groß und wird von keinem Browser direkt angezeigt. Wer ein Foto auf eine Website, in einen Online-Shop oder auf Social Media bringen will, muss aus diesem Rohstoff ein web-fertiges JPG machen. Genau an dieser Stelle entscheidet sich, ob das Bild schnell lädt, korrekt aussieht und auf jedem Display überzeugt. Dieser Ratgeber zeigt, welche Auflösung, welche Qualitätsstufe und welcher Farbraum fürs Web richtig sind und wie ein sauberer Export-Workflow konkret abläuft.

Warum RAW nie direkt ins Web gehört

Ein RAW-Format wie CR2 (Canon), NEF (Nikon) oder ARW (Sony) speichert die unbearbeiteten Helligkeitswerte des Sensors, oft mit 12 oder 14 Bit Farbtiefe pro Kanal. Diese Tiefe brauchst du in der Bearbeitung, im fertigen Webbild ist sie überflüssig: Browser und Standard-Displays zeigen ohnehin nur 8 Bit pro Kanal an. Dazu kommt, dass jeder Kamerahersteller sein eigenes RAW-Format kocht und kein Webstandard diese Dateien rendert.

JPG dagegen ist der gemeinsame Nenner des Webs. Es ist verlustbehaftet komprimiert, in jedem Browser nativ darstellbar und lässt sich in der Dateigröße fein steuern. Der Schritt von RAW zu JPG ist deshalb kein Qualitätsverlust, den man bedauern muss, sondern eine bewusste Übersetzung in das Medium, in dem das Bild später lebt.

Die richtige Auflösung: nicht größer als nötig

Der häufigste Fehler ist, das Bild in voller Sensorauflösung ins Web zu stellen. Ein 6000 x 4000 Pixel großes Foto braucht niemand, um es auf einem 1440-Pixel-breiten Content-Bereich anzuzeigen. Der Browser skaliert es ohnehin herunter, der Besucher zahlt aber die volle Ladezeit und auf dem Smartphone das volle Datenvolumen.

Die Faustregel orientiert sich am Anzeigeort. Inhaltsbilder im Fließtext kommen mit 1600 bis 2048 Pixeln an der langen Kante aus. Vollbreite Hero-Motive dürfen bis 2560 Pixel gehen, weil sie auf großen Retina-Displays die ganze Bühne füllen. Thumbnails und Galerie-Vorschauen reichen mit 600 bis 800 Pixeln. Wer responsive Bilder mit srcset ausliefert, erzeugt aus dem RAW am besten gleich zwei bis drei Größen.

Einsatzort	Lange Kante	JPG-Qualität	Zielgröße Datei
Thumbnail / Galerie-Vorschau	800 px	78 bis 80 Prozent	unter 80 KB
Inhaltsbild im Fließtext	1600 px	82 Prozent	150 bis 300 KB
Großes Content-Bild	2048 px	82 bis 85 Prozent	300 bis 600 KB
Hero / Vollbild	2560 px	80 bis 82 Prozent	400 bis 800 KB
Instagram-Post (quadratisch)	1080 px	85 Prozent	150 bis 350 KB
Instagram-Story / Reel-Cover	1080 x 1920 px	85 Prozent	200 bis 450 KB

Qualität 80 bis 85 Prozent: der Sweet Spot

Der JPG-Qualitätsregler steuert, wie stark der Codec komprimiert. Bei 100 Prozent bleibt fast alles erhalten, die Datei wird groß. Bei 50 Prozent wird sie winzig, aber sichtbar matschig. Der nutzbare Bereich fürs Web liegt zwischen 78 und 88 Prozent, und der Punkt mit dem besten Verhältnis aus Schärfe und Größe sitzt bei rund 82 Prozent.

Spannend ist, wie die Dateigröße auf den letzten Prozentpunkten explodiert, ohne dass das Auge mithält. Der Sprung von 85 auf 95 Prozent verdoppelt die Datei oft nahezu, der sichtbare Gewinn liegt nahe null. Umgekehrt sind die ersten Einsparungen fast kostenlos: von 100 auf 85 Prozent fällt die Größe steil, das Bild bleibt scharf.

Wo genau der Sweet Spot liegt, hängt vom Motiv ab. Bilder mit vielen feinen Strukturen wie Laub, Haare oder Texturen vertragen weniger Kompression als glatte Flächen wie Himmel oder Studio-Hintergründe. Im Zweifel exportierst du zwei Varianten und vergleichst sie bei 100-Prozent-Ansicht an den kritischen Kanten.

sRGB statt Adobe RGB: der unsichtbare Fallstrick

Hier liegt der Fehler, der die meisten Web-Exporte heimlich ruiniert. Adobe RGB ist ein größerer Farbraum als sRGB und in der Bearbeitung durchaus sinnvoll, weil er mehr satte Grün- und Cyantöne fasst. Das Web aber rechnet standardmäßig in sRGB. Browser gehen davon aus, dass ein JPG ohne eindeutige Farbraum-Information sRGB-Werte enthält.

Exportierst du nun ein Foto in Adobe RGB und das Profil geht verloren oder wird vom CMS entfernt, interpretiert der Browser die größeren Adobe-RGB-Zahlen als kleinere sRGB-Werte. Das Ergebnis sind blasse, entsättigte Farben, besonders sichtbar an kräftigem Rot und Grün. Das Bild sah in deinem Bearbeitungsprogramm perfekt aus und wirkt online plötzlich kraftlos.

Bearbeiten kannst du in Adobe RGB. Veröffentlichen solltest du in sRGB. Wer das vertauscht, liefert blasse Farben aus, ohne den Grund zu kennen.

Die Lösung ist simpel: Beim Export fürs Web wandelst du in den sRGB-Farbraum um und bettest das sRGB-Profil ein. Moderne Displays mit größerem P3-Gamut zeigen sRGB-Bilder korrekt an, der umgekehrte Weg funktioniert aber nicht zuverlässig. sRGB ist der sichere gemeinsame Nenner, der überall stimmt, vom alten Bürobildschirm bis zum aktuellen Smartphone.

Der Export-Workflow Schritt für Schritt

Ein verlässlicher Ablauf von der RAW-Datei zum fertigen Webbild sieht so aus:

1. Bearbeiten in voller Tiefe. Weißabgleich, Belichtung und Lichter regelst du auf der RAW-Datei, solange noch die volle 12- bis 14-Bit-Information da ist.
2. Auf Zielgröße skalieren. Lege die lange Kante anhand des Anzeigeorts fest, etwa 2048 Pixel für ein Content-Bild.
3. Schärfen nach dem Skalieren. Das Herunterrechnen weicht das Bild leicht auf. Ein dezenter Schärfungsschritt fürs Bildschirm-Ausgabeformat gleicht das aus.
4. In sRGB umwandeln und Profil einbetten. Das ist der entscheidende Schritt für korrekte Farben im Browser.
5. Als JPG mit 82 Prozent exportieren. Bei feinen Texturen eher 85, bei glatten Flächen reichen 80 Prozent.
6. Metadaten prüfen. GPS-Koordinaten und Seriennummern haben im Web nichts verloren. Mehr dazu im Ratgeber zu EXIF und Bildrechten.

Genau diese Übersetzung von RAW zu web-fertigem JPG übernimmt das Tool auf raw-jpg.de direkt im Browser. Die RAW-Datei verlässt deinen Rechner nicht, die Konvertierung läuft clientseitig. Du bekommst ein sRGB-JPG, das du nur noch auf die Zielgröße bringst und hochlädst.

So bleibt dein Web-Export reproduzierbar

Wer regelmäßig Fotos fürs Web aufbereitet, sollte sich feste Export-Vorgaben merken statt jedes Bild neu zu raten. Lege dir zwei oder drei Standardgrößen fest, eine für Content, eine für Hero, eine für Thumbnails, und kombiniere sie immer mit sRGB und 82 Prozent Qualität. Dann produzierst du konsistente Bilder, die schnell laden und auf jedem Bildschirm gleich aussehen. Die Zeit, die du einmal in den Workflow steckst, sparst du bei jedem weiteren Foto zurück, und deine Seite dankt es dir mit kurzen Ladezeiten und zufriedenen Besuchern.