Facebook Twitter RSS Feed 
Mercoledì 19 Settembre 2007 23:00

Ottimizzazione foto per il web con photoshop

Per garantire una visione ottimale delle nostre foto sul web, bisogna prestare un minimo di attenzione a seguire delle semplici regole per salvare i file che metteremo on-line.

Come premessa bisogna considerare che i visitatori che guarderanno le nostre foto utilizzeranno piattaforme che possono differire tra di loro per molti aspetti:

- browser utilizzato: Explorer, Netscape, Firefox;
- tipologia di monitor: CRT, LCD IPS, LCD MVA etc.
- regolazioni del monitor: luminosità, contrasto, temperatura colore, calibrazione;
- hardware: PC o MAC;

E' necessario quindi stabilire un minimo comun denominatore che permetta una buona visione a tutti. I passi da compiere sono:

1) ridimensionamento della foto;
2) maschera di contrasto;
3) conversione dello spazio colore;
4) salva per web.

Vediamoli in dettaglio:

1) Immaginiamo di avere un file finito, pronto per la pubblicazione, con una foto in qualsiasi formato formato .psd, .tiff, o .jpg. Prima di tutto occorrerà ridimensionare la foto e immaginiamo di portarla ad una dimensione 600x200pixel. ridimensiona.jpg

Il comando da utilizzare è dimensiona immagine, impostiamo la risoluzione a 72dpi, spuntiamo ricampiona immagine e mantieni le proporzioni, poi inseriamo il valore 600 pixel. Il valore di 72 dpi viene fuori da quella che è mediamente la risoluzione dei monitor. In realtà oggi ci sono monitor con risoluzioni maggiori (tipo 100dpi) ma non cambierà molto se lasciamo il valore di 72dpi. Valori più grandi non aggiungono nulla alla visualizzazione appesantendo inutilmente il file. Sono quindi sono da evitare.

2) Applichiamo una maschera di contrasto per recuperare parte della nitidezza persa con il ridimensionamento (in questo caso fattore 100%, raggio 0,3 pixel ma bisogna fare qualche prova per trovare valori ottimali).

maschera-di-contrasto.jpg

3) Non mi risulta che ci siano browser che gestiscono i profili colore inclusi nei file. Quindi tutti visualizzano le foto mappandole in un profilo colore sRGB. Foto con profili colori più ampi dell'sRGB (per esempio AdobeRGB, ProphotoRGB) saranno visualizzate con colori alterati, in genere meno saturi. converti-profilo.jpg

E' quindi opportuno utilizzare il comando converti profilo, portando tutto a sRGB. Come metodo di conversione lasciamo pure percettivo (non incide molto in questo caso).

4) ora siamo pronti a salvare la nostra foto; utilizziamo il comando salva per il web che produrrà il file il jpg, impostiamo il fattore di compressione su valori medi (per esempio 60), controlliamo che il risultato finale sia di buon livello e scegliamo il nome. salva-per-web.jpg

Se vogliamo vedere come apparirà la nostra foto possiamo trascinare il file sul nostro browser ed avere un'idea del lavoro fatto.

Infine mi permetto di sottolineare un punto che ritengo molto importante: una foto a monitor è una rappresentazione del prodotto finale cioè della stampa ma è un molto lontano per qualità e capacità comunicativa di una buona foto stampata. Le emozioni ed il coinvolgimento di una stampa sono tutt'altra cosa.

Published in tecnica

ultimi commenti

da twitter