{"id":21054,"date":"2012-06-26T17:49:34","date_gmt":"2012-06-26T15:49:34","guid":{"rendered":"http:\/\/www.boscarol.com\/blog\/?p=21054"},"modified":"2012-06-26T17:52:19","modified_gmt":"2012-06-26T15:52:19","slug":"creare-un-jpeg-per-il-web-con-photoshop-cs5","status":"publish","type":"post","link":"http:\/\/www.boscarol.com\/blog\/?p=21054","title":{"rendered":"Creare un JPEG per il web con Photoshop CS5"},"content":{"rendered":"

Secondo W3C tutte le immagini devono essere nello spazio colore sRGB.<\/p>\n

Le immagini che hanno il profilo sRGB incorporato<\/strong> dovrebbero essere convertite nel profilo del monitor, con qualche intento di rendering.<\/p>\n

Alcuni browser supportano un\u00a0profilo incorporato anche diverso da sRGB<\/strong>, e possono fare la conversione a monitor.<\/p>\n

Le immagini che non hanno un profilo incorporato<\/strong> dovrebbero essere considerate come sRGB e conferite al profilo del monitor, con qualche intento di rendering. In realt\u00e0 questa ultima cosa non viene fatta da tutti i browser, e quindi \u00e8 meglio evitarla.<\/p>\n

Considerati i limiti dei vari browser la cosa migliore \u00e8 preparare immagini in sRGB con profilo incorporato<\/span>.<\/p>\n


\nPreparare una fotografia per il web<\/strong><\/p>\n

In Photoshop c’\u00e8 una precauzione da prendere. Nelle preferenze va assolutamente attivata questa opzione, che per default \u00e8 disattivata:<\/p>\n

\"\"<\/p>\n

Questo permette di sapere con sicurezza se il profilo di una immagine \u00e8 incorporato, o solo “rappresentato” da un tag Exif. Noi abbiamo bisogno di un profilo che sia incorporato e quindi indichiamo a Phooshop di ignorare il tag Exif che riguarda lo spazio colore.<\/p>\n

Fatto questo dobbiamo preparare la nostra immagine, che deve assolutamente avere un profilo assegnato, non necessariamente sRGB, uno qualunque. Lo riconosciamo dallo status dell’immagine:<\/p>\n

\"\"<\/p>\n

Per maggiori dettagli sul profilo di una immagine si veda Colore in Photoshop<\/a>.<\/p>\n

Ora da Photoshop diamo il comando File > Salva per Web e Dispositivi. Si apre questa finestra:<\/p>\n

\"\"<\/p>\n

A sinistra in alto c’\u00e8 l’immagine originale, nelle altre tre posizioni possiamo impostare i vari formati grafici consentiti da questa applicazione. A noi interessa un JPEG e quindi in alto a destra impostiamo una immagine JPEG. Le altre 2 posizioni le ignoriamo (oppure clicchiamo su “2 immagini”, in alto).<\/p>\n

In alto a destra si indicano le impostazioni del JPEG (qualit\u00e0, compressione, ottimizzazione, ecc.) e soprattutto bisogna indicare di incorporare il profilo colore dell’immagine (per esempio Adobe RGB o quello che \u00e8). Se poi indichiamo di convertire a sRGB abbiamo fatto tutto. (Ovviamente se l’immagine era gi\u00e0 in sRGB, la conversione non fa nulla e il profilo sRGB viene incorporato.)<\/p>\n

\"\"<\/p>\n

A questo punto la nostra immagine \u00e8 nello spazio colore sRGB ed ha un profilo sRGB incorporato.<\/p>\n

Le informazioni di Anteprima sono una sorta di soft proof<\/em> per vedere come si vedr\u00e0 l’immagine su particolari monitor, ma direi che possiamo ignorare queste impostazioni.<\/p>\n

 <\/p>\n","protected":false},"excerpt":{"rendered":"

Secondo W3C tutte le immagini devono essere nello spazio colore sRGB. Le immagini che hanno il profilo sRGB incorporato dovrebbero essere convertite nel profilo del monitor, con qualche intento di rendering. Alcuni browser supportano un\u00a0profilo incorporato anche diverso da sRGB, e possono fare la conversione a monitor. Le immagini che non hanno un profilo incorporato […]<\/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":[],"jetpack_featured_media_url":"","jetpack_publicize_connections":[],"jetpack_shortlink":"https:\/\/wp.me\/pjoVH-5tA","jetpack_sharing_enabled":true,"jetpack_likes_enabled":false,"_links":{"self":[{"href":"http:\/\/www.boscarol.com\/blog\/index.php?rest_route=\/wp\/v2\/posts\/21054"}],"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=21054"}],"version-history":[{"count":4,"href":"http:\/\/www.boscarol.com\/blog\/index.php?rest_route=\/wp\/v2\/posts\/21054\/revisions"}],"predecessor-version":[{"id":21063,"href":"http:\/\/www.boscarol.com\/blog\/index.php?rest_route=\/wp\/v2\/posts\/21054\/revisions\/21063"}],"wp:attachment":[{"href":"http:\/\/www.boscarol.com\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=21054"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.boscarol.com\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=21054"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.boscarol.com\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=21054"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}