Preparazione della grafica per il Web è un semplice, il processo in due fasi: in primo luogo, scegliere il formato di grafica per la grafica a portata di mano, e poi si ottimizzare per il Web. A fare che, però, avete bisogno di una comprensione di base di Web ottimizzazione e formati di file grafici, o compressione di file grafici. Scelta del formato giusto per il tipo di grafico è fondamentale per raggiungere qualità buona visualizzazione. Browser Web supportano tre formati grafici: JPEG, PNG e GIF. Consente di ottimizzazione che è mantenere un equilibrio tra visualizzare la qualità e le dimensioni. File di grafica di grandi dimensioni Web richiedono troppo tempo per scaricare, spesso frustrante gli utenti del tuo sito Web.

Ottimizzazione

Ottimizzazione grafica Web rende file grafici più piccoli di comprimerli. I due tipi di compressione sono lossless e lossy. Compressione lossless rende un file di grafica più piccoli senza rimuovere i dati, e compressione rimuove i dati dal file. Se questo suona come un no-brainer..--basta usa sempre la compressione lossless..--non è così semplice. Compressione lossless, che spesso non è possibile comprimere un file più di 50 percemt della sua dimensione originale, spesso non rende il file grafico abbastanza piccolo per il Web. Fotografie, ad esempio, creano file di grandi dimensioni che richiedono più di compressione del 50 per cento. Fortunatamente, fotografie possono sopportare un sacco di compressione lossy senza compromettere significativamente la qualità di immagine.

Immagini JPEG

JPEG, un formato di compressione lossy, funziona meglio per le fotografie e altre immagini che contengono un sacco di sfumature di colore. Programmi di fotoritocco misurano la compressione in uno dei due modi: dalla percentuale, o dalle impostazioni di qualità più facile da capire, come massimo, alto, medio e basso. Photoshop, ad esempio, utilizza le impostazioni di qualità. Come si regola la qualità, Photoshop consente di visualizzare le dimensioni del file corrispondente con l'impostazione, consente di bilanciare qualità e le dimensioni. Immagini più grandi, naturalmente, creano file più grandi. Cercare di mantenere i file di immagine sotto 100k.

PNG e GIF immagini

PNG e GIF, formati di compressione lossless, funzionano meglio per disegni e grafica che contengono molto testo. Questi tipi di grafica solitamente non creano file di grafica enorme e spesso non richiedono tanto compressione come fotografie. Maggior parte dei Web designer preferiscono PNG, un più recente formato, anziché GIF, principalmente perché il formato GIF supporta solo 256 colori. PNG supporta milioni di colori. GIF, tuttavia, supporta animazioni semplici due frame. Alcuni progettisti utilizzano il formato GIF per creare effetti accattivanti, come loghi lampeggiante, così come alcuni altri semplici animazioni.

Immagine ad alta risoluzione

Risoluzione dell'immagine, o punti per pollice, colpisce anche significativamente qualità e dimensione dell'immagine. Maggior parte dei monitor dei computer visualizzano solo 72 punti per pollice. Monitor ad alta definizione display fino a 96 dpi. Aumentando i dpi notevolmente aumenta la dimensione del file. Se si crea grafica per il Web con una risoluzione superiore a 96 dpi, il browser dell'utente deve scaricare i dati aggiuntivi. Tuttavia, il browser ignora i dati aggiuntivi utilizzati per creare una maggiore risoluzione. Creazione di grafica Web con una risoluzione superiore a 96 dpi aumenta le dimensioni del file senza migliorare la qualità di visualizzazione.