Photoshop-Farbeinstellungen für das Webdesign

9

Welche Farbprofileinstellungen sollten in Photoshop für das Webdesign verwendet werden? Speichert der Monitor-Kalibrierungseffekt für Webbilder?

Ich halte meinen Monitor mit einem Farbmessgerät kalibriert und möchte sicherstellen, dass meine Farben in allen gängigen Browsern konsistent sind.

Ich verwende mein kalibriertes Monitorprofil für meinen Arbeitsbereich, deaktiviere das Farbmanagement und binde kein Profil zum Speichern für das Web ein und versuche, .png 24 zu verwenden, wann immer dies möglich ist. Ist das die beste Vorgehensweise?

Farbeinstellungen

Geben Sie hier die Bildbeschreibung ein

Für das Web speichern

Geben Sie hier die Bildbeschreibung ein

Chris_O
quelle
1
Möglicher zusätzlicher Fragepunkt - Während Sie erklärt haben, dass Web Ihr Anwendungsfall ist, sind die oben genannten Einstellungen "sicher", wenn Sie gelegentlich die CMYK-Grafik eines anderen bearbeiten mussten?
e100
Guter Punkt. Ich habe nicht viel Druck- oder CMYK-Erfahrung, daher würde ich es nicht wissen.
Chris_O

Antworten:

5

"Farbmanagement" und "Webentwicklung" sollten niemals im selben Satz verwendet werden, es sei denn, sie sind mit "Nicht stören", "Zeitverschwendung" oder "Fuggedaboudit" qualifiziert. Die genannten Gründe für den Rasenpfeiler sind korrekt. Ich habe noch kein Büro (außer einem Grafikdesignstudio) gesehen, in dem zwei Monitore die gleichen Farben zeigten. Heimcomputer sind mindestens genauso schlecht.

Wenn Sie hauptsächlich im Web arbeiten, muss sRGB Ihre Standardeinstellung sein, da dies der Standard für das Internet ist und für die Anzeige aller Benutzeragenten (Browser) erstellt wurde.

Betten Sie KEIN Farbprofil in Bilder für Websites ein. Sie vergrößern das Bild, fügen jedoch keine nützlichen Informationen hinzu. Sie müssen also nur Ihre Seiten schwerer machen. Deaktivieren Sie beim Speichern für Web und Geräte in Photoshop das Kontrollkästchen "Farbprofil einbetten". Lassen Sie aus Sicherheitsgründen "In sRGB konvertieren" aktiviert (falls es sich um ein Bild handelt, das sich in einem anderen Farbraum befindet und Sie vergessen, es zu konvertieren).

So beantworten Sie Ihre anderen Fragen: Die Monitorkalibrierung wirkt sich nicht auf SfW-Bilder aus, es sei denn, Sie verwenden Ihr Monitorprofil als Farbprofil für das Bild (was Sie niemals aus irgendeinem Grund oder zu einem anderen Zweck als dem persönlichen Desktop-Hintergrund tun sollten).

PNG-24 ist nützlich für Bilder mit Transparenz. Wenn keine Transparenz erforderlich ist, gibt jpeg normalerweise eine kleinere Datei bei gleicher Bildqualität und für einfache Bilder mit wenigen Farben an, insbesondere wenn sie harte Kanten haben (Logos sind das klassische Beispiel) .gif ist häufig die beste Wahl.

Alan Gilbertson
quelle
7

Nun, das große Problem ist, dass Sie viel Zeit und Sorgfalt in die Kalibrierung und Auswahl von Farben investieren werden (gut für Sie!) Und sie höchstwahrscheinlich von Leuten gesehen werden, die nicht einmal mit dem arbeiten können "Helligkeit" -Tasten auf ihrem Monitor. Meine (nicht designorientierten) Mitarbeiter haben alle zwei Bildschirme, von denen keiner überhaupt zueinander passt. Wenn Sie also fragen: "Gibt es eine Möglichkeit, dass dieses von meinem Kunden angeforderte Rot basierend auf der von mir durchgeführten sorgfältigen Kalibrierung immer korrekt aussieht?" Die Antwort wird leider sein:

Nein.

Aber (und das ist ein ziemlich großes, aber) die ganze Sorgfalt, die Sie nehmen, ist wichtig. Wenn Sie ein konsistentes Profil beibehalten, sehen alle Ihre Seiten / Farben auf demselben Monitor gleich aus. Denken Sie daran, dass nicht jeder den gleichen Monitor verwendet wie Sie, sodass er nicht immer gleich aussieht.

Wenn Sie kein Profil einbetten, bleibt die Tür möglicherweise weit offen, damit ein Browser das aktuelle Profil überschreiben kann. Wenn Sie die großen Browser dazu bringen können, sich auf die Handhabung von Farben zu einigen, gibt es wahrscheinlich eine Art Nobelpreis für Sie.

Lange Rede, kurzer Sinn , ja - alle Sorgfalt, die Sie anwenden, ist wichtig und die Einstellungen, die Sie verwenden, sind gut (obwohl ich persönlich nach einem etwas allgemeineren RGB-Profil suchen würde). Aber es gibt nur so viel Kontrolle, die Sie haben werden, wenn Ihr Design Ihre Maschine verlässt und in die weite Welt der unwissenden Webbenutzer eintaucht.

Rasenmäherfänger
quelle
Sehr hilfreich, danke! Ich denke, meine größte Sorge ist, dass wenn ich eine Grafik verwende, die ich in Photoshop als Farbe Nr. 172550 erstellt habe, meine Nr. 172550 in CSS mit der Grafik auf einem beliebigen Monitor übereinstimmt.
Chris_O
Sie können auch mit web-sicheren Farben arbeiten
Jack
2
Web-sichere Farben sind ein guter Weg, um "den Schaden zu begrenzen", aber leider wird Farbe Nr. 172550 auf der ganzen Linie anders aussehen, nur weil die überwiegende Mehrheit der Menschen ihre Monitore nie kalibriert. Wenn Sie im Druck arbeiten, ist dies einfacher, da professionelle Drucker nach Pantone-Standards arbeiten und wissen, wie # 172550 aussieht.
Lawndartcatcher
2
Browser verwenden sRGB. Das ist der W3C-Standard. Die Verwendung eines anderen Farbprofils für ein Bild garantiert, dass es bei der Anzeige in einem Browser anders ist.
Alan Gilbertson
2
Web-sichere Farben sind hier irrelevant (und überall sonst: Grafikdesign.stackexchange.com/questions/40/… )
e100
3

+1 Chris, das ist wirklich eine gute Frage, genau ich weiß es nicht so genau, aber als ich mich für diese Frage interessierte, fand ich einige Artikel darüber, vielleicht helfen sie dir, als ich meine Einstellung entsprechend änderte, bitte nimm Ein Blick, es könnte auch Ihre Neugier lösen.

  1. Farbmanagement von Ivan
  2. Tipps zum Verwalten von Farben in Photoshop für das Web
  3. Farbmanagement zum Anpassen von Farben auf mehreren Geräten
  4. Diese Einstellungen sollte niemand für Photoshop verwenden

Hoffe zumindest, dass dies ein bisschen helfen sollte .......

Jack
quelle
Ich erinnere mich an den Artikel und die Debatte des Smashing Magazine, die folgten. Der letzte Artikel macht am meisten Sinn. Vielen Dank!
Chris_O
immer willkommen ...
Jack
1

Mein ehrliches Gefühl in Bezug auf das Webfarbmanagement spiegelt die oben genannten wider, jedoch mit einigen Einschränkungen.

Im Allgemeinen ist es sinnvoll, einen farbverwalteten Workflow an Ihrem Ende beizubehalten, damit Sie zumindest einen guten Ausgangspunkt haben - wenn Sie außerhalb eines farbverwalteten Workflows entwerfen und Ihre Kombination aus Monitor und Software zufällig so ist Wenn Sie zum Mittagessen gehen (unbeabsichtigte Farbstiche, Farbskalen- und Gammaprobleme usw.), erhöhen Sie das Risiko, dass die Geräte eines anderen nicht kalibrierten Endbenutzers in der entgegengesetzten Richtung aus dem Gleichgewicht geraten und etwas sehen, das doppelt so hoch ist schlecht angezeigt, als wenn es in erster Linie innerhalb eines farbverwalteten Workflows entworfen worden wäre, basierend auf den voreingenommenen Farbentscheidungen, die Sie getroffen haben.

Während ich niemals grafische Bilder (Überschriften, Navigation, Hintergründe usw.) für Websites und Website-Vorlagen tagge (da dies zu hässlichen Fehlanpassungen zwischen hexadezimal festgelegten Farben und farbverwalteten Bildern führen kann, die letztendlich farbverwaltet werden) In den wenigen Browsern, die tatsächlich Farbprofile berücksichtigen, tagge ich häufig Fotos. Besonders Bilder mit höherer Auflösung. In dem seltenen Fall, dass der Endbenutzer den Inhalt in einem farbverwalteten Browser anzeigt, stellen die Profile sicher, dass der Benutzer das Foto so sieht, wie es aufgenommen wurde, und dass menschliche Hauttöne, Himmel, Wasser usw. vorhanden sind richtig dargestellt.

Timichango
quelle