Farbinkongruenz bei Skizzenexporten

11

Beim Exportieren mit Skizze sind die Farben, die ich erhalte, im Vergleich zu den Originalen übersättigt. Siehe die Aufnahme unten:

Farbfehlanpassung

Die Farbfehlanpassung wird in jeder Software angezeigt, mit der ich sie öffne. Der Export kann ein beliebiger Dateityp sein und das Problem tritt auf.

Wenn ich mein exportiertes Bild in eine Skizze importiere, zeigt Sketch es mit den Originalfarben an.

Ich habe einige Nachforschungen angestellt, konnte aber nichts Relevantes finden. Könnte dies an den Farbprofilen meines Mac liegen? (Ich habe versucht, ein neues zu machen, aber das hat nichts geändert). Danke für Ihre Hilfe

alxscms
quelle

Antworten:

8

Die Entwickler sind sich des Problems bewusst, sind jedoch nicht bereit, es zu beheben. Sie betrachten es als "Feature".

Wenn wir ein Bild exportieren, interpretieren wir unsere Farbwerte im sRGB-Farbraum. Wir speichern auch den Farbraum in den Metadaten, es sei denn, Sie haben im Exportfenster die Option "Für Web speichern" aktiviert. Unabhängig von dieser Einstellung bestand die Absicht darin, mit sRGB zu speichern, was mit Safari gut funktioniert, da alle Bilder als mit sRGB gespeichert interpretiert werden. Wenn Sie das Bild auch in der Vorschau öffnen würden, würde es das sRGB-Profil erkennen und es so nah wie möglich an Safari rendern. Wir glauben, dass wir auf diese Weise eine möglichst konsistente Farbdarstellung erhalten.

Klingt vernünftig. Das Problem ist, dass sie aus irgendeinem Grund den tatsächlichen Arbeitsbereich nicht mit sRGB rendern. Weil das "einfacher" ist (für sie nehme ich an). Sie rendern es mit dem Farbprofil Ihres Systems, das bei Kalibrierung nicht sRGB ist.

Was macht Sketch? Wenn Sie in Sketch eine Farbe auswählen, speichern wir nur die RGB-Werte. Beim Rendern auf dem Bildschirm werden diese Werte anhand des Farbraums Ihres Monitors angezeigt.

Welches ist ein offensichtlicher Fehler für mich. Software zum Entwerfen von Inhalten für einen Browser, der nicht wie ein Browser gerendert wird.

Grundsätzlich kann jeder mit einem kalibrierten Bildschirm diese Software nicht verwenden, wenn ihm die Genauigkeit der Farben wichtig ist, mit denen er arbeitet. Die einzige Möglichkeit besteht darin, das Profil Ihres Bildschirms auf sRGB zu setzen. Ich muss den Bildschirm meines Macbooks kompensieren, weil er sich zu stark auf das blaue Ende des Spektrums stützt. Dies ist also keine Option für mich - es wäre völlig unbrauchbar - die Farben würden anders aussehen, als ich es in beiden Fällen erwarte. Unabhängig davon werden (und sollten!) Die meisten professionellen Designer ihre Bildschirme kalibrieren. Es scheint also eine Trennung zwischen den Entwicklern der Software und der Community zu geben, für die sie entwickeln.

Und wenn Sie Ihr Gerät nicht nur für Webarbeiten verwenden, ist es kein guter Rat, das Farbprofil Ihres Monitors bei sRGB zu belassen. Es ist ein ziemlich begrenzter Farbraum, wie aus der Tabelle im Quelllink hervorgeht.

Was mehr ist , ihre Behauptung, dass:

Wenn Sie in Ihrer Grafik in Sketch dieselben RGB-Werte verwenden wie im CSS auf Ihrer Website, stimmen die Farben überein.

Ist irgendwie wahr . Ich stellte tatsächlich fest, dass selbst bei Verwendung von sRGB überall und bei erneuter Farbauswahl meiner gesamten Palette immer noch ein Unterschied zwischen der Farbe im exportierten Bild und den in Sketch angegebenen RGB-Werten bestand. (Zumindest bei Betrachtung in Chrome). Die CSS-definierte Farbe und die Sketch-definierte Farbe waren zwar identisch, aber das exportierte Bild mit derselben Farbe (exportiert mit sRGB-Monitorprofil und mit der Option "Für Web speichern" ausgewählt) war etwas anders.

Ich persönlich bin mir nicht sicher, wie ich mit Sketch weitermachen soll. Ich mag die Software, aber dies ist ein so grundlegendes Versehen, und es verursacht echte Reibung in meinem Workflow.

Quelle: http://blog.sketchapp.com/post/133932511180/colors-in-sketch

Nathan Hornby
quelle
Dies ist in der Tat ein echtes Problem ... Die schnellste Lösung, die ich gefunden habe, ist die Verwendung eines Webbildoptimierers (ImageOptim), um alle eingebetteten Bildprofile nach dem Schneiden zu löschen.
Guillaume Gautier
@ GuillaumeGautier, wie wird dies die Farbfehlanpassung unterstützen? Ich habe es versucht und die Farben sind immer noch stark gesättigt als in der App.
CheeseCake
6

Die neuen Versionen von Sketch verfügen über eine einfache Funktion, mit der sichergestellt werden kann, dass die Farben beim Exportieren mit denen übereinstimmen, die Sie auf Ihrem Bildschirm sehen.

Navigieren Sie zu Einstellungen ›Allgemein› Farbprofil und ändern Sie die Farbeinstellung in Anzeige P3. Dadurch wird Ihr Farbprofil auf das von Macs verwendete geändert. Machen Sie dann dasselbe noch einmal, aber wählen Sie diesmal sRGB. Jetzt können Sie die Option "Konvertieren" auswählen und dann auf "Profil ändern" klicken, um die Farben in den Standardfarbraum zu konvertieren. Wenn Sie jetzt exportieren, sehen die Farben genauso aus wie in Sketch.

Weitere Informationen hierzu finden Sie hier https://www.sketchapp.com/docs/other/color-management/

Xenon
quelle
Super, ich muss es versuchen, wenn ich Sketch aktualisiere! Danke für die Warnung!
Alxscms
2

Systemfarbeneinstellungen ändern alles

Ich halte meine bei sRGB für ein gewisses Maß an Browser-Darstellung. Ich benutze auch eine Reihe anderer Voreinstellungen und Bildschirme, um die Variation zu testen. Hier ist ein Beispiel für sRGB im Vergleich zu Adobe RGB.

sRGB

Geben Sie hier die Bildbeschreibung ein

Varianz innerhalb eines Bildschirms

Ihr Problem scheint jedoch seltsam. Wenn die Abweichung von Ihren Farbeinstellungen stammt, sollten Sie sie im gesamten Dokument sehen. Das exportierte Bild kann sich ändern, je nachdem, wo Sie es anzeigen. Sie sollten jedoch keinen Unterschied zwischen Ihrer Zeichenfläche und dem Exportfenster erkennen können. Das ist einfach komisch.

Ich denke, Sie sehen sich möglicherweise einen Fehler mit Ihrer bestimmten Datei oder der App selbst an. Versuchen Sie, das Verhalten mit anderen Farben und Dokumenten wiederherzustellen. Erkundigen Sie sich bei den böhmischen Leuten (ich habe sie normalerweise auf Twitter getroffen ) und sehen Sie, ob sie es irgendwo im Code finden können.

Zivilkleidung
quelle
Vielen Dank für die Antwort, leider funktioniert das bei mir nicht, ich kann nicht einmal das Verhalten des Farbmanagements beschreiben, da es so zufällig ist. Wenn ich zum Beispiel das exportierte Bild in Chrom öffne, hat es die richtigen Farben und wenn ich anfange, den Desktop zu wechseln, ändert sich die Farbe plötzlich zu einer gesättigten Version. Sehen Sie das Video hier cl.ly/1e1n102T2V2Q
alxscms
Das ist komisch, aber es ist sicherlich keine Skizze. Sie haben ein Problem auf Betriebssystemebene. Haben Sie dasselbe Image auf einem anderen Computer ausprobiert? Melden Sie sich zumindest bei einem anderen Konto an und prüfen Sie, ob es weiterhin besteht.
Zivil
1

Dieses Problem wurde im offiziellen Sketch-Dokument behoben (und beantwortet): https://www.sketchapp.com/learn/documentation/other/color-management/

Aktivieren Sie beim Exportieren die Option "Für Web speichern", um sicherzustellen, dass saubere Farbprofilbilder bereitgestellt werden und die Farbe mit der in Ihrer Skizzendatei identisch ist.

HJ Chan
quelle
0

Es tut mir leid, einen so alten Thread wiederzubeleben, aber das ist immer noch ein Problem. Aber ich habe eine etwas komplizierte Problemumgehung gefunden! Starten Sie Zeplin, wählen Sie Exportfarben als .clr und kopieren Sie die Datei in ~ Library / Colors. Erstellen Sie ein neues AppleScript mit "Farbe auswählen". Ganz rechts befindet sich eine neue Registerkarte mit den Farben aus der .clr. Klicken Sie auf die gewünschte Farbe und dann auf das zweite Symbol von links, die RGB-Schieberegler. Klicken Sie auf das Einstellungsrad und wählen Sie ein sRGB-Profil aus der Dropdown-Liste aus. Die resultierenden RGB-Werte sollten Ihren Wünschen entsprechen.

Viel Spaß beim Ausmalen!

jusynth
quelle
Wo finde ich ~ Bibliothek / Farben?
CheeseCake