I moderni browser web e i sistemi di gestione dei contenuti ottimizzano le immagini da visualizzare in qualsiasi ambiente. Tuttavia, è meglio preparare immagini ottimizzate per ogni possibile fattore di forma e posizione in cui un'immagine potrebbe apparire. Concentrati su tre cose: risoluzione dell'immagine, dimensioni e spazio colore.
Spazio colore nelle immagini
I grafici si affidano a due spazi colore primari. Uno spazio colore è un metodo mediante il quale i colori primari si combinano per formare complessi arcobaleni di colori.
Utilizzare la modalità RGB durante la preparazione delle immagini per i dispositivi mobili. I display su monitor di computer e smartphone si basano su una combinazione di pixel rossi, blu e verdi. Questa immagine RGB è ottimizzata per riprodurre accuratamente i colori desiderati su uno schermo.
Per la stampa, i designer utilizzano un processo a quattro colori, in cui ogni colore viene distillato in una combinazione di ciano, magenta, giallo e nero. A volte le immagini a quattro colori vengono chiamate immagini CMYK per questo motivo.
Risoluzione immagine
Le immagini, specialmente su piattaforme mobili, dovrebbero essere di dimensioni il più ridotte possibile per bilanciare la qualità con la velocità di download sulle reti mobili e le dimensioni dei file con i limiti di dati mobili.
La maggior parte dei programmi, comprese le applicazioni Adobe Creative Cloud, supporta uno strumento Esporta per Web che mostra l'immagine in varie combinazioni di risoluzione e compressione. Scegli l'immagine della migliore qualità con la dimensione totale più bassa.
Dimensione dell'immagine in pixel
Ogni immagine deve essere dimensionata per lo scopo previsto. Ecco alcuni esempi di dimensioni delle immagini per gli usi più diffusi sul Web:
- Gli annunci banner su Internet sono spesso di 468 pixel per 60 pixel.
- Le immagini di copertina di Facebook devono essere 851 pixel per 315 pixel.
- Le foto del profilo Twitter devono essere di 400 pixel per 400 pixel.
- Le immagini per i link condivisi devono essere 1200 pixel per 630 pixel.
Quando lavori con le foto per scopi specifici, controlla il punto in cui apparirà quella foto (come un sito di social media o un blog) per verificare le dimensioni ottimali dell'immagine e quindi ridimensionale di conseguenza per evitare di allungare o tagliare l'immagine.
Per evitare la pixelizzazione, punta alle dimensioni effettive del display. Anche se un'immagine è dimensionata correttamente, se non è dimensionata correttamente, il prodotto risultante potrebbe apparire pixelato se l'immagine deve essere ingrandita per soddisfare lo spazio disponibile.
Informazioni sulle immagini vettoriali
Le immagini vettoriali, le immagini calcolate e disegnate dal dispositivo, sono generalmente più efficienti e di qualità superiore rispetto alle immagini raster (immagini disegnate un pixel alla volta) perché possono essere ingrandite e ridotte senza influire sulla qualità dell'immagine. Per semplici loghi, disegni al tratto e grafici, una versione vettoriale è l'ideale. I formati vettoriali non vengono utilizzati per le foto.
