{"id":13584,"date":"2010-01-25T16:46:21","date_gmt":"2010-01-25T15:46:21","guid":{"rendered":"http:\/\/www.boscarol.com\/blog\/?p=13584"},"modified":"2016-01-06T00:30:55","modified_gmt":"2016-01-05T23:30:55","slug":"perche-le-foto-che-carico-su-web-le-vedo-diverse","status":"publish","type":"post","link":"http:\/\/www.boscarol.com\/blog\/?p=13584","title":{"rendered":"Perch\u00e9 le foto che carico su web le vedo diverse?"},"content":{"rendered":"<p><strong>Risposta breve<br \/>\n<\/strong>Ci sono diversi motivi, ma c&#8217;\u00e8 anche un flusso di lavoro che consente di evitare o minimizzare questo problema.<\/p>\n<p><strong>Risposta lunga<\/strong><br \/>\nQuesta \u00e8 una delle domande pi\u00f9 frequenti nei forum di fotografia. Copio e incollo:<\/p>\n<p style=\"padding-left: 30px;\">-Come faccio a far si che l&#8217;immagine su web sia in linea con quanto vedo a monitor o quantomeno vicino?<br \/>\n-Ho la foto in Photoshop ma quando la salvo per web e la vedo nel browser i colori sono diversi<br \/>\n-Nel browser non vedo i colori come li vedo in Photoshop, li vedo desaturati, i colori sono strani, etc\u201d.<\/p>\n<p>Il problema si pu\u00f2 risolvere con la tecnologia che si chiama &#8220;gestione del colore&#8221;. Per chi vuole approfondire ci sono altri <a href=\"http:\/\/www.boscarol.com\/blog\/?page_id=342\" target=\"_self\">post in questo blog<\/a>, ma consiglio anche l&#8217;articolo di <a href=\"http:\/\/www.juzaforum.com\/forum\/viewtopic.php?f=53&amp;t=102713\" target=\"_blank\">Marco Noldin<\/a> su Juza Forum, quello di <a href=\"http:\/\/www.andreaolivotto.com\/photo_colormanagement_it.php\" target=\"_self\">Andrea Olivotto<\/a> sul suo sito e quelli di <a href=\"http:\/\/www.photoactivity.com\/Pagine\/Articoli\/000Riepilogo\/articoli.htm\" target=\"_blank\">Alberto Maccaferri e Enrico Cinalli<\/a> su Photoactivity.<\/p>\n<p>&#8212;<\/p>\n<p>Per vedere correttamente le immagini su web \u00e8 richiesto un &#8220;comportamento ideale&#8221; sia dell&#8217;utente nel preparare l&#8217;immagine, sia del sito che ospita l&#8217;immagine, sia del browser con cui l&#8217;utente guarda le pagine web. Se questo &#8220;comportamento ideale&#8221; non avviene, \u00e8 possibile che i colori si vedano\u00a0sbagliati. Vediamo qual \u00e8 questo &#8220;comportamento ideale&#8221; e in quali casi non avviene.<\/p>\n<p>(a) Preparazione dell&#8217;immagine<\/p>\n<p>Per vari motivi spiegati anche in <a href=\"http:\/\/www.boscarol.com\/blog\/?page_id=127\" target=\"_self\">altri post di questo blog<\/a>, l&#8217;immagine da pubblicare su web deve essere convertita al <strong>profilo colore sRGB<\/strong>, e deve essere salvata (tipicamente in Jpeg) con il profilo colore sRGB <strong>incorporato<\/strong>.<\/p>\n<p>(b) Funzionamento del browser<\/p>\n<p>Idealmente il browser utilizzato dall&#8217;utente per vedere le pagine web dovrebbe fare una conversione di colore dal profilo incorporato nella immagine, se c&#8217;\u00e8, al profilo del monitor. Questa conversione \u00e8 detta <strong>compensazione monitor<\/strong>. Se l&#8217;immagine <strong>non<\/strong> ha un profilo incorporato il browser dovrebbe assumere che il profilo sia sRGB e dovrebbe fare la conversione al profilo del monitor.<\/p>\n<p>In questo modo i colori dovrebbero rimanere gli stessi. \u00a0Se non rimangono uguali le cause possono essere diverse. Vediamo cause e rimedi.<\/p>\n<p>&#8212;<\/p>\n<p>1. L&#8217;immagine <strong>non \u00e8 stata convertita in sRGB<\/strong> e non ha un profilo incorporato (per esempio \u00e8 in Adobe RGB senza profilo).<\/p>\n<p>Se l&#8217;immagine non incorpora il profilo, alcuni browser (per esempio Firefox)\u00a0assumono sRGB \u00a0e fanno la compensazione monitor mentre altri (per esempio Safari) non fanno la compensazione monitor. In entrambi i casi i colori sono sbagliati. \u00a0<span style=\"text-decoration: underline;\">I<\/span><span style=\"text-decoration: underline;\">l rimedio<\/span> \u00e8 semplice: convertire l&#8217;immagine in sRGB e incorporare il profilo (mai mettere immagini senza profilo su web).<\/p>\n<p>2. L&#8217;immagine \u00e8 stata convertita in sRGB ma <strong>non ha il profilo sRGB incorporato<\/strong> (cio\u00e8 \u00e8 sRGB senza profilo).<\/p>\n<p>In questo caso alcuni browser (per esempio Firefox)\u00a0assumono sRGB e fanno la compensazione monitor e dunque i colori sono corretti. Altri browser (per esempio Safari)\u00a0non fanno la compensazione monitor \u00a0e dunque i colori sono sbagliati se il monitor non ha il gamut di sRGB e sono corretti se il monitor ha gamut sRGB. <span style=\"text-decoration: underline;\">Il rimedio<\/span> \u00e8 convertire l&#8217;immagine in sRGB e incorporare il profilo sRGB (mai mettere immagini senza profilo su web).<\/p>\n<p>3. Il browser <strong>non fa la compensazione monitor<\/strong>. I browser che fanno la compensazione monitor sono ad oggi:<\/p>\n<ul>\n<li>Safari (solo se l&#8217;immagine contiene un profilo) per Mac e Win<\/li>\n<li>Google Chrome (solo se l&#8217;immagine contiene un profilo)\u00a0per Win<\/li>\n<li>Firefox per Mac e Win (va impostato)<\/li>\n<li>Omniweb (solo Mac)<\/li>\n<li>Il vecchio Internet Explorer 5 (solo Mac, va impostato)<\/li>\n<\/ul>\n<p>In questo caso <span style=\"text-decoration: underline;\">non c&#8217;\u00e8 rimedio<\/span>, se non quello di consigliare all&#8217;utente che sta guardando il web di usare uno dei browser elencati qui sopra e di attivare la gestione del colore. Per\u00f2 se la foto \u00e8 in sRGB viene riprodotta bene nella misura in cui il gamut del monitor assomiglia a sRGB. Pi\u00f9 assomiglia pi\u00f9 i colori sono riprodotti correttamente.<\/p>\n<p>4. Il monitor sul quale \u00e8 aperto il browser <strong>non ha un profilo assegnato<\/strong> dal sistema operativo. Questo pu\u00f2 succedere solo su Win e <span style=\"text-decoration: underline;\">il rimedio<\/span> consiste nel consigliare all&#8217;utente che sta guardando il web mediante browser di assegnare al monitor un profilo nel sistema operativo. O il profilo fornito dal produttore del monitor, o un profilo creato appositamente con uno strumento (Eye-One, Spyder o altro) e un software.<\/p>\n<p>5. Il sito che ospita la foto <strong>elimina il profilo<\/strong> (e probabilmente anche altri metadati) dalla foto stessa. Questo \u00e8 il caso di molti forum, blog e anche di Facebook. In questo caso <span style=\"text-decoration: underline;\">non c&#8217;\u00e8 rimedio<\/span>, se non quello di convincere i gestori di quel sito a mantenere il profilo nella foto. Vale quanto detto ai punti 1 e 2, cio\u00e8 che se la foto \u00e8 sRGB i colori verranno riprodotti correttamente se il monitor ha gamut sRGB. Pi\u00f9 il gamut \u00e8 diverso da sRGB meno correttamente verranno riprodotti i colori.<\/p>\n<p>&#8212;<\/p>\n<p>Pe finire, questa \u00e8 la migliore ricetta possibile per avere colori corretti quando browser e sistema operativo lo consentono e per avere meno diversit\u00e0 possibile negli altri casi:<\/p>\n<p>Chi prepara l&#8217;immagine dovrebbe<\/p>\n<ol>\n<li><strong>Convertire<\/strong> l&#8217;immagine nel profilo sRGB.<\/li>\n<li>Salvare l&#8217;immagine con il profilo sRGB <strong>incorporato<\/strong>.<\/li>\n<li>Caricarla in un sito che <strong>non elimina<\/strong> i profili colore<\/li>\n<\/ol>\n<p>Chi vede l&#8217;immagine dovrebbe<\/p>\n<ol>\n<li>Usare un browser che <strong>supporti<\/strong> la compensazione monitor.<\/li>\n<li><strong>Attivare<\/strong> la gestione colore del browser (su Safari \u00e8 sempre attiva).<\/li>\n<li>Avere un monitor <strong>calibrato<\/strong> (su qualunque bianco e qualunque gamma, ma il consiglio \u00e8 D65 e 2.2) e con un corretto <strong>profilo colore<\/strong> (quello del fabbricante o uno personalizzato)<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Risposta breve Ci sono diversi motivi, ma c&#8217;\u00e8 anche un flusso di lavoro che consente di evitare o minimizzare questo problema. Risposta lunga Questa \u00e8 una delle domande pi\u00f9 frequenti nei forum di fotografia. Copio e incollo: -Come faccio a far si che l&#8217;immagine su web sia in linea con quanto vedo a monitor o [&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":[606],"tags":[18,33,17,6],"jetpack_featured_media_url":"","jetpack_publicize_connections":[],"jetpack_shortlink":"https:\/\/wp.me\/pjoVH-3x6","jetpack_sharing_enabled":true,"jetpack_likes_enabled":false,"_links":{"self":[{"href":"http:\/\/www.boscarol.com\/blog\/index.php?rest_route=\/wp\/v2\/posts\/13584"}],"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=13584"}],"version-history":[{"count":16,"href":"http:\/\/www.boscarol.com\/blog\/index.php?rest_route=\/wp\/v2\/posts\/13584\/revisions"}],"predecessor-version":[{"id":25721,"href":"http:\/\/www.boscarol.com\/blog\/index.php?rest_route=\/wp\/v2\/posts\/13584\/revisions\/25721"}],"wp:attachment":[{"href":"http:\/\/www.boscarol.com\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=13584"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.boscarol.com\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=13584"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.boscarol.com\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=13584"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}