{"id":885,"date":"2011-11-02T14:44:56","date_gmt":"2011-11-02T21:44:56","guid":{"rendered":"http:\/\/www.marcelpatek.com\/blog\/?p=885"},"modified":"2012-04-14T07:19:40","modified_gmt":"2012-04-14T14:19:40","slug":"setting-the-full-color-management-in-firefox","status":"publish","type":"post","link":"https:\/\/www.marcelpatek.com\/blog\/2011\/11\/02\/setting-the-full-color-management-in-firefox\/","title":{"rendered":"Full color management in Firefox &#8211; settings"},"content":{"rendered":"<p>Every day, hundreds of thousands of photos are uploaded to the web. There are many web surfers, photography amateurs, pros and photo agencies browsing for the best pictures. Nothings gets more frustrating then seeing an image that took several hours of editing and rigorous color management discipline, only to realize that colors got shifted and that the whole visual experience is compromised. Main culprit is often wrong setup of the web browser or use of browser that cannot be setup to effectively manage colors (IE, Opera). <\/p>\n<p>[note]In general, the first part of troubleshooting color shifts is checking that our monitor is <a href=\"http:\/\/www.marcelpatek.com\/monitor.html\">calibrated and profiled<\/a>.[\/note]<\/p>\n<p>This post will guide you through the powerful options in Firefox that enable color management of images that are tagged with icc profile. If the image is not tagged with icc profile, its color interpretation will default to the computer system color space, which in most cases is close to sRGB<img loading=\"lazy\" decoding=\"async\" class=\"centerinfo tool_tip\" src=\"http:\/\/www.marcelpatek.com\/blog\/wp-content\/themes\/Carta\/images\/question_mark_icon.gif\" alt=\"info\" width=\"14\" height=\"14\" tooltip=\"Typical color space for web images.\"\/> and and then converted to the monitor RGB. If the image is tagged with icc profile and if there is no monitor profile available, monitor RGB values are assumed and the monitor default profile is used for conversion. For calibrated and profiled or any decent monitor, results for tagged and untagged (but edited on standard sRGB gamut monitor) images will be just fine. However, troubles will most probably arise on a wide-gamut monitor.<\/p>\n<p><!--more--><\/p>\n<p>Setup described below will ensure that most images from the Web will be faithfully displayed on your monitor, especially on wide-gamut monitors.<\/p>\n<p style=\"padding-left: 30px;\"><span style=\"font-size: medium;\"><strong>Here is how to proceed (in Mozilla Firefox browser):<\/strong><\/span><\/p>\n<ol>\n<li>\n<pre>Type \"<span style=\"color: #000000;\"><span style=\"background-color: #ffffff;\">about:config<\/span><\/span>\" in the browser address bar (no quotes).\u00a0 <a href=\"http:\/\/www.marcelpatek.com\/blog\/wp-content\/uploads\/2011\/11\/ff_1.png\" rel=\"shadowbox[sbpost-885];player=img;\" title=\"Step 1\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-886\" title=\"Step 1\" src=\"http:\/\/www.marcelpatek.com\/blog\/wp-content\/uploads\/2011\/11\/ff_1.png\" alt=\"\" width=\"200\" height=\"34\" \/><\/a><\/pre>\n<\/li>\n<li>\n<pre>Click the \"<span style=\"color: #000000;\"><span style=\"background-color: #ffffff;\">OK, I'll be careful<\/span><\/span>\" button in the warning message that appears.<a href=\"http:\/\/www.marcelpatek.com\/blog\/wp-content\/uploads\/2011\/11\/ff_2.png\" rel=\"shadowbox[sbpost-885];player=img;\" title=\"Step 2\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-887\" title=\"Step 2\" src=\"http:\/\/www.marcelpatek.com\/blog\/wp-content\/uploads\/2011\/11\/ff_2.png\" alt=\"\" width=\"637\" height=\"195\" srcset=\"https:\/\/www.marcelpatek.com\/blog\/wp-content\/uploads\/2011\/11\/ff_2.png 637w, https:\/\/www.marcelpatek.com\/blog\/wp-content\/uploads\/2011\/11\/ff_2-500x153.png 500w\" sizes=\"auto, (max-width: 637px) 100vw, 637px\" \/><\/a><\/pre>\n<\/li>\n<li>\n<pre>Type \"<span style=\"background-color: #ffffff;\">gfx<\/span>\" to the Filter field.<\/pre>\n<\/li>\n<li>\n<pre><a href=\"http:\/\/www.marcelpatek.com\/blog\/wp-content\/uploads\/2011\/11\/ff_3.png\" rel=\"shadowbox[sbpost-885];player=img;\" title=\"Step 3\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-888\" title=\"Step 3\" src=\"http:\/\/www.marcelpatek.com\/blog\/wp-content\/uploads\/2011\/11\/ff_3.png\" alt=\"\" width=\"197\" height=\"108\" \/><\/a>Double-click the \"<span style=\"color: #000000;\"><span style=\"background-color: #ffffff;\">gfx.color_management.display_profile<\/span><\/span>\" line and enter path to your monitor profile.<\/pre>\n<\/li>\n<\/ol>\n<p>[tip]If you do not know or do not have your monitor profile, just leave the default value. System will assume monitor RGB color space.[\/tip]<\/p>\n<ol>\n<li>\n<pre>Double-click the \"gfx.color_management.mode\" line and enter \"1\" (means Full Color Management) in the box that opens up (click the image below to zoom in).<span style=\"font-family: Arial,Helvetica,Geneva,SunSans-Regular,sans-serif; font-size: medium;\"><a href=\"http:\/\/www.marcelpatek.com\/blog\/wp-content\/uploads\/2011\/11\/ff_41.png\" rel=\"shadowbox[sbpost-885];player=img;\" title=\"Step 4\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-927\" title=\"Step 4\" src=\"http:\/\/www.marcelpatek.com\/blog\/wp-content\/uploads\/2011\/11\/ff_41.png\" alt=\"\" width=\"600\" height=\"106\" srcset=\"https:\/\/www.marcelpatek.com\/blog\/wp-content\/uploads\/2011\/11\/ff_41.png 897w, https:\/\/www.marcelpatek.com\/blog\/wp-content\/uploads\/2011\/11\/ff_41-500x88.png 500w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/a><\/span><\/pre>\n<\/li>\n<li>\n<pre>Quit and restart Firefox.<\/pre>\n<\/li>\n<\/ol>\n<pre>\u00a0<\/pre>\n<p>That&#8217;s it. Firefox should now display all images with full color management in action.<\/p>\n<p><span style=\"font-family: Arial,Helvetica,Geneva,SunSans-Regular,sans-serif; font-size: medium;\"><br \/> <\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Every day, hundreds of thousands of photos are uploaded to the web. There are many web surfers, photography amateurs, pros and photo agencies browsing for the best pictures. Nothings gets more frustrating then seeing an image that took several hours &hellip; <a href=\"https:\/\/www.marcelpatek.com\/blog\/2011\/11\/02\/setting-the-full-color-management-in-firefox\/\">Continue reading <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[13],"tags":[],"class_list":["post-885","post","type-post","status-publish","format-standard","hentry","category-code-software"],"_links":{"self":[{"href":"https:\/\/www.marcelpatek.com\/blog\/wp-json\/wp\/v2\/posts\/885","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.marcelpatek.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.marcelpatek.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.marcelpatek.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.marcelpatek.com\/blog\/wp-json\/wp\/v2\/comments?post=885"}],"version-history":[{"count":117,"href":"https:\/\/www.marcelpatek.com\/blog\/wp-json\/wp\/v2\/posts\/885\/revisions"}],"predecessor-version":[{"id":920,"href":"https:\/\/www.marcelpatek.com\/blog\/wp-json\/wp\/v2\/posts\/885\/revisions\/920"}],"wp:attachment":[{"href":"https:\/\/www.marcelpatek.com\/blog\/wp-json\/wp\/v2\/media?parent=885"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.marcelpatek.com\/blog\/wp-json\/wp\/v2\/categories?post=885"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.marcelpatek.com\/blog\/wp-json\/wp\/v2\/tags?post=885"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}