スケッチエクスポートでの色の不一致


11

スケッチでエクスポートすると、元の色に比べて色が飽和します。以下のキャプチャを参照してください。

色の不一致

色の不一致は、それを開くために使用するすべてのソフトウェアで発生しています。エクスポートはどのファイルタイプでも可能で、問題が発生します。

エクスポートした画像をスケッチにインポートすると、スケッチは元の色でそれを表示します。

私はいくつかの調査を行いましたが、関連するものを見つけることができませんでした。これは私のMacのカラープロファイルから取得できますか?(私は新しいものを作ろうとしましたが、これは何も変更しませんでした)。ご協力いただきありがとうございます

回答:


8

開発者は問題を認識していますが、修正するつもりはなく、「機能」と見なしています。

画像をエクスポートするとき、sRGB色空間の色値を解釈します。また、エクスポートパネルで[Web用に保存]をオンにしていない限り、メタデータに色空間を保存します。ただし、その設定に関係なく、sRGBで保存することを目的としており、SRGBはすべての画像を最初にsRGBで保存されたものとして解釈するため、Safariでうまく機能します。画像をプレビューでも開くと、sRGBプロファイルが認識され、Safariにできるだけ近くレンダリングされます。このようにして、可能な限り最も一貫した色表現を得ることができます。

賢明に聞こえます。問題は、何らかの理由で、sRGBを使用して実際のワークスペースをレンダリングしないことです。それは「より単純」だからです(彼らにとって、私はそう思います)。システムのカラープロファイルを使用してレンダリングします。キャリブレートした場合、sRGBにはなりません。

では、Sketchは何をするのでしょうか?Sketchで色を選択すると、RGB値のみが保存されます。画面にレンダリングするとき、モニターの色空間を使用してこれらの値を調べます。

それは私にとって明らかな欠陥です。ブラウザーのように表示されない、ブラウザー向けのコンテンツを設計するためのソフトウェア。

したがって、基本的には、調整された画面を持っている人は、作業している色の精度に関心がある場合、このソフトウェアを使用できません。唯一のオプションは、画面のプロファイルをsRGBに設定することです。Macbookの画面は、スペクトルの青色の端に過度に寄りかかっているため、補正する必要があります。これは、私にとっては選択肢ではありません。完全に機能しなくなります。色は、どちらの方法でも期待したものと異なって見えます。いずれにせよ、ほとんどのプロのデザイナーは画面を調整します(すべきです!)。したがって、ソフトウェアの開発者と彼らが開発しているコミュニティとの間に断絶があるようです。

また、マシンを使用するすべてがWeb作業でない限り、モニターのカラープロファイルをsRGBのままにしておくことはお勧めできません。ソースリンクのグラフで示されているように、これはかなり限られた色空間です。

さらに、彼らの主張は:

ウェブサイトのCSSで使用しているものと同じRGB値をSketchのアートワークで使用すると、色が一致します。

ある真の一種。実際にsRGBをどこでも使用し、パレット全体を再カラーピッキングしても、エクスポートされた画像の色とスケッチに記載されているRGB値の間に違いがあることに気付きました。(少なくともChromeで表示した場合)。CSS定義された色、そしてスケッチ定義された色確かに同じ、しかし(のsRGBモニタプロファイルをエクスポートし、同じ色でエクスポートした画像選択された「Web用保存」では)ほんの少し異なっていました。

個人的には、Sketchを使用して次に進む方法がわかりません。私はソフトウェアが好きですが、これは基本的かつ根本的な見落としであり、それが私のワークフローに真の摩擦を引き起こしています。

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


これは本当に本当の問題です...私が見つけた最速の解決策は、Webイメージオプティマイザー(ImageOptim)を使用して、スライス後にすべての埋め込まれたイメージプロファイルを消去することです。
Guillaume Gautier

@GuillaumeGautier、これは色の不一致をどのように助けるのですか?試してみましたが、アプリにあるときよりも色はまだ非常に飽和しています。
CheeseCake

6

新しいバージョンのSketchには、エクスポート時の色が画面に表示される色と同じであることを確認する簡単な機能があります。

[設定]› [一般]› [カラープロファイル]に移動し、カラー設定を[ディスプレイP3]に変更します。これにより、カラープロファイルがMacで使用するものに変更されます。次に、同じことをもう一度行いますが、今回はsRGBを選択します。ここで、「変換」オプションを選択し、「プロファイルの変更」をクリックして、色を標準の色空間に変換できます。これで、エクスポートすると、色はSketchと同じように表示されます。

この詳細については、https://www.sketchapp.com/docs/other/color-management/を参照して ください。


すごい、Sketchをアップグレードするときにこれを試さなければならない!ヘッドアップをありがとう!
alxscms

2

システムカラー設定はすべてを変える

私はブラウザの表現のいくつかの尺度のためにsRGBを維持します。他のプリセットやスクリーンを使用して、バリエーションをテストしています。以下は、sRGBとAdobe RGBの例です。

sRGB

ここに画像の説明を入力してください

画面内の分散

しかし、あなたの問題は奇妙に思えます。バリエーションがカラー設定によるものであれば、ドキュメント全体に表示されます。エクスポートされた画像は、表示する場所によって異なる場合がありますが、アートボードとエクスポートパネルの違いを見分けることはできません。それは変だ。

特定のファイルまたはアプリ自体のバグを調べていると思います。他の色やドキュメントで動作を再現してみてください。ボヘミアンの人たち(通常はTwitterで彼らを攻撃します)に確認し、コードのどこかにそれが見つかるかどうかを確認します。


返信ありがとうございます。残念ながらそれは私にとってはうまくいきません。カラーマネジメントの動作は非常にランダムであるため、説明することもできません。たとえば、エクスポートした画像をクロムで開くと、適切な色が表示され、デスクトップの切り替えを開始すると、色が突然飽和したバージョンに変わります。こちらのビデオをご覧くださいcl.ly/1e1n102T2V2Q
alxscms

それは奇妙ですが、それは確かにスケッチではありません。OSレベルの問題があります。別のマシンで同じイメージを試しましたか?少なくとも、別のアカウントにログインして、それが続くかどうかを確認してください。
私服2015


0

そのような古いスレッドを復活させて申し訳ありませんが、これはまだ問題です-しかし、私はやや複雑な回避策を見つけました!Zeplinを起動し、エクスポートカラーを.clrとして選択し、ファイルを〜Library / Colorsにコピーします。「色を選択」して新しいAppleScriptを作成します。右端に.clrの色が表示された新しいタブがあります。目的の色をクリックし、左から2番目のアイコンであるRGBスライダーをクリックします。設定ホイールをクリックし、ドロップダウンからsRGBプロファイルを選択します。結果のRGB値は必要な値になります。

ハッピーぬりえ!


〜Library / Colorsはどこにありますか?
CheeseCake

0

すでにプロジェクトで作業している場合は、ファイル›カラープロファイルの変更…(お気に入りのプロファイルを選択)からカラープロファイルを変換できます。

詳細はこちら:https : //www.sketchapp.com/docs/other/color-management/#changing-the-color-profile-of-an-existing-document

ここでデフォルトのプロファイルを設定できます:スケッチ›設定›一般›カラープロファイル

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.