Jump to content
Lojza

ICC Profile of a copied image

Recommended Posts

Hi all,

 

First, I do have to aplogize I have only vague knowledge of ICC profiles and how they exactly work, but I spotted a fairly strange behaviour with Affinity Photo.

 

I often use some internet images, photos, logos, etc. (Being careful about the copyrights, of course!) I copy them right from the browser and then use "New from Clipboard" in AP to create a new document and edit the image. However, the new document (image) has different colours in comparison with what is seen in the browser. I realized that the new document has "Generic RGB profile" assigned. When I assign a different profile, like "sRGB IEC61966-2.1" or "Apple RGB", the colours get somehow closer to the original, but not exactly.

 

On the other hand, when I first download the image to disk and then open in it AP, the colours are OK - the same as in the browser.

 

What should I do to preserve the colours when copying the image right from the web? Is there any kind of configuration that would take care of that? Or is this a bug in AP?

 

Thanks for any advice.


UX/UI designer, IT analyst & consultant, Business Architect at Cool Ticket (www.coolticket.co).

MacBook Pro 13'' Early 2015, 3,1 GHz Intel Core i7, 16 GB 1867 MHz DDR3, Apple Thunderbolt Display 27'' (2560 x 1440).

Share this post


Link to post
Share on other sites

Different web browsers running on different OS's may display images using the image's embedded color profile (if they have one) or ignore that & use a default profile for everything. Likewise, there is no guarantee an embedded profile will survive the copy & paste step.

 

So, while there is no way to guarantee every image seen on a web page will display the same colors for everyone, it is generally better to download the image to a file on your system & open that in AP (or whatever graphics app you are using).


Affinity Photo 1.7.1 & Affinity Designer 1.7.1; macOS High Sierra 10.13.6 iMac (27-inch, Late 2012); 2.9GHz i5 CPU; NVIDIA GeForce GTX 660M; 8GB RAM
Affinity Photo 1.7.0.135 & Affinity Designer 1.7.0.9 for iPad; 6th Generation iPad 32 GB; Apple Pencil; iOS 12.3.1

Share this post


Link to post
Share on other sites

Different web browsers running on different OS's may display images using the image's embedded color profile (if they have one) or ignore that & use a default profile for everything. Likewise, there is no guarantee an embedded profile will survive the copy & paste step.

 

So, while there is no way to guarantee every image seen on a web page will display the same colors for everyone, it is generally better to download the image to a file on your system & open that in AP (or whatever graphics app you are using).

 

Fair enough. Thank you!


UX/UI designer, IT analyst & consultant, Business Architect at Cool Ticket (www.coolticket.co).

MacBook Pro 13'' Early 2015, 3,1 GHz Intel Core i7, 16 GB 1867 MHz DDR3, Apple Thunderbolt Display 27'' (2560 x 1440).

Share this post


Link to post
Share on other sites

At least in firefox, in advanced settings, you can force it to use color  management... And it does work as expected, properly. (IE, and Adobe RGB 1998 file will display correctly, etc) But I believe is not ON by default. Is a pair of settings or 3 that will have to be activated, if I remember well, Guides about it are easy to find in google.


Affinity Designer and Affinity Photo licenses, Windows 7, i7  860 (2009) 2.8 GHz,  8 GB RAM, GTX 1050 2 GB, HD 7200 RPM.  Wacom Intuos 4 XL.

Share this post


Link to post
Share on other sites

Oh, and instead copy & paste, save the image from the web (ie, if the file is a JPG, etc) , using right click, "save image as" (just remember no matter how you do it (copy & paste or save the file)  there usually are copyright considerations ! Even if you don't find a copyright notice at all.) . And if want to publish one file made by you on the web, well, be sure is with the desired color profile embedded correctly and everything, and check with Firefox with those settings activated,  or any other browser which you could configure so, just to check the thing.

 

A tiny note: PNG -as far as I know, not sure if there was certain complex possibility, tho-  wont support carrying a color profile, but JPG can do that. just remember JPG is not lossless, introduce compression visual artifacts. As wont be for editing the image more, if just fine always that you provide a very low compression file, high quality setting. (beware the file size, too ! no one likes to wait a lot, tho will depend on your target visitors type of connections. ) 

 

I don't know if it is up-to-date, but would be sth in the line of this  :

 

http://ntown.at/2013/12/28/firefox-color-management/

 

This is probably more up to date, and also, contains info about other browsers :

 

http://www.color-management-guide.com/web-browser-color-management.html

 

There is even a Firefox addon, an extension to make it super easy to activate or deactivate it, if you don't want to get too techy. But I haven't tested, have no notion about it :

 

https://addons.mozilla.org/en-Us/firefox/addon/color-management/


Affinity Designer and Affinity Photo licenses, Windows 7, i7  860 (2009) 2.8 GHz,  8 GB RAM, GTX 1050 2 GB, HD 7200 RPM.  Wacom Intuos 4 XL.

Share this post


Link to post
Share on other sites

Thanks for all the valuable resources!

 

I managed to configure FF to be color-managed (using my Thunderbolt Display profile in one of the settings), some tests went well after restart (such as this http://cameratico.com/tools/web-browser-color-management-test/),but here I still see a purple car instead of an orange one: https://petapixel.com/2012/06/25/is-your-browser-color-managed/ Weird :/


UX/UI designer, IT analyst & consultant, Business Architect at Cool Ticket (www.coolticket.co).

MacBook Pro 13'' Early 2015, 3,1 GHz Intel Core i7, 16 GB 1867 MHz DDR3, Apple Thunderbolt Display 27'' (2560 x 1440).

Share this post


Link to post
Share on other sites

but here I still see a purple car instead of an orange one

 

Maybe because the car is actually purple ?  :P


System specs: Win 8.1 Pro 64bit | AMD PhenomII X6 1055T @ 3.0Ghz | 16GB DDR3 @ 1600Mhz | WD10EZEX | GTX 960 4GB | Wacom CTL-672

Share this post


Link to post
Share on other sites

I don't know what to make of that petapixel page -- earlier today I opened it using Mike's link & the car was orange. 15 minutes ago I did the same thing with the same browser (Safari 10.0.3) on the same Mac with exactly the same settings & now it is purple.

 

Just to make things that much more confusing, the Cameratico link provided by Lojza says my Safari browser is properly supporting ICC 2 & 4 profiles ... but using the Safari Develop menu User Agent item to try to convince the site I am using some other browser keeps mis-identifying it, for example as Chrome 42.0.2311.135 when the User Agent is set to MS Edge or as Chrome 51.0.2704.103 when it is set to Google Chrome Mac.

 

For the petapixel page I have also tried emptying Safari's caches, turning off all extensions, & opening it with other browsers but the car remains purple.


Affinity Photo 1.7.1 & Affinity Designer 1.7.1; macOS High Sierra 10.13.6 iMac (27-inch, Late 2012); 2.9GHz i5 CPU; NVIDIA GeForce GTX 660M; 8GB RAM
Affinity Photo 1.7.0.135 & Affinity Designer 1.7.0.9 for iPad; 6th Generation iPad 32 GB; Apple Pencil; iOS 12.3.1

Share this post


Link to post
Share on other sites

I have also downloaded the "purple car" to disk, opened it in Affinity Photo and it's still purple. No matter what color profile I assign to it. I think it must be the petapixel's image...


UX/UI designer, IT analyst & consultant, Business Architect at Cool Ticket (www.coolticket.co).

MacBook Pro 13'' Early 2015, 3,1 GHz Intel Core i7, 16 GB 1867 MHz DDR3, Apple Thunderbolt Display 27'' (2560 x 1440).

Share this post


Link to post
Share on other sites

From my photo editor:

 

post-255-0-24255600-1490137604_thumb.png

 

And in AD:

 

post-255-0-90000000-1490137728_thumb.png

 

I don't have APh else I would try it there. But one would think it works the same in APh as AD...

 

Looks the same in my browser and every color-managed application I have.

 

Mike


My computer is a nothing-special Toshiba laptop with unremarkable specs running Windows 10 64-bit.

Share this post


Link to post
Share on other sites

You also can test for ICC v4 readiness here!

According to that, Safari supports all four profiles on the page, yet the pentapixel page still shows a purple car, contrary to what it says about every browser tested in OSX correctly implementing ICC profiles.


Affinity Photo 1.7.1 & Affinity Designer 1.7.1; macOS High Sierra 10.13.6 iMac (27-inch, Late 2012); 2.9GHz i5 CPU; NVIDIA GeForce GTX 660M; 8GB RAM
Affinity Photo 1.7.0.135 & Affinity Designer 1.7.0.9 for iPad; 6th Generation iPad 32 GB; Apple Pencil; iOS 12.3.1

Share this post


Link to post
Share on other sites

I would suggest that something about the browser is amiss, R C-R. That it worked the first time but not subsequent times is odd.

 

If you download the image, does anything in your system display it properly?


My computer is a nothing-special Toshiba laptop with unremarkable specs running Windows 10 64-bit.

Share this post


Link to post
Share on other sites

I have Vivaldi 1.7, Firefox 52.0.1, IE11 and Edge installed here. The ICC v4 readiness test page tells me that Firefox only supports ICC version 2 profiles, but the other three browsers also support ICC version 4.

 

I see a purple car in all four of the above browsers. Go figure, as they say!


Alfred online2long.gif
Affinity Designer 1.7.0.367 • Affinity Photo 1.7.0.367 • Windows 10 Home (4th gen Core i3 CPU)
Affinity Photo for iPad 1.7.0.135 • Affinity Designer for iPad 1.7.0.9 • iOS 12.3.1 (iPad Air 2)

Share this post


Link to post
Share on other sites

Well Firefox by default isn't setup for color management support, it only has enabled color management for tagged images.

 

To change this:

  1. In the browsers URL-Bar type about:config and press enter. Now you are in the advanced settings. Be careful here, if you don’t know what you're doing, dont change anything here.
  2. Type color_management into the search field below the url field, in order to find the setings parameter.
  3. Set gfx.color_management.mode to 1 to enable colormanagement. The parameter changes to bold text which indicates that it is now user-defined.

Here are the parameters which can be altered:

gfx.color_management.display_profile
The Full Path to you monitor’s color profile. For example: C:\colorprofiles\HP Z27x\HP Z27x sRGB D65 ICC Profile.icm

gfx.color_management.enablev4
Set to true (doubleclick the entry) to enable colormanagement v4 (Recommended).

gfx.color_management.mode
0 – Disable color management.
1 – Enable color management for all rendered graphics. (Recommended)
2 – Enable color management only for tagged images only. (Default)

gfx.color_management.rendering_intent
-1 Honor the rendering intent specified in the image file.
0 Perceptual (Default) (Recomended)
1 Relative colorimetric
2 Saturation
3 Absolute colorimetric

To finaly enable color management you have to restart firefox!


☛ Affinity Designer 1.7.0 ◆ Affinity Photo 1.7.0 ◆ OSX El Capitan

Share this post


Link to post
Share on other sites

I would suggest that something about the browser is amiss, R C-R. That it worked the first time but not subsequent times is odd.

 

If you download the image, does anything in your system display it properly?

Something is definitely odd (maybe with the page itself?) because I cannot select the image in the normal way to copy it, not with Safari, Chrome, Firefox or with any other browser I have. I have to right click on it & use the browser's 'inspect element' or 'view page source' or some such function to get to it to copy or save it. From what I can tell, the image source is https://petapixel.com/assets/uploads/2012/06/S2fzq.jpg & even if I load that URL directly into any of the browsers I still get a purple car.


Affinity Photo 1.7.1 & Affinity Designer 1.7.1; macOS High Sierra 10.13.6 iMac (27-inch, Late 2012); 2.9GHz i5 CPU; NVIDIA GeForce GTX 660M; 8GB RAM
Affinity Photo 1.7.0.135 & Affinity Designer 1.7.0.9 for iPad; 6th Generation iPad 32 GB; Apple Pencil; iOS 12.3.1

Share this post


Link to post
Share on other sites

I have Vivaldi 1.7, Firefox 52.0.1, IE11 and Edge installed here. The ICC v4 readiness test page tells me that Firefox only supports ICC version 2 profiles, but the other three browsers also support ICC version 4.

 

I see a purple car in all four of the above browsers. Go figure, as they say!

 

I don't have Google Chrome installed. Neither Edge nor IE are color managed.

 

Vivaldi:

 

post-255-0-65768600-1490192383_thumb.png

 

Firefox 51.01 (which this installation says is up to date)--and I did nothing special to its configuration:

 

post-255-0-39090000-1490192486_thumb.png


My computer is a nothing-special Toshiba laptop with unremarkable specs running Windows 10 64-bit.

Share this post


Link to post
Share on other sites

Would you mind telling us what is your default monitor color profile ? :)


System specs: Win 8.1 Pro 64bit | AMD PhenomII X6 1055T @ 3.0Ghz | 16GB DDR3 @ 1600Mhz | WD10EZEX | GTX 960 4GB | Wacom CTL-672

Share this post


Link to post
Share on other sites

Mine is...gotta check. I think it is sRGB on the laptop, but it is a calibrated one on the CRT desktop. Both display properly.

 

There is nothing special about the display profile embedded in the image, other than the white point alteration and subsequent color adjustments to color correct it back to yellow. It us a version 2 profile.

 

The whole point of this and other images of its ilk is to see color management in action. I have another image as well somewhere here. I'll upload it in a bit.


My computer is a nothing-special Toshiba laptop with unremarkable specs running Windows 10 64-bit.

Share this post


Link to post
Share on other sites

I got the WhackedRGB image from Gary Ballard's web site. Rather than upload it here, go to the link and review his information. The WhackedRGB image is about halfway down the page and for the browser you can move the mouse over the image and back off.

 

http://www.gballard.net/photoshop/pdi_download/

 

Mike


My computer is a nothing-special Toshiba laptop with unremarkable specs running Windows 10 64-bit.

Share this post


Link to post
Share on other sites

I was just about to recommend that link as a much better test :P, "whacked rgb" displays good to me in a color managed aware app and purple as it should in non aware. That still doesn't explain why the car is purple also in properly color managed apps.


System specs: Win 8.1 Pro 64bit | AMD PhenomII X6 1055T @ 3.0Ghz | 16GB DDR3 @ 1600Mhz | WD10EZEX | GTX 960 4GB | Wacom CTL-672

Share this post


Link to post
Share on other sites

While the "platform" tag in the car image should mean nothing, if you are using a Mac perhaps Apple's CMS does take it into account even though it shouldn't. It is set to Microsoft (Windows). On Windows none of the Apple platform tags mean anything and the spec also has it as a read only tag.

 

I would have to look inside the Whacked RGB profile to see what it is set to.


My computer is a nothing-special Toshiba laptop with unremarkable specs running Windows 10 64-bit.

Share this post


Link to post
Share on other sites

There is nothing different in the two ICC profiles that should account for a difference in viewing, assuming same viewing conditions on the same device and applications.

 

Mike


My computer is a nothing-special Toshiba laptop with unremarkable specs running Windows 10 64-bit.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×