Viele Menschen haben Probleme mit der Farbe ihrer Fotos, wenn sie sie online veröffentlichen. Es gibt mehrere Gründe, warum dies so sein könnte, aber die häufigsten Schuldigen sind der Farbraum des Bildes und ob das Profil eingebettet ist oder nicht. Beide Farbeinstellungen können die Farbe des Webbrowsers und das Aussehen Ihrer Fotos radikal beeinflussen.
Schauen wir uns einige der potenziellen Fallstricke genauer an.
Die Bedeutung der Einbettung des Farbprofils
Wenn Sie Ihre Fotos in einem Bearbeitungsprogramm wie Photoshop bearbeiten, verwenden Sie einen bestimmten RGB-Arbeitsfarbraum. Um sicherzustellen, dass die Farbe, die Sie beim Bearbeiten sehen, erhalten bleibt, müssen Sie das Profil einbetten, bevor Sie das Bild speichern.
In einfachen Worten ist das ICC-Profil ein Übersetzer. Es ermöglicht verschiedenen Apps und Geräten, die Farbe wie beabsichtigt zu interpretieren. Wenn Sie es sich zur Gewohnheit machen, beim Speichern Profile in Ihre Bilder einzubetten, verringern Sie die Wahrscheinlichkeit, dass Farben im Web oder im Druck falsch aussehen.
Die satte Farbe in diesem ProPhoto-RGB-Bild sieht in vielen Browsern in Ordnung aus, obwohl es nicht wie normalerweise empfohlen sRGB ist. Wenn es für Sie stumm und ohne Sättigung aussieht, liegt dies daran, dass Sie es in einem nicht farbverwalteten Browser anzeigen. Durch das Einbetten des Profils habe ich ihm die beste Chance gegeben, für die Mehrheit der Menschen wie beabsichtigt auszusehen. Auf einem Monitor mit großem Farbumfang werden die Farben etwas stärker hervorgehoben.
Durch das Einbetten des Profils in ein Bild wird die Dateigröße um ca. 3 bis 4 KB erhöht. Das Ausschließen ist daher nur dann sinnvoll, wenn Sie große Mengen von Fotos ins Internet hochladen.
Wenn Sie das Profil weglassen müssen, können Sie die daraus resultierenden Schäden begrenzen, indem Sie sicherstellen, dass sich das Bild im sRGB-Farbraum befindet. Zwei oder drei der beliebtesten Browser zeigen die Farbe weiterhin genau an, da sie das Profil automatisch richtig erraten (d. H. SRGB).
Obwohl die meisten Browser in letzter Zeit den Umgang mit Farben verbessert haben, empfiehlt es sich immer noch, das Profil einzubetten. Lass es nicht ohne Grund aus.
Da das Profil nicht in demselben ProPhoto RGB-Bild enthalten ist, sehen Helligkeit und Farbe in den meisten Browsern und auf den meisten Monitoren schrecklich aus. Im Gegensatz dazu wäre ein fehlendes Profil für eine sRGB-Datei für eine große Anzahl von Personen nicht erkennbar.
So binden Sie das Profil ein
Das Einbetten des Profils in Bilder ist normalerweise nur ein Kontrollkästchen, wenn Sie das Foto exportieren. Wenn eine solche Option nicht vorhanden ist, ist die Standardeinstellung entweder der vordefinierte Arbeitsbereich des Programms oder sRGB für die webspezifische Ausgabe.
Wenn Sie die Farbe Ihrer Webbilder vor der Veröffentlichung überprüfen möchten, öffnen Sie sie direkt in einem Browser (vorzugsweise einem zuverlässigen wie Chrome) und sehen Sie, wie sie mit dem Original in Ihrem Fotobearbeitungsprogramm verglichen werden. Seien Sie etwas vorsichtig beim Hochladen von Bildern auf Plattformen, die das Profil entfernen, obwohl dies normalerweise keine Fotogalerieseiten sind.
Das Einbetten oder Entfernen von Profilen erfordert normalerweise nur das Aktivieren oder Deaktivieren eines Kontrollkästchens beim Speichern. Dies ist der Bereich "Speichern unter" in Photoshop.
In Profil konvertieren
Sie können in Photoshop "In Profil konvertieren" verwenden, um ein sRGB-Bild zu erstellen. Dies ist die sicherste Farbraumauswahl für das Web. Stellen Sie sicher, dass Sie die Originaldatei nicht überschreiben und auf diese Weise speichern, da größere Farbräume die bessere Wahl für Ausgaben wie den Tintenstrahldruck sind.
Verwenden Sie für die Profilkonvertierung nicht "Profil zuweisen", da dies zu einer Farbverschiebung führt und nicht für diesen Zweck vorgesehen ist.
Die Verwendung von „Profil zuweisen“ in Photoshop zum Konvertieren zwischen Profilen führt zu einer Farbverschiebung. Die Farbe im rechten Bild oben ist aufgrund der Zuweisung eines sRGB-Profils zu einem Adobe RGB-Bild flach geworden. Sie müssen "In Profil konvertieren" verwenden, wenn Sie eine sRGB-Version Ihres Fotos für das Web erstellen möchten.
Warum Gamut-Angelegenheiten überwachen?
Das Farbmanagement benötigt mindestens zwei Profile (Bildprofil und Monitorprofil in diesem Fall). Wenn Sie Bilder ohne eingebettete Profile veröffentlichen, verlassen Sie sich auf den Browser des Betrachters, um den Farbraum richtig zu erraten.
Wenn das Farbmanagement aus irgendeinem Grund im Browser oder in der App fehlt, sind die folgenden Aussagen richtig:
- Ein Adobe RGB-Bild sieht auf einem Display mit großem Farbumfang ungefähr korrekt aus.
- Ein Adobe RGB-Bild sieht auf einem Standard-Gamut-Display farblich stumm aus.
- sRGB-Bilder sehen auf einem Standard-Gamut-Display ungefähr korrekt aus.
- Ein sRGB-Bild sieht auf einem Display mit großem Farbumfang farblich übersättigt aus.
Beachten Sie, dass ein Adobe RGB-Bild ohne eingebettetes Profil in den meisten Situationen stummgeschaltet aussieht und vermieden werden muss. Browser schätzen den Farbraum als sRGB, wenn sie überhaupt raten.
Die obige Grafik zeigt den Unterschied zwischen einem Dell-Monitor mit Standardbereich (farbiger Umriss) und dem sRGB-Profil (gepunkteter Umriss). Selbst auf einem normalen Desktop-Monitor überschreiten einige Farben sehr wahrscheinlich den sRGB-Farbraum und wirken in Microsoft-Browsern zu gesättigt.
Im obigen Monitor sind die Rottöne in dieser Situation am übertriebensten. Wenn Sie Ihren Monitor nicht profiliert haben oder wenn der Umfang des Bildschirms in sRGB enthalten ist, werden Sie nicht darauf stoßen.
Browserverhalten 2022-2023
Um Farbprofile zu verstehen, ist es hilfreich zu wissen, wie sich verschiedene Browser mit Farben verhalten. Ich habe fünf Browser für diesen Artikel getestet, um Ihnen eine Vorstellung davon zu geben, was Sie erwartet. Sie können dies gerne abfragen, wenn Sie der Meinung sind, dass eine dieser Beobachtungen falsch ist:
Google Chrome
Chrome ist ein vollständig farbverwalteter Browser, der allen nicht markierten Bildern (d. H. Bildern ohne eingebettete Profile) sRGB zuweist. Es liest alle eingebetteten Profile.
Oper
Opera ist ein farbverwalteter Browser, der automatisch davon ausgeht, dass Fotos sRGB sind, wenn das Profil fehlt. Wie Chrome liest es alle Profile, einschließlich Adobe RGB oder ProPhoto RGB.
Firefox Quantum
Sie können Firefox so konfigurieren, dass jedem Foto ohne Tags sRGB zugewiesen wird. Es liest alle eingebetteten Farbprofile.
Wenn Sie zufällig zwei Monitore ausführen, behält Firefox nicht das vollständige Farbmanagement für beide bei. Für eine optimale Farbe müssen Sie ein Monitorprofil wählen und dann bei diesem Monitor bleiben. Dies gilt nur, wenn Ihre Monitore über benutzerdefinierte Profile verfügen.
Microsoft Edge / Internet Explorer
Microsoft Edge bietet eine halbherzige Lösung für das Farbmanagement. Es liest verschiedene Farbprofile und konvertiert alles zur Anzeige in sRGB. Das Hauptproblem besteht darin, dass das Monitorprofil nicht verwendet wird. Daher funktioniert es am besten, wenn Ihr Monitor den sRGB-Farbumfang nicht überschreitet. Andernfalls sehen Sie unberechenbare Farben.
Safari (für Windows)
Safari kann Profile in Bildern lesen und verwendet das Monitorprofil (im Gegensatz zu MS Edge oder MS IE), weist einem Bild jedoch kein Profil zu, wenn eines fehlt. In dieser Situation wird die Farbe falsch angezeigt, wie dies bei Microsoft Edge der Fall ist.
In Photoshop können Sie Proof-Farben mit „Monitor RGB“ verwenden, um zu zeigen, wie das Foto in Internet Explorer auf Ihrem eigenen Monitor aussehen wird. Sie müssen das Bild zuerst in sRGB konvertieren. Wenn Farben heller aussehen als ohne Proofing, bedeutet dies, dass der native Farbumfang Ihres Monitors das sRGB-Profil überschreitet.
Ein zweites Experiment besteht darin, die Prooffarben eines Adobe RGB- oder ProPhoto RGB-Bilds mit „Internet Standard RGB“ anzuzeigen. Dies zeigt Ihnen, wie Fotos in größeren Farbräumen im Internet aussehen, wenn Sie das Profil weglassen.
Auswahl von sRGB für das Web
Der Grund, warum sRGB eine sicherere Wahl des Farbraums für das Web ist, liegt darin, dass die meisten Displays oder Monitore keine große Bandbreite haben. Wenn das Profil in die Irre geht oder entfernt wird oder wenn ein Gerät oder eine App das Farbmanagement nicht unterstützt, sieht die Farbe immer noch in Ordnung aus. Darauf verlassen sich die Browser von Microsoft, um zu funktionieren.
Wenn Sie möchten, dass die Farbe Ihrer Fotos für ein möglichst breites Publikum „okay“ aussieht, müssen Sie nur zwei Dinge tun:
- Stellen Sie sicher, dass sich das Bild in einem sRGB-Farbraum befindet, indem Sie es entweder als Arbeitsbereich verwenden oder in sRGB konvertieren, bevor Sie es ins Web hochladen.
- Betten Sie das sRGB-Profil vor dem Speichern in das Bild ein.
Mit Photoshop "Für Web speichern" können Sie im allerletzten Moment durch Aktivieren eines Kontrollkästchens in sRGB konvertieren. Wenn Sie das Kontrollkästchen nicht aktivieren, wird das Foto in dem Farbraum gespeichert, in dem Sie es bearbeitet haben. Mit diesem Kontrollkästchen können Sie das Profil nicht entfernen: Es dient ausschließlich der Konvertierung.
Weitere Auswahlmöglichkeiten: Adobe RGB und ProPhoto RGB
Da die meisten gängigen Browser mittlerweile farblich versiert sind, besteht die Möglichkeit, andere Farbräume im Web zu verwenden. Sie können beispielsweise Fotos mit einem eingebetteten Adobe RGB- oder ProPhoto RGB-Profil veröffentlichen, die für die meisten Benutzer immer noch gut aussehen. Für eine Minderheit würden sie besser aussehen.
Die Farbe von Monitoren mit großem Farbumfang übersteigt in der Regel stellenweise Adobe RGB. Daher gibt es theoretisch einen Grund, Fotos in ProPhoto RGB zu veröffentlichen. Dies wird jedoch durch die schreckliche Farbe ausgeglichen, die entsteht, wenn die Profile fehlen oder ignoriert werden. Es ist ein hohes Risiko.
Adobe RGB ist eine interessante Perspektive für das Web, da es Benutzern von Monitoren mit großem Farbumfang weiterhin zugute kommt. Wichtig ist, dass es nicht so schlecht aussieht wie ProPhoto RGB, wenn etwas schief geht. Wenn Sie jedoch in Adobe RGB veröffentlichen, tun Sie dies dennoch für ein relativ kleines Publikum.
Wenn Sie diese Farbräume mit größerem Farbumfang für das Web verwenden, sind Sie absolut sicher Muss Betten Sie das Profil ein. Sobald dies in die Irre geht, sieht die Farbe Ihrer Fotos für viele Menschen etwas flach aus. Im Fall von ProPhoto RGB sieht es wahrscheinlich schrecklich aus.
Dieses 3D-Diagramm (oben) zeigt das sRGB-Profil, das vom Profil eines Monitors mit großem Farbumfang umfasst wird. Insbesondere werden Sie die erweiterte Auswahl an Cyan- und Grüntönen in letzterem bemerken.
Die Idee, größere Farbräume im Web zu verwenden, ist besonders dann attraktiv, wenn Sie ein Landschaftsfotograf sind, für den diese Farben häufig abgeschnitten werden. Dies bedeutet, dass Sie die Funktionen Ihrer Kamera stärker nutzen würden. Es ist jedoch von Natur aus riskanter und Sie spielen vor einem relativ kleinen Publikum. Die sichere Wahl ist immer noch sRGB.
Zusammenfassend
Obwohl moderne Browser flexibler sind, ist sRGB immer noch die sicherste Wahl für den Farbraum im Web. Dies liegt wiederum daran, dass es in etwa dem Umfang der meisten elektronischen Displays entspricht. Wenn Sie größere Farbräume verwenden, können Ihre Farbfotos verloren gehen, insbesondere auf Tablets oder Smartphones, die möglicherweise nicht farblich verwaltet werden.
Ich hoffe, dass dies von Nutzen war. Sie können gerne Fragen stellen, wenn Sie weitere Informationen benötigen.