Incohérence des couleurs sur les exportations de croquis


11

Lors de l'exportation avec un croquis, les couleurs que j'obtiens sont plus saturées que les originaux. Voir la capture ci-dessous:

décalage de couleur

Le décalage de couleur apparaît dans tous les logiciels que j'utilise pour l'ouvrir. L'exportation peut être de n'importe quel type de fichier et le problème se produit.

Lorsque j'importe mon image exportée dans l'esquisse, Sketch l'affiche avec les couleurs d'origine.

J'ai fait quelques recherches mais je n'ai rien trouvé de pertinent. Cela pourrait-il provenir des profils de couleur de mon Mac? (J'ai essayé d'en faire un nouveau mais cela n'a rien changé). Merci de votre aide

Réponses:


8

Les développeurs sont conscients du problème mais ne veulent pas le résoudre, ils le considèrent comme une «fonctionnalité».

Lorsque nous exportons une image, nous interprétons nos valeurs de couleur dans l'espace colorimétrique sRGB. Nous enregistrons également l'espace colorimétrique dans les métadonnées, sauf si vous avez coché «Enregistrer pour le Web» dans le panneau d'exportation. Quel que soit ce paramètre, l'intention était d'enregistrer avec sRGB, qui fonctionne bien avec Safari car il interprète toutes les images comme étant enregistrées avec sRGB en premier lieu. Si vous ouvriez également l'image dans Aperçu, elle reconnaîtrait le profil sRGB et la rendrait aussi proche de Safari que possible. Nous pensons que nous obtenons ainsi la représentation des couleurs la plus cohérente possible.

Cela semble raisonnable. Le problème est que, pour une raison quelconque, ils ne rendent pas l'espace de travail réel à l'aide de sRGB. Parce que c'est «plus simple» (pour eux, je suppose). Ils le rendent en utilisant le profil de couleur de votre système qui, s'il est calibré, ne sera pas sRGB.

Alors, que fait Sketch? Lorsque vous choisissez une couleur dans Sketch, nous stockons uniquement les valeurs RVB. Lorsque nous effectuons un rendu à l'écran, nous interprétons ces valeurs en utilisant l'espace colorimétrique de votre moniteur.

Ce qui est une faille évidente pour moi. Logiciel de conception de contenu destiné à un navigateur, qui ne s'affiche pas comme un navigateur.

Donc, fondamentalement, toute personne disposant d'un écran calibré ne peut pas utiliser ce logiciel si elle se soucie de la précision des couleurs avec lesquelles elle travaille. La seule option consiste à définir le profil de votre écran sur sRGB. Je dois compenser l'écran de mon macbook car il s'appuie trop sur l'extrémité bleue du spectre, donc ce n'est pas une option pour moi - ce serait complètement irréalisable - les couleurs finiraient par être différentes de ce que j'attends de toute façon. Quoi qu'il en soit, la plupart des concepteurs professionnels calibreront (et devraient!) Leurs écrans. Il semble donc y avoir un décalage entre les développeurs du logiciel et la communauté pour laquelle ils développent.

Et à moins que vous n'utilisiez votre machine que pour le travail sur le Web, ce n'est pas un bon conseil de laisser le profil de couleur de votre moniteur à sRGB. C'est un espace colorimétrique assez limité, comme indiqué par le graphique dans le lien source.

De plus , leur affirmation que:

si vous utilisez les mêmes valeurs RVB dans votre illustration dans Sketch que vous utilisez dans le CSS sur votre site Web, les couleurs correspondront.

C'est un peu vrai . En fait, j'ai trouvé que même lors de l'utilisation de sRGB partout et de la recoloration de toute ma palette, il y avait toujours une différence entre la couleur de l'image exportée et les valeurs RVB indiquées dans Sketch. (au moins lorsqu'il est affiché dans Chrome). La couleur définie par CSS et la couleur définie par Sketch étaient en effet identiques, mais l'image exportée avec la même couleur (exportée avec le profil de moniteur sRGB et avec `` Enregistrer pour le Web '' sélectionné) était très légèrement différente.

Personnellement, je ne sais pas comment continuer à utiliser Sketch. J'aime le logiciel, mais c'est une surveillance tellement basique et fondamentale, et cela crée une véritable friction dans mon flux de travail.

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


C'est un vrai problème en effet ... La solution la plus rapide que j'ai trouvée est d'utiliser un optimiseur d'image Web (ImageOptim) pour effacer tous les profils d'image intégrés après le découpage.
Guillaume Gautier

@GuillaumeGautier, comment cela va-t-il aider à l'inadéquation des couleurs? Je l'ai essayé et les couleurs sont toujours très saturées par rapport à l'application.
CheeseCake

6

Les nouvelles versions de Sketch ont une fonction simple pour vous assurer que les couleurs lors de l'exportation sont les mêmes que celles que vous voyez sur votre écran.

Accédez à Préférences ›Général› Profil de couleurs, puis modifiez le paramètre de couleur sur Afficher P3. Cela changera votre profil de couleur en celui que les Mac utilisent. Ensuite, refaites la même chose, mais cette fois sélectionnez sRGB. Maintenant, vous pouvez sélectionner l'option "Convertir" puis cliquer sur "Modifier le profil" pour convertir les couleurs dans l'espace colorimétrique standard. Maintenant, lorsque vous exportez, les couleurs ressembleront à celles de Sketch.

Plus d'informations à ce sujet peuvent être trouvées ici https://www.sketchapp.com/docs/other/color-management/


Génial, je vais devoir essayer ceci quand je mets à jour Sketch! Merci pour l'information!
alxscms

2

Les paramètres de couleur du système changent tout

Je garde le mien à sRGB pour une certaine mesure de représentation du navigateur. J'utilise également un tas d'autres préréglages et écrans pour tester les variations. Voici un exemple de sRGB contre Adobe RGB.

sRGB

entrez la description de l'image ici

Écart dans un écran

Votre problème semble cependant étrange. Si la variation provient de vos paramètres de couleur, vous devriez la voir dans le document. L'image exportée peut changer selon l'endroit où vous la visualisez, mais vous ne devriez pas être en mesure de discerner une différence entre votre plan de travail et le panneau d'exportation. C'est juste bizarre.

Je pense que vous regardez peut-être un bug avec votre fichier particulier ou l'application elle-même. Essayez de recréer le comportement avec d'autres couleurs et documents. Vérifiez auprès des gars de Bohème (je les rencontre généralement sur Twitter ) et voyez s'ils peuvent le trouver quelque part dans le code.


Merci pour la réponse, malheureusement cela ne fonctionne pas pour moi, je ne peux même pas décrire le comportement de la gestion des couleurs car il est si aléatoire. Par exemple, si j'ouvre l'image exportée en chrome, elle a les bonnes couleurs et lorsque je commence à changer de bureau, la couleur change soudainement en une version plus saturée. Voir la vidéo ici cl.ly/1e1n102T2V2Q
alxscms

C'est bizarre, mais ce n'est certainement pas Sketch. Vous avez un problème au niveau du système d'exploitation. Avez-vous essayé la même image sur une machine différente? Au minimum, connectez-vous à un autre compte et voyez s'il persiste.
civil


0

Désolé de faire revivre un tel vieux fil, mais c'est toujours un problème - Mais j'ai trouvé une solution de contournement quelque peu compliquée! Lancez Zeplin, choisissez l'exportation des couleurs en tant que .clr et copiez le fichier dans ~ Bibliothèque / Couleurs. Créez un nouveau AppleScript avec "choisissez la couleur". À l'extrême droite, il y aura un nouvel onglet avec les couleurs du .clr. Cliquez sur la couleur souhaitée, puis sur la deuxième icône à gauche, les curseurs RVB. Cliquez sur la roue des paramètres et sélectionnez un profil sRGB dans la liste déroulante. Les valeurs RVB résultantes devraient être ce que vous voulez.

Bonne coloration!


Où puis-je trouver ~ Bibliothèque / Couleurs?
CheeseCake

En utilisant notre site, vous reconnaissez avoir lu et compris notre politique liée aux cookies et notre politique de confidentialité.
Licensed under cc by-sa 3.0 with attribution required.