Farbprofil bei Bildern: Grundbegriff für Einsteiger

Sie haben im Herbst einen Laubwald fotografiert, und auf dem Kameradisplay leuchten die roten Blätter. Nach dem Hochladen wirken die Vorschaubilder in der Galerie, als läge ein grauer Schleier darüber, und im Bildprogramm auf dem eigenen Rechner leuchtet dasselbe Foto wie gewohnt. Weder Kamera noch Browser sind kaputt. Meist hat jemand im Kameramenü den Farbraum auf Adobe RGB gestellt, und unterwegs ist die Angabe verloren gegangen, wie die Zahlen in der Datei zu lesen sind. Genau diese Angabe ist das Farbprofil bei Bildern.

Schema zum Farbprofil bei Bildern: Farbräume sRGB und Adobe RGB und ihre Wirkung auf die Bildfarben

Was ein Farbprofil bei Bildern festlegt

Ein JPEG speichert für jeden Bildpunkt drei Zahlen zwischen 0 und 255, je eine für Rot, Grün und Blau. Welche Farbe „255, 0, 0“ wirklich ist, steht nirgends in diesen Zahlen. Es hängt davon ab, wie rot das röteste Rot sein soll, welches Weiß als Weiß gilt und wie die Helligkeit zwischen 0 und 255 ansteigt. Diese drei Festlegungen zusammen nennt man Farbraum. Ein Farbprofil bei Bildern ist die kleine Beschreibung dieses Farbraums in der Datei, meist nach dem Standard des International Color Consortium, daher der Name ICC-Profil. Das übliche sRGB-Profil ist rund 3 KB groß.

Wie viel davon abhängt, zeigt ein einzelnes rotes Blatt. In sRGB steht sein Farbton als 200, 40, 40 in der Datei. Adobe RGB hat denselben roten Eckpunkt wie sRGB, aber ein deutlich satteres Grün und eine etwas andere Helligkeitskurve. Die Skalen liegen dadurch verschoben, und derselbe Farbton steht dort als 172, 44, 44 in der Datei. Beide Dateien zeigen dasselbe Rot, solange das Programm das Profil liest und umrechnet. Liest es das Profil nicht, nimmt es die Zahlen 172, 44, 44 einfach als sRGB, und das Blatt wird dunkler und stumpfer.

Woher Ihre Fotos ihr Farbprofil haben

Welches Profil in Ihren Fotos steckt, hängt vor allem davon ab, womit sie entstanden sind. Die Tabelle nennt die Quellen, die in einer privaten oder Vereinsgalerie am häufigsten vorkommen.

Quelle	Übliches Farbprofil	Woran Sie es erkennen
Kamera im Werkszustand	sRGB	Dateiname wie `IMG_1234.JPG` oder `DSC_1234.JPG`
Kamera mit Farbraum Adobe RGB	Adobe RGB	viele Kameras setzen einen Unterstrich davor, etwa `_MG_1234.JPG` oder `_DSC1234.JPG`
iPhone seit dem iPhone 7	Display P3	Bildinformationen im Bildprogramm, Feld Farbprofil
Druckvorlage aus der Agentur	CMYK, etwa für Offsetdruck	Bildprogramm zeigt den Modus CMYK statt RGB

Display P3 ist größer als sRGB: Bei Rot reicht es weiter als sRGB und Adobe RGB, bei Grün liegt es zwischen beiden. Geht das Profil eines Handyfotos verloren, fällt das bei Himmel und Hauttönen kaum auf, bei sehr satten Blüten, Neonschildern oder Trikotfarben aber schon.

Fotos vom iPhone

Das Farbprofil bei Bildern vom iPhone heißt fast immer Display P3, und es steckt zunächst in einer HEIC-Datei. Dieses Format nimmt die Galerie nicht an. Sie meldet dann zum Beispiel „„IMG_1234.HEIC“ ist ein HEIC-Foto (iPhone) und wurde nicht hochgeladen. Bitte speichern Sie es vorher als JPEG.“ Stellen Sie am iPhone unter „Einstellungen“ › „Kamera“ › „Formate“ die Option „Maximale Kompatibilität“ ein, speichert die Kamera künftig JPEG. Auch beim Export eines vorhandenen Fotos als JPEG wechselt nur das Dateiformat. Das P3-Profil reist in der JPEG-Datei mit, die Zahlen bleiben P3-Werte. Wer sichergehen will, dass Vorschau und Original gleich aussehen, wandelt das JPEG vor dem Hochladen zusätzlich nach sRGB um, wie weiter unten beschrieben.

CMYK: Profile für den Druck

Auch das Farbprofil bei Bildern für den Druck beschreibt einen Farbraum, nur einen aus Druckfarben statt aus Licht. Statt Rot, Grün und Blau speichert eine CMYK-Datei vier Werte in Prozent: wie viel Cyan, Magenta, Gelb und Schwarz an dieser Stelle aufs Papier soll. Das Profil legt fest, auf welchem Papier und mit welcher Maschine gedruckt wird. Für Offsetdruck auf gestrichenem Papier ist in Europa zum Beispiel „Coated FOGRA39“ verbreitet. In eine Galerie geraten solche Dateien meist auf Umwegen: als Bild aus der Druckvorlage eines Vereinsflyers oder als Foto, das eine Druckerei aufbereitet hat.

Für den Bildschirm sind CMYK-Dateien die falsche Wahl. Bildschirme mischen Licht, jedes Programm muss die vier Werte erst umrechnen, und wie gut das gelingt, hängt vom Programm ab. Das Bildergalerie-Script nimmt eine CMYK-Datei zwar an, weil sie formal ein JPEG ist, rechnet aber keine Farben um. Wandeln Sie solche Bilder deshalb vor dem Hochladen in RGB mit dem Profil sRGB um.

Woran Sie ein verlorenes Profil erkennen

Ein falsches oder verlorenes Profil verrät sich fast immer durch einen Vergleich. Sehen Sie dasselbe Foto an zwei Stellen unterschiedlich, lohnt dieser Verdacht zuerst.

Vorschau blass, Original kräftig: Die verkleinerte Kopie hat ihr Profil verloren, das Original nicht. Typisch für Fotos in Adobe RGB.
Zwei Programme, zwei Farben: Ein einfacher Bildbetrachter ignoriert das Profil, die Bildbearbeitung wertet es aus. Der Unterschied zeigt, dass ein großer Farbraum im Spiel ist.
Unterstrich im Dateinamen: Bei vielen Kameras ein Zeichen für Adobe RGB. Prüfen Sie im Kameramenü den Punkt „Farbraum“ und stellen Sie für Fotos, die ins Netz gehen, sRGB ein.
Farben stimmen am eigenen Bildschirm, beim Besuch nicht: Das muss kein Profilfehler sein. Bildschirme unterscheiden sich auch bei richtigem Profil. Ein Vergleich auf einem zweiten Gerät klärt das.

Umwandeln statt nur zuweisen

Bildprogramme bieten zwei Befehle an, die ähnlich klingen und Gegenteiliges tun. Beim Zuweisen bekommt die Datei ein neues Profil, die Zahlen bleiben aber stehen. Aus dem Blatt mit 172, 44, 44 in Adobe RGB wird durch Zuweisen von sRGB also genau das stumpfe Rot. Beim Umwandeln rechnet das Programm die Zahlen so um, dass die Farbe gleich bleibt: Aus 172, 44, 44 wird 200, 40, 40. In Photoshop heißt der Befehl „In Profil umwandeln“, in GIMP finden Sie ihn unter „Bild“ › „Farbverwaltung“ › „In Farbprofil umwandeln“.

Für den Weg ins Netz ist Umwandeln nach sRGB der sichere Schritt. Danach ist es fast egal, ob ein späteres Programm das Profil mitnimmt oder wegwirft, denn ein Bild ohne Profil gilt im Browser ohnehin als sRGB. Bei einer Kategorie mit 40 Vorschaubildern kämen rund 120 KB Profildaten zusammen, deshalb lassen viele Werkzeuge fürs Web das Profil weg. Einem Foto in sRGB schadet das nicht.

Was das Bildergalerie-Script mit Farbprofilen macht

Das Bildergalerie-Script wandelt keine Profile um. Beim Hochladen speichert es Ihr Original unverändert im Ordner der Kategorie, ein eingebettetes Profil bleibt dort also erhalten. Vorschaubild und Kopie für die große Ansicht berechnet die Galerie dagegen neu, mit der PHP-Bibliothek GD. Dabei übernimmt sie die Zahlenwerte der Pixel, aber kein eingebettetes Farbprofil. Für ein Foto in sRGB ist das ohne Folgen, weil Browser ein Bild ohne Profil ohnehin als sRGB behandeln. Bei einem Foto in Adobe RGB sieht man den Unterschied. Das Diagramm rechnet ihn am roten Blatt durch und zeigt als dritten Weg das vorher umgewandelte Foto.

Animiertes Ablaufdiagramm: Ein rotes Blatt in Adobe RGB mit dem Wert 172, 44, 44 erscheint im Original mit Profil kräftig als 200, 40, 40, im Vorschaubild ohne Profil matt; nach Umwandlung in sRGB steht 200, 40, 40 in beiden Dateien und sie sehen gleich aus — Die Galerie rechnet keine Farben um, sie lässt nur das Profil weg. Wer vorher nach sRGB umwandelt, bekommt Original und Vorschau in derselben Farbe.

Datei	Farbprofil	Foto in Adobe RGB wirkt dort
Original, etwa `bilder/herbst/laubwald.jpg`	bleibt eingebettet	richtig, der Browser wertet das Profil aus
Vorschaubild `bilder/tn/tn3_laubwald.jpg`	fehlt	matter und blasser
Kopie für die große Ansicht `bilder/tn/ob_3_laubwald.jpg`	fehlt	matter und blasser

Praxisfall: Vorschau blass, große Ansicht kräftig

Welche Datei die große Ansicht zeigt, hängt von Maßen und Ausrichtung ab. Mit den Standardwerten unter „Einstellungen“, Abschnitt „Große Ansicht (Lightbox)“, entsteht eine eigene Kopie für Bilder, die größer als 1024 mal 1024 Pixel sind, und für Fotos, die gedreht werden müssen. Daraus ergeben sich bei Fotos in Adobe RGB oder Display P3 drei typische Fälle:

Foto mit 6000 mal 4000 Pixeln: Die Galerie erzeugt eine Kopie mit 1024 mal 682 Pixeln. Vorschaubild und große Ansicht sind beide ohne Profil und wirken flau.
Foto mit 900 mal 600 Pixeln: Eine Kopie ist nicht nötig. Das Vorschaubild ist blass, beim Anklicken erscheint das Original mit Profil und kräftigen Farben.
Hochformatfoto vom Handy: Muss die Galerie ein Foto laut EXIF-Angabe drehen, legt sie auch bei kleinen Maßen eine Kopie an. Dann sind wie im ersten Fall Vorschau und große Ansicht ohne Profil.

Setzen Sie „Maximale Breite der großen Ansicht“ und „Maximale Höhe der großen Ansicht“ beide auf 0, zeigt die große Ansicht immer das Original. Das Vorschaubild bleibt trotzdem ohne Profil. Wirken Vorschau und große Ansicht desselben Fotos unterschiedlich kräftig, ist ein Foto in Adobe RGB oder Display P3 fast immer die Ursache.

Die sichere Lösung ist deshalb dieselbe wie für jede Webseite: Wandeln Sie Fotos vor dem Hochladen in Ihrem Bildprogramm nach sRGB um. Eine Bildbearbeitung oder Umwandlung von Farbprofilen hat die Verwaltung der Galerie nicht. Ein bereits hochgeladenes Bild ersetzen Sie, indem Sie es unter „Bilder verwalten“ löschen und die umgewandelte Fassung neu hochladen. Vorschaubild und Kopie entstehen dabei sofort neu. Wer das an eigenen Fotos testen will, kann das Bildergalerie-Script kostenlos herunterladen und ein Bild einmal in Adobe RGB und einmal in sRGB hochladen.

Häufige Fragen

Die meisten Fragen zum Farbprofil entstehen, wenn dasselbe Foto an zwei Stellen unterschiedlich aussieht.

Welches Farbprofil brauche ich für Bilder im Web?

sRGB. Ein Bild ohne Profil behandelt jeder Browser als sRGB, und auch Programme, die Profile unterwegs verlieren, richten dann keinen Schaden an. Adobe RGB und Display P3 bringen im Netz nur etwas, wenn wirklich jede Kopie ihr Profil behält, und darauf können Sie sich nicht verlassen.

Warum wirken meine Fotos in der Galerie blasser als im Bildprogramm?

Sind nur die Vorschaubilder blass, liegt das Original in Adobe RGB oder Display P3 vor. Das Bildergalerie-Script berechnet Vorschaubilder neu und übernimmt dabei kein Profil, der Browser liest die Farben dann als sRGB. Wirkt auch das Original blass, hat es vermutlich ein falsches Profil zugewiesen bekommen. In beiden Fällen hilft es, die Ausgangsdatei nach sRGB umzuwandeln und neu hochzuladen.

Geht das Farbprofil bei Bildern beim Hochladen verloren?

Im Original nicht: Das Bildergalerie-Script speichert die hochgeladene Datei unverändert im Ordner der Kategorie. Verloren geht das Profil in den Kopien, die die Galerie selbst berechnet, also im Vorschaubild tn… und in der Kopie ob_… für die große Ansicht, die bei Fotos über 1024 mal 1024 Pixel oder bei gedrehten Handyfotos entsteht. Bei Fotos in sRGB sieht man davon nichts.

Was ist der Unterschied zwischen Profil einbetten und zuweisen?

Einbetten bedeutet, das Profil beim Speichern mit in die Datei zu schreiben, damit andere Programme es lesen können. Zuweisen tauscht das Profil aus, ohne die Zahlen anzufassen, und verändert damit das Aussehen. Wer den Farbraum wechseln und das Aussehen behalten will, wählt Umwandeln.