Jump to content

Recommended Posts

HI,

When I export documents from the Affinity apps on windows the colours appear more saturated on export than they are when I am working on the files.

Attached I have an example of what is happening, one image is of my window in Affinity designer and the other is a JPEG file after exporting.

affinity-square-orange.jpg

affinity-window.jpg

Share this post


Link to post
Share on other sites

What color mode and profile do you have specified in Designer?

What file type are you exporting to?

In your Export options (More...) did you include the ICC profile in the output file?


-- Walt

Windows 10 Home, version 2004 (19041.388),
   Desktop: 16GB memory, Intel Core i7-6700K @ 4.00GHz, GeForce GTX 970
   Laptop:  8GB memory, Intel Core i7-3625QM @ 2.30GHz, Intel HD Graphics 4000 or NVIDIA GeForce GT 630M
Affinity Photo 1.8.5.703 and 1.9.0.767 Beta   / Affinity Designer 1.8.5.703 and 1.9.0.767 Beta  / Affinity Publisher 1.8.5.703 and 1.9.0.742 Beta.

Share this post


Link to post
Share on other sites

Attached I have the colour settings I normally use.

I exported this file to JPEG but it seems to be the same with other file types also. When I uploaded the images to this forum again they are different colours than what I see on  my laptop. Very frustrating when i am trying to work with colours.

For this JPEG file I included the same colour profile that is in my settings.

colour-profile.jpg

Share this post


Link to post
Share on other sites

Thanks, but what is the color model you're using for your Designer document?

CMYK, RGB?


-- Walt

Windows 10 Home, version 2004 (19041.388),
   Desktop: 16GB memory, Intel Core i7-6700K @ 4.00GHz, GeForce GTX 970
   Laptop:  8GB memory, Intel Core i7-3625QM @ 2.30GHz, Intel HD Graphics 4000 or NVIDIA GeForce GT 630M
Affinity Photo 1.8.5.703 and 1.9.0.767 Beta   / Affinity Designer 1.8.5.703 and 1.9.0.767 Beta  / Affinity Publisher 1.8.5.703 and 1.9.0.742 Beta.

Share this post


Link to post
Share on other sites

To make it less complicated: Make sure

1. your documents color space
2. the color model of your rectangle color/color swatch
3. your JPG export color space

are ALL set to RGB. If that doesn't prevent the difference: can you upload your AD file + jpg?


macOS 10.14.6, Macbook Pro Retina 15" + Eizo 24", Affinity in Separated Mode (documents merged)

Share this post


Link to post
Share on other sites

Your jpg appears not to have the profile embedded. What if you embed it on export?

I get quite same appearance in AD and JPG (macOS preview.app):

157565576_orangeadjpg.jpg.f708822e9371758f18123f3e5979fa89.jpg


macOS 10.14.6, Macbook Pro Retina 15" + Eizo 24", Affinity in Separated Mode (documents merged)

Share this post


Link to post
Share on other sites

I have the embedded profile option checked. 🤔

Maybe it has something to do with my laptop display. It's 4k with 100% Adobe RGB and 95% NTSC colour gamut. 

 

export-window.jpg

affinity-after-export.jpg

Share this post


Link to post
Share on other sites

Also, when I upload the images to this forum the brighter JPG image is pretty accurate to what I am seeing in my Affinity Designer app. 

They seem to lose saturation when I upload, but still there is a difference between the 2 images.

affinity-forum-JPG-designerapp.jpg

Share this post


Link to post
Share on other sites

Maybe your uploaded JPG looses some of its metadata on the way via web and therefore doesn't tell me its profile. I see you have metadata checked on export but I get very few only compared to those from my exported jpg.

Your monitor is not the reason, regardless of its good quality, because it shows all these files at same conditions. I rather suspect your JPG viewing app as the culprit. In the attached AD I have placed your JPG (downloaded) and mine (exported) besides your rectangle shape object. They all look the same here. – How do you get see them? And if they are diferent, how does your JPG appear when you place it in your AD file?

affinity-square-orange_& jpgs.afdesign

1528095294_orangeADinkl.jpgs.jpg.715730b4fe6863bb0bb301f6322a7a41.jpg


macOS 10.14.6, Macbook Pro Retina 15" + Eizo 24", Affinity in Separated Mode (documents merged)

Share this post


Link to post
Share on other sites

As your display is a wide gamut device and you view images with apps like Photos, which is not color managed, it is clear that you get more saturated colors than when you use a color managed app as Affinity Photo. When you view images in non-color managed environment, the colors are shown at full color gamut of the device, rather than mapped according to color profiles embedded in the files, or mapped to sRGB in case the file is not color managed (as e.g. color-managed browsers do).

So it seems as if your system is behaving more or less as expected.   

13 minutes ago, Niall123492 said:

They seem to lose saturation when I upload, but still there is a difference between the 2 images.

The color profiles are stripped when you post images on the forum so basically your wide-gamut colors get mapped to the edges of the sRGB, and sRGB colors get less saturated and duller.

Share this post


Link to post
Share on other sites
12 minutes ago, thomaso said:

Maybe your uploaded JPG looses some of its metadata on the way via web and therefore doesn't tell me its profile. I see you have metadata checked on export but I get very few only compared to those from my exported jpg.

Your monitor is not the reason, regardless of its good quality, because it shows all these files at same conditions. I rather suspect your JPG viewing app as the culprit. In the attached AD I have placed your JPG (downloaded) and mine (exported) besides your rectangle shape object. They all look the same here. – How do you get see them? And if they are diferent, how does your JPG appear when you place it in your AD file?

affinity-square-orange_& jpgs.afdesign

1528095294_orangeADinkl.jpgs.jpg.715730b4fe6863bb0bb301f6322a7a41.jpg

Yeah they all look the same on my screen also. When I bring the same JPG file back into Affinity Designer it shows the same colour that I want it to be. 

I am viewing the images in Windows Photos which must be showing the colours at my displays profile. 

Share this post


Link to post
Share on other sites
17 minutes ago, Lagarto said:

As your display is a wide gamut device and you view images with apps like Photos, which is not color managed, it is clear that you get more saturated colors than when you use a color managed app as Affinity Photo. When you view images in non-color managed environment, the colors are shown at full color gamut of the device, rather than mapped according to color profiles embedded in the files, or mapped to sRGB in case the file is not color managed (as e.g. color-managed browsers do).

So it seems as if your system is behaving more or less as expected.   

The color profiles are stripped when you post images on the forum so basically your wide-gamut colors get mapped to the edges of the sRGB, and sRGB colors get less saturated and duller.

Thanks for the information. 

This must be the reason yes. The difference in colours was throwing me off as I don't want to send certain colours to a client and have them be completely different to what I am seeing.

Share this post


Link to post
Share on other sites
17 minutes ago, Lagarto said:

The color profiles are stripped when you post images on the forum

Always, in any case? I am quite sure to recall having seen profile info in images of other forum users, in particular an obvious monitor profile name I haven't read before, probably in a screenshot.

2 minutes ago, Niall123492 said:

I am viewing the images in Windows Photos which must be showing the colours at my displays profile. 

Ah, so this viewing app is responsible, as Lagarto pointed out, too. That would mean you don't need to worry about the difference – and/or should have this possible color variations in mind when continuing with your corporate design project.


macOS 10.14.6, Macbook Pro Retina 15" + Eizo 24", Affinity in Separated Mode (documents merged)

Share this post


Link to post
Share on other sites
6 minutes ago, Niall123492 said:

The difference in colours was throwing me off as I don't want to send certain colours to a client and have them be completely different to what I am seeing.

That is much dependent on what viewer your clients are using to view the images. If the images are to be used on web, it is best to have them viewed on the web (so that by default a color managed browser like Chrome is used) because if just sent as email attachments, the colors are likely to be viewed on Windows platform and there typically non-color managed. This is not generally a problem because most of the users have monitors that are not capable of showing colors beyond the sRGB color gamut.

Share this post


Link to post
Share on other sites
4 minutes ago, Niall123492 said:

The difference in colours was throwing me off as I don't want to send certain colours to a client and have them be completely different to what I am seeing.

A more save way could be not to send JPG files but exported PDF/X-4. They don't loose anything on their web way and, as X-4, they also have the Output Intent which explicitly tells a viewing app for what profile they are made (which, of cause, does not help though if a viewing app can't work with profiles at all and isn't supported by its OS, too)


macOS 10.14.6, Macbook Pro Retina 15" + Eizo 24", Affinity in Separated Mode (documents merged)

Share this post


Link to post
Share on other sites
4 minutes ago, thomaso said:

Always, in any case?

I am not sure. I have myself tried to post here images that have my display color profile embedded, to illustrate problems with different color gamuts, but in my experience colors get mapped into the realm of sRGB.

Share this post


Link to post
Share on other sites
3 minutes ago, Lagarto said:

That is much dependent on what viewer your clients are using to view the images. If the images are to be used on web, it is best to have them viewed on the web (so that by default a color managed browser like Chrome is used) because if just sent as email attachments, the colors are likely to be viewed on Windows platform and there typically non-color managed. This is not generally a problem because most of the users have monitors that are not capable of showing colors beyond the sRGB color gamut.

I have also noticed that Chromes PDF viewer really over saturates the colour. I want to send my finished design to my clients via PDF so they can view it. Using Chrome's PDF viewer that orange colour is way over saturated. This was where my main worries came from. 

Thanks for getting back to me on this problem, really appreciate it. 🙌

Share this post


Link to post
Share on other sites

> I am not sure.

Possibly a change occurred with the forums software update a while ago? At least it affects uploads: I get its –200 error message more often and need to run screenshots (jpg) almost always through a "optimizer" (ImageOptim.app) to prevent –200.


macOS 10.14.6, Macbook Pro Retina 15" + Eizo 24", Affinity in Separated Mode (documents merged)

Share this post


Link to post
Share on other sites
11 minutes ago, Niall123492 said:

I have also noticed that Chromes PDF viewer really over saturates the colour.

Chrome PDF viewer seems to be non-color managed:

Left: A PDF exported to sRGB viewed on Chrome PDF viewer, and right: the same file viewed in Adobe Acrobat.

chrome_vs_acrobat.jpg.021032a1594cbaa04315c3cb818caddd.jpg

Share this post


Link to post
Share on other sites
27 minutes ago, Niall123492 said:

have also noticed that Chromes PDF viewer really over saturates the colour.

If your clients open PDF, ask them to use Adobe's Acrobat Reader and to avoid browser's PDF viewer that usually are a javascript viewer. They can use other apps, but  it's common and well known. Other readers can not correctly read profiles or some effects, resulting in wrong colours.

Share this post


Link to post
Share on other sites
4 minutes ago, Lagarto said:

Chrome PDF viewer seems to be non-color managed:

Yeah I guessed that after you told me about windows photos. Uploading the PDF to google drive and viewing it within the Drive PDF viewer seems to show accurate colours. 

Also, can you guys recommend any photo viewing apps that are colour managed?

Share this post


Link to post
Share on other sites
34 minutes ago, thomaso said:

Possibly a change occurred with the forums software update a while ago

I do not know, perhaps the files posted here keep their color profiles embedded, but what you see on the actual posts seems to be narrowed down to sRGB.

There are two images below, both having R255 G0 B0 defined, one is supposed to have the AdobeRGB profile, and the other the sRGB profile embedded. I am viewing this with Chrome browser that does support embedded color profiles but I do not get here what I see locally when editing these images e.g. in Affinity apps, but instead two identical images:

test_adobergbcolorprofile.jpg.56cbf47138ca18adfa19ce4dcde15384.jpgtest_srgbcolorprofile.jpg.e9c1e25c048341c4cc879c19f62c47e4.jpg

 

This is when these two images are viewed side by side in Photoshop. So what seems to be happening is that the image is mapped to sRGB: AdobeRGB edge is mapped to sRGB edge, and sRGB edge is getting relatively duller (less saturated):

test_adobergbsrgbsidebyside.jpg.1ca519d11086091cb664881f0e2b377f.jpg

When viewed locally, the leftmost image is far more vivid and saturated, and the rightmost image looks like the leftmost here. If I place the same images on my own site (that does not strip profiles), I get identical colors as I get locally.

 

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...

×
×
  • Create New...

Important Information

Please note the Annual Company Closure section in the Terms of Use. These are the Terms of Use you will be asked to agree to if you join the forum. | Privacy Policy | Guidelines | We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.