Warum hat das exportierte Bild eine etwas andere Farbe, wenn ich ein Bild aus Illustrator exportiere?

Ich habe ein Webdesign-Layout in AI, das ich in HTML/CSS zerlegen möchte. Ich habe Probleme, die Farben in den exportierten Dateien so zu halten, wie sie in Illustrator sind.

Wenn ich es in Illustrator CS4 öffne und die Pipette verwende, um die Farbe des Logos zu überprüfen, ist es #AB336B. Letztendlich ist dies die Farbe, die das Logo haben soll, nachdem ich es exportiert habe.

Aber wenn ich es im Dialogfeld "Für Web und Geräte speichern" öffne und die Farbe von dort abtaste, sagt es, dass es ist #CA006C, obwohl es immer noch so aussieht #AB336B:

Nach einigem Googeln habe ich das Gefühl, dass es mit Farbprofilen zusammenhängt, aber ich bin mir immer noch nicht sicher, was ich tun soll, um mein Problem zu beheben.

Haben Sie versucht, normal statt für das Internet zu speichern?
Liegt es innerhalb des Gamut-Bereichs? Mindestens die CS5-Version von Illustrator erzwingt, dass CMYK-Farben standardmäßig innerhalb des Gamut-Bereichs liegen.

Antworten (4)

Klingt nach einem Problem mit dem funktionierenden ICC-Profil. Hast du das Farbmanagement deaktiviert?

Wenn Sie dies noch nicht getan haben, gehen Sie zu Edit -> Assign Profileund wählen Sie ausDon't Color Manage This Document.

Ich kann das erwähnte Problem bis zu einem gewissen Grad duplizieren (erhalte verschiedene Beispielwerte, obwohl ich nicht die gleichen bekomme #CA006C), indem ich das zugewiesene Profil ändere. (FWIW, mit AI CS3 unter Windows)

Arbeiten Sie in Illustrator in RGB oder CMYK? Wenn Sie in einem anderen Farbprofil als dem beabsichtigten Endziel arbeiten, erhalten Sie aufgrund der Übersetzung einige Abweichungen. Wenn Sie herausfinden können, was Ihr "endgültiges Ziel" ist, können Sie dies in Illustrator anwenden, und Sie sollten dieses Problem nicht haben.

Ich kann bestätigen, dass die in der ursprünglichen Frage angegebene Situation in Illustrator CS3 auftritt, wenn mit einem CMYK-Dokument gearbeitet wird, und dass sie bei der Arbeit mit einem RGB-Dokument nicht auftritt. Ich habe alle Farbprofile soweit wie möglich deaktiviert.
Die KI befindet sich im RBG-Modus.
Ich stimme Horatio zu. Ich konnte das beschriebene Verhalten von OP duplizieren, wenn der Dokumentmodus CMYK ist. Bei Einstellung auf RGB sehe ich das Problem nicht.
@Sam, aber die KI ist im RBG-Modus.
@mattalexx, ich weiß nicht, was ich dir sagen soll. Ich kann deinen Fehler nicht reproduzieren. Eine Sache, die mir aufgefallen ist, wenn ich die Farbe des Objekts auf AB336B (im RGB-Modus) eingestellt, dann auf CMYK umgestellt und dann direkt wieder auf RGB geändert habe, hat sich die Farbe auf AB326B geändert. Ich benutze CS5, btw. Der Unterschied zwischen CA006C und AB336B ist jedoch riesig, daher habe ich keine Ahnung, was los ist. Können Sie das Problem mit einer neuen Datei reproduzieren? Wenn ja, welche Schritte hast du verwendet?

Es sind einige wichtige Punkte erforderlich, um sicherzustellen, dass die Farben bei der Arbeit an Web- oder App-Designs in Illustrator korrekt beibehalten werden. Einige der folgenden Einstellungen wirken sich auf das Erscheinungsbild der Vorschau in Illustrator aus, während andere das Erscheinungsbild der exportierten Dateien beeinflussen.

Meiner Meinung nach ist es wichtig, dass beide korrekt sind. Folgendes müssen Sie tun:

  • Stellen Sie sicher, dass das Dokument auf den RGB-Farbraum (nicht CMYK) eingestellt ist.

  • Das Erscheinungsbild von Schwarz ist in den Einstellungen auf „Alle Schwarztöne als sattes Schwarz anzeigen“ eingestellt.

  • Ihre Farbeinstellungen verwenden das Profil Ihres Bildschirms (dies betrifft nur Vorschauen in Illustrator).

Geben Sie hier die Bildbeschreibung ein

  • Das Farbprofil Ihres Dokuments ist auf „Dieses Dokument nicht farbverwalten“ eingestellt.

Geben Sie hier die Bildbeschreibung ein

  • Wenn Sie „Für Web und Geräte speichern“ verwenden, deaktivieren Sie „In sRGB konvertieren“.

Ja, es gibt ein paar Dinge zu ändern, aber Sie sind besser dran – alle Farbwerte bleiben genau so, wie Sie sie eingestellt haben, werden korrekt angezeigt und korrekt exportiert.

Sobald Sie Illustrator so eingerichtet haben, sollten Sie dasselbe für Photoshop tun.

Bitte beachten Sie: Diese Anweisungen wurden mit Illustrator CS5 erstellt, aber ich mache das Gleiche seit einiger Zeit und habe die gleichen Einstellungen in vielen Versionen von Illustrator und Photoshop getestet.

Dem stimme ich absolut nicht zu. Aber jedem das Seine. Ich empfehle, etwas zu stöbern: digitaldog.net
Das Problem bei dieser Seite ist, dass sie für Fotografen ist. Für UI- und Webdesign ist ein anderer Ansatz erforderlich.
Farbe ist Farbe. Dabei spielt es keine Rolle , ob Sie ein Foto oder eine Benutzeroberfläche betrachten. Das ist ein sehr schwaches Argument.
Nö. Der Hauptunterschied besteht darin, dass die Benutzeroberfläche normalerweise nicht farbverwaltet ist. Wenn Sie eine Datei mit einem ICC-Profil und einem Pixel mit dem Wert #ff0000 bereitstellen, zeigen iOS, OS X und Android sie als #ff0000 ohne Konvertierung an. Wenn Sie dasselbe für ein JPEG-Foto im Internet oder zum Drucken tun, wird das Profil verwendet, um es in den Farbraum des Displays zu konvertieren. Sie sind absolut NICHT gleich. Leute, die argumentieren, dass sie eindeutig keine Erfahrung im UI-Design haben.
Es ist auch erwähnenswert, dass die Profilkonvertierung eine schlechte Sache ist. Dies führt häufig zu Rundungen (sichtbar als Banding) und Clipping. Wenn Sie mit Ihrem als sRGB eingerichteten Display ohne Konvertierung erstellen können, sind Sie besser dran. Druckdesign ist nicht dasselbe wie UI-Design, wenn es um Farbmanagement geht.

Richten Sie ein neues Dokument ein

Klingt so, als müssten Sie beim Erstellen eines neuen Dokuments "Web" für das "Profil" auswählen .

Wählen Sie Web-Farbprofil

Korrigieren Sie ein vorhandenes Dokument

Um ein vorhandenes Dokument zu reparieren, erstellen Sie ein neues Dokument (mit "Profil: Web") und kopieren Sie dann den Inhalt aus der alten Datei in die neue.

Stellen Sie den Farbmodus des Dokuments auf RGB ein

Ich habe so verdammt lange nach der Antwort auf dieses Problem gesucht und WEB war die Antwort ... nur Web ... vielen Dank!!!
Warum hat das exportierte Bild eine etwas andere Farbe, wenn ich ein Bild aus Illustrator exportiere?
AntwortenHierDatenschutz-Bestimmungen1y, 0v