{"id":104,"date":"2008-08-18T12:01:46","date_gmt":"2008-08-18T10:01:46","guid":{"rendered":"http:\/\/www.boscarol.com\/blog\/?p=104"},"modified":"2015-04-07T16:06:22","modified_gmt":"2015-04-07T14:06:22","slug":"supporto-nei-browser","status":"publish","type":"post","link":"http:\/\/www.boscarol.com\/blog\/?p=104","title":{"rendered":"Supporto della gestione colore nei browser"},"content":{"rendered":"<p>Non tutti i browser web supportano la gestione del colore, e quelli che la supportano, la supportano in modo diverso.<\/p>\n<p>Aprendo con un browser <a href=\"http:\/\/www.color.org\/version4html.xalter\" target=\"_blank\">questa pagina web<\/a> di ICC si pu\u00f2 controllare se il browser stesso &#8220;onora&#8221; i profili ICC nelle immagini JPEG (ma non in altri formati n\u00e9 negli elementi nativi).<\/p>\n<p>Aprendo invece <a href=\"http:\/\/www.boscarol.com\/blog\/?p=21027\">questa pagina del blog<\/a> si pu\u00f2 controllare (con una utilit\u00e0 tipo DigitalColor Meter) se viene fatta la compensazione monitor oppure no.<\/p>\n<p>Vediamo come si comportano gli <strong>unici<\/strong>, a quanto pare, <strong>quattro browser<\/strong> che supportano, in qualche modo, la gestione del colore, su Mac e su Win, ai quali aggiungo anche Flash Player, che pu\u00f2 essere considerato un browser particolare.<\/p>\n<p>&nbsp;<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-941\" style=\"border: 0px none;\" title=\"Safari\" src=\"https:\/\/i0.wp.com\/www.boscarol.com\/blog\/wp-content\/uploads\/2008\/08\/64px-apple_safari.png?resize=64%2C64\" alt=\"\" width=\"64\" height=\"64\" data-recalc-dims=\"1\" \/><\/p>\n<p><strong><a href=\"http:\/\/www.apple.com\/safari\/\" target=\"_blank\">Apple Safari<\/a><\/strong><\/p>\n<p>Safari \u00e8 disponibile in versione Mac e in versione Win. L&#8217;ultima versione \u00e8 la 5.1.<\/p>\n<p>Non ha alcuna impostazione di gestione del colore (nel senso che non si pu\u00f2 attivare\/disattivare, ma quello che \u00e8 attivo \u00e8 sempre attivo).<\/p>\n<p>Safari riconosce i profili ICC <strong>incorporati<\/strong> nelle immagini JPEG (non so GIF e PNG) e fa la compensazione monitor con intento colorimetrico relativo.<\/p>\n<p>Se invece il profilo <strong>non \u00e8 incorporato<\/strong>, Safari non fa la compensazione monitor (trasmette i numeri RGB dell&#8217;immagine al monitor come sono).<\/p>\n<p>Safari non supporta la propriet\u00e0 <em>color-profile<\/em> di CSS3 per gli elementi grafici nativi (sfondi, bordi).<\/p>\n<p>&nbsp;<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-942\" style=\"border: 0px none;\" title=\"Internet Explorer\" src=\"https:\/\/i2.wp.com\/www.boscarol.com\/blog\/wp-content\/uploads\/2008\/08\/60px-internet_explorer_7_logo.png?resize=60%2C60\" alt=\"\" width=\"60\" height=\"60\" data-recalc-dims=\"1\" \/><\/p>\n<p><strong><a href=\"http:\/\/www.microsoft.com\/italy\/windows\/products\/winfamily\/ie\/default.mspx\" target=\"_blank\">Microsoft Internet Explorer<\/a><\/strong><\/p>\n<p>Internet Explorer \u00e8 disponibile in versione Mac e in versione Win. Le versioni per Win (l&#8217;ultima \u00e8 la 7) supportano la gestione del colore solo con il filtro ColorInfo (vedi pi\u00f9 sotto). Le versioni per Mac (l&#8217;ultima \u00e8 la 5.2.3 del 2002) invece supportano la gestione del colore &#8220;onorando&#8221; i profili incorporati nelle immagini JPEG. Microsoft tuttavia non sviluppa pi\u00f9 Internet Explorer per Mac dal 2003 e non lo supporta pi\u00f9 dal 2005.<\/p>\n<p>La gestione del colore nella versione per Mac pu\u00f2 essere attivata e disattivata in Preferences &gt; Web Content &gt; Use ColorSync.<\/p>\n<p>Se la gestione del colore \u00e8 attivata, Internet Explorer &#8220;onora&#8221; i profili incorporati ICC nelle immagini JPEG. Se il profilo non c&#8217;\u00e8 assume sRGB e assume sRGB anche per gli elementi nativi (sfondi, bordi). In ogni caso fa la compensazione monitor con intento colorimetrico relativo.<\/p>\n<p>La gestione del colore in Internet Explorer per Windows fino alla versione 4 pu\u00f2 essere implementata con il filtro <a href=\"http:\/\/support.microsoft.com\/kb\/182484\/en-us\" target=\"_blank\">ColorInfo<\/a> che consente di specificare il profilo e l&#8217;intento di rendering di una immagine. Ecco un esempio:<\/p>\n<p style=\"padding-left: 30px;\"><tt>&lt;img style=\"filter: ColorInfo(ColorSpace=sRGB, Intent=0)\" src=test.gif&gt;<\/tt><\/p>\n<p>Come spazio colore si pu\u00f2 specificare sRGB (e il profilo deve essere presente in \\Windows\\System\\Color folder) oppure il path di un altro profilo. Per l&#8217;intento di rendering valgono questi codici:<\/p>\n<ul>\n<li>0 = percettivo<\/li>\n<li>1 = colorimetrico relativo<\/li>\n<li>2 = saturazione<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p><img loading=\"lazy\" style=\"border: 0px none;\" title=\"Firefox\" src=\"https:\/\/i1.wp.com\/www.boscarol.com\/blog\/wp-content\/uploads\/2008\/08\/64px-firefox-logosvg.png?resize=64%2C61\" alt=\"\" width=\"64\" height=\"61\" data-recalc-dims=\"1\" \/><\/p>\n<p><strong><a href=\"http:\/\/www.mozilla-europe.org\/it\/firefox\/\" target=\"_blank\">Firefox &gt; 3.5<\/a><\/strong><\/p>\n<p>A partire dalla versione 3.5 il supporto della gestione colore per Firefox \u00e8 fornito da\u00a0<a href=\"http:\/\/muizelaar.blogspot.com\/2009\/06\/qcms-color-management-for-web.html\" target=\"_blank\">Quick cms<\/a> (qcms) mentre nella versione 3 era fornito da Little cms (lcms).<\/p>\n<p>Fino alla versione 7 supporta solo profili ICC <strong>versione 2<\/strong>, dalla versione 8 \u00a0supporta anche profili <strong>versione 4<\/strong>.<\/p>\n<p>Sono supportate tre modalit\u00e0:<\/p>\n<ul>\n<li>0: nessuna gestione colore (questo era il default della versione 3);<\/li>\n<li>1: full, cio\u00e8 abilita su tutte le immagini, con o senza profilo; quelle senza profilo sono considerate in sRGB;<\/li>\n<li>2: gestione colore solo per immagini \u00a0con profilo; le immagini senza profilo non vengono compensate (questo \u00e8 il <strong>default attuale<\/strong>);<\/li>\n<\/ul>\n<p>Inoltre Firefox da 3.5 supporta l&#8217;intento di rendering per la conversione a monitor:<\/p>\n<ul>\n<li>-1: usa intento incorporato;<\/li>\n<li>0: percettivo (questo \u00e8 il <strong>default<\/strong>);<\/li>\n<li>1: colorimetrico relativo;<\/li>\n<li>2: saturazione;<\/li>\n<li>3: colorimetrico assoluto;<\/li>\n<\/ul>\n<p>Per impostare le opzioni di gestione colore:<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-11374\" style=\"border: 0px none;\" title=\"Firefox 3.5\" src=\"https:\/\/i0.wp.com\/www.boscarol.com\/blog\/wp-content\/uploads\/2008\/08\/firefox-3.5.jpg?resize=486%2C214\" alt=\"Firefox 3.5\" width=\"486\" height=\"214\" srcset=\"https:\/\/i0.wp.com\/www.boscarol.com\/blog\/wp-content\/uploads\/2008\/08\/firefox-3.5.jpg?w=607 607w, https:\/\/i0.wp.com\/www.boscarol.com\/blog\/wp-content\/uploads\/2008\/08\/firefox-3.5.jpg?w=300 300w\" sizes=\"(max-width: 486px) 100vw, 486px\" data-recalc-dims=\"1\" \/><\/p>\n<p>La prima riga di configurazione \u00e8 per il\u00a0<em>path<\/em> del profilo del monitor (v2 o v4). Se \u00e8 vuota viene preso il profilo di sistema. Se questo non c\u2019\u00e8 Firefox assume che sia sRGB.<\/p>\n<p>La seconda riga \u00e8 per la modalit\u00e0:<\/p>\n<ul>\n<li>disabilita la gestione del colore<\/li>\n<li>abilita su tutte le immagini<\/li>\n<li>abilita solo sulle immagini con profilo incorporato<\/li>\n<\/ul>\n<p>e la terza riga per l&#8217;intento di rendering:<\/p>\n<ul>\n<li>incorporato nel profilo<\/li>\n<li>percettivo<\/li>\n<li>colorimetrico relativo<\/li>\n<li>saturazione<\/li>\n<li>colorimetrico assoluto<\/li>\n<\/ul>\n<p>&#8212;<\/p>\n<p>Si pu\u00f2 scaricare da Firefox stesso (Tools &gt; Add-Ons) l&#8217;add-on <a href=\"https:\/\/addons.mozilla.org\/en-US\/firefox\/addons\/policy\/0\/6891\/76670?src=developers\" target=\"_blank\">Color Management 0.5.3<\/a> che \u00e8 semplicemente un&#8217;interfaccia per il meccanismo visto sopra. Una volta installato si arriva alle Preferenze da Tools &gt; Add-ons &gt; Extensions:<\/p>\n<p><a href=\"https:\/\/i2.wp.com\/www.boscarol.com\/blog\/wp-content\/uploads\/2008\/08\/preferences.jpg\"><img loading=\"lazy\" class=\"alignnone size-full wp-image-13599\" style=\"border: 0px none;\" title=\"preferences\" src=\"https:\/\/i2.wp.com\/www.boscarol.com\/blog\/wp-content\/uploads\/2008\/08\/preferences.jpg?resize=344%2C190\" alt=\"\" width=\"344\" height=\"190\" srcset=\"https:\/\/i2.wp.com\/www.boscarol.com\/blog\/wp-content\/uploads\/2008\/08\/preferences.jpg?w=430 430w, https:\/\/i2.wp.com\/www.boscarol.com\/blog\/wp-content\/uploads\/2008\/08\/preferences.jpg?w=300 300w\" sizes=\"(max-width: 344px) 100vw, 344px\" data-recalc-dims=\"1\" \/><\/a><\/p>\n<p>Queste sono le Preferenze di base e avanzate (per cos\u00ec dire):<\/p>\n<p><a href=\"https:\/\/i0.wp.com\/www.boscarol.com\/blog\/wp-content\/uploads\/2008\/08\/basic.jpg\"><img loading=\"lazy\" class=\"alignnone size-full wp-image-13597\" style=\"border: 0px none;\" title=\"basic\" src=\"https:\/\/i0.wp.com\/www.boscarol.com\/blog\/wp-content\/uploads\/2008\/08\/basic.jpg?resize=365%2C277\" alt=\"\" width=\"365\" height=\"277\" srcset=\"https:\/\/i0.wp.com\/www.boscarol.com\/blog\/wp-content\/uploads\/2008\/08\/basic.jpg?w=456 456w, https:\/\/i0.wp.com\/www.boscarol.com\/blog\/wp-content\/uploads\/2008\/08\/basic.jpg?w=300 300w\" sizes=\"(max-width: 365px) 100vw, 365px\" data-recalc-dims=\"1\" \/><\/a><\/p>\n<p><a href=\"https:\/\/i2.wp.com\/www.boscarol.com\/blog\/wp-content\/uploads\/2008\/08\/advanced.jpg\"><img loading=\"lazy\" class=\"alignnone size-full wp-image-13598\" style=\"border: 0px none;\" title=\"advanced\" src=\"https:\/\/i2.wp.com\/www.boscarol.com\/blog\/wp-content\/uploads\/2008\/08\/advanced.jpg?resize=365%2C190\" alt=\"\" width=\"365\" height=\"190\" srcset=\"https:\/\/i2.wp.com\/www.boscarol.com\/blog\/wp-content\/uploads\/2008\/08\/advanced.jpg?w=456 456w, https:\/\/i2.wp.com\/www.boscarol.com\/blog\/wp-content\/uploads\/2008\/08\/advanced.jpg?w=300 300w\" sizes=\"(max-width: 365px) 100vw, 365px\" data-recalc-dims=\"1\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-21050\" style=\"border: 0px none;\" title=\"Google Chrome\" src=\"https:\/\/i1.wp.com\/www.boscarol.com\/blog\/wp-content\/uploads\/2008\/08\/chrome.jpg?resize=66%2C66\" alt=\"\" width=\"66\" height=\"66\" data-recalc-dims=\"1\" \/><\/p>\n<p><strong><a href=\"https:\/\/www.google.com\/chrome?hl=it\" target=\"_blank\">Google Chrome<\/a><\/strong><\/p>\n<p>Ora alla versione 19. Supporta la gestione colore nelle immagini che hanno un profilo incorporato.<\/p>\n<p>Su Win \u00e8 possibile forzare il browser ad assumere sRGB per tutte le immagini che non hanno profilo. Si veda per esempio <a href=\"http:\/\/www.binaryturf.com\/enable-color-management-google-chrome\/\" target=\"_blank\">questa pagina<\/a> per attivarla.<\/p>\n<p>Su Mac la gestione colore \u00e8 supportata dalla versione 16 e viene fatta sulle immagini che hanno un profilo incorporato. Le immagini senza profilo incorporato vengono mandate direttamente al monitor.<\/p>\n<p>&nbsp;<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-944\" style=\"border: 0px none;\" title=\"OmniWeb\" src=\"https:\/\/i2.wp.com\/www.boscarol.com\/blog\/wp-content\/uploads\/2008\/08\/64px-omniweb_icon.png?resize=64%2C64\" alt=\"\" width=\"64\" height=\"64\" data-recalc-dims=\"1\" \/><\/p>\n<p><a href=\"http:\/\/www.omnigroup.com\/applications\/omniweb\/\" target=\"_blank\"><strong>OmniWeb<\/strong><\/a><\/p>\n<p>OmniWeb \u00e8 disponibile solo per Mac e solo in inglese, l&#8217;ultima versione \u00e8 la 5.11.<\/p>\n<p>Supporta la gestione del colore. Per attivarla occorre impostare OmniWeb &gt; Preferences&gt; Appearance&gt; Use ColorSync. Se la gestione colore \u00e8 attivata, si comporta esattamente come Safari (infatti sono entrambi basati sul progetto opensource WebKit).<\/p>\n<p>&nbsp;<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-3776\" style=\"border: 0px none;\" title=\"Flash Player\" src=\"https:\/\/i1.wp.com\/www.boscarol.com\/blog\/wp-content\/uploads\/2008\/10\/flahplayer.jpg?resize=73%2C74\" alt=\"\" width=\"73\" height=\"74\" data-recalc-dims=\"1\" \/><\/p>\n<p><a href=\"http:\/\/www.adobe.com\/products\/flashplayer\/\" target=\"_blank\"><strong>Flash Player<\/strong><\/a><\/p>\n<p>Dalla versione 10 \u00a0supporta la gestione del colore. Il programmatore del contenuto SWF pu\u00f2 fare in modo che Flash Player (a) non faccia la compensazione monitor, oppure (b) faccia la compensazione monitor, oppure (c) si comporti come il browser ospitante (cio\u00e8 Flash Player fa la compensazione monitor se il browser ospitante la fa, altrimenti non la fa).<\/p>\n<p>Se la compensazione monitor viene fatta, tutti i colori SWF sono considerati nello spazio sRGB.<\/p>\n<p>Maggiori informazioni nel post\u00a0<a href=\"http:\/\/www.boscarol.com\/blog\/?p=855\" target=\"_self\">Gestione del colore in Flash Player 10<\/a>.<\/p>\n<p>&#8212;<\/p>\n<p>Nella prossima pagina vediamo come creare, in Photoshop CS5, un JPEG adatto per la gestione del colore su web.<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Non tutti i browser web supportano la gestione del colore, e quelli che la supportano, la supportano in modo diverso. Aprendo con un browser questa pagina web di ICC si pu\u00f2 controllare se il browser stesso &#8220;onora&#8221; i profili ICC nelle immagini JPEG (ma non in altri formati n\u00e9 negli elementi nativi). Aprendo invece questa [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"spay_email":"","jetpack_publicize_message":"","jetpack_is_tweetstorm":false},"categories":[3],"tags":[27,10,14,7,6],"jetpack_featured_media_url":"","jetpack_publicize_connections":[],"jetpack_shortlink":"https:\/\/wp.me\/pjoVH-1G","jetpack_sharing_enabled":true,"jetpack_likes_enabled":false,"_links":{"self":[{"href":"http:\/\/www.boscarol.com\/blog\/index.php?rest_route=\/wp\/v2\/posts\/104"}],"collection":[{"href":"http:\/\/www.boscarol.com\/blog\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.boscarol.com\/blog\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.boscarol.com\/blog\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.boscarol.com\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=104"}],"version-history":[{"count":83,"href":"http:\/\/www.boscarol.com\/blog\/index.php?rest_route=\/wp\/v2\/posts\/104\/revisions"}],"predecessor-version":[{"id":25382,"href":"http:\/\/www.boscarol.com\/blog\/index.php?rest_route=\/wp\/v2\/posts\/104\/revisions\/25382"}],"wp:attachment":[{"href":"http:\/\/www.boscarol.com\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=104"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.boscarol.com\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=104"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.boscarol.com\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=104"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}