Illustrator CS6 ändert die Farben beim Speichern als PNG oder SVG

Ich erstelle Kunstwerke für eine Vielzahl von Zwecken:

  • Facebook-Titelbilder (RGB)
  • Visitenkarten & Bannerdrucke (CYMK)
  • Dokumentkopfzeilen (RGB)

Das Rot, das ich für die FB-Cover-Fotos verwende, ist #b72025, aber wenn ich als PNG für die Cover-Fotos "für Web speichere", wird es in ein primäres Rot umgewandelt. Siehe unten (LHS ist #b72025 in Illustrator (was ich will) und RHS ist das, was konvertiert wird):Geben Sie hier die Bildbeschreibung ein

Wenn ich die PNG-Datei in Chrome und Firefox ansehe, erscheint sie wie gewünscht mit #b72025 als Farbe. Aber wenn ich es in Safari, Vorschau oder Microsoft Word (durch Importieren) ansehe, erscheint es als helles, primäres Rot.

Ich habe es versucht:

  • Erstellen Sie eine neue Datei mit den Einstellungen "Web" (RGB-Farbprofil) und erstellen Sie neue Elemente von Grund auf neu und versuchen Sie, sie zu speichern. Es tat dasselbe.
  • Deaktivieren der Richtlinien für das RGB-Farbmanagement
  • Aktivieren/Deaktivieren der Option „In sRGB konvertieren“ im Bildschirm „Für Web speichern“.
  • Speichern als "SVG", was die gleichen Probleme verursacht.
  • Exportieren als PNG statt "Für Web speichern".
  • Speichern für Microsoft Office, aber das verursacht die gleichen Probleme.

Wie behebe ich dieses Problem, damit ich in allen Browsern die gleichen Farben bekomme? Ich möchte auch, dass dies funktioniert, wenn ich sie als SVG speichere oder für Microsoft Office verwende ...

Antworten (2)

Ich habe eine Testgrafik erstellt und konnte das Problem wiederholen.

Ich habe diese Seite gefunden: https://superuser.com/questions/122235/why-is-safari-on-my-computer-rendering-all-of-the-colors-not-just-for-images

Ich ging zu meinen Systemeinstellungen -> Anzeigen -> Farbe. Ich hatte ein benutzerdefiniertes kalibriertes Profil ausgewählt und ich habe es in "sRGB IEC61966-2.1" geändert und es wurde behoben.

Die aufgelisteten Anwendungen unterliegen der Systemeinstellung. Chrome und Firefox nicht.

Das Seltsame an meinem Test ist, wenn ich rotes (#b72025) PNG in ein HTML-Dokument einfüge und die Hintergrundfarbe in CSS auf #b72025 setze, sieht es nahtlos aus, aber wenn ich einen Screenshot mache und es mit Photoshop abtaste, bekomme ich beide Farben unterschiedlich verschoben. #db1921 bzw. #b6222b. Etwas anderes ist im Gange.

Ehrlich gesagt müssen Sie sich daran gewöhnen, dass die von Ihnen eingestellten Farbwerte überhaupt keine bestimmten Farben sind.

#b72025 zum Beispiel ist allein keine Farbe. Es benötigt ein bestimmtes Farbprofil, um diese Farbe in einem bestimmten Farbraum zu definieren.

Unterschiedliche Geräte (und unterschiedliche Programme – wie Sie gesehen haben) weisen Unterschiede in der angezeigten Farbe auf. Höchstwahrscheinlich aufgrund nicht übereinstimmender Farbprofile.

Wenn Sie ausschließlich für das Web entwerfen, sollten Sie in sRGB IEC61966-2.1 arbeiten . Dies ist das Defacto-Standard-Farbprofil für Webbrowser, die historisch nicht einmal eingebettete Farbprofile in Bildern lesen konnten (das stimmt nicht mehr, sondern trägt nur zur Verwirrung bei).

Illustrator CS6 ändert die Farben beim Speichern als PNG oder SVG
AntwortenHierDatenschutz-Bestimmungen1y, 1v