Quali sono i principi di base per la creazione di grafica Web?

October 3

Quali sono i principi di base per la creazione di grafica Web?


La grafica per il Web è un semplice, processo in due fasi: in primo luogo, si sceglie il giusto formato grafico per la grafica a portata di mano, e quindi di ottimizzare per il web. Per fare questo, però, è necessaria una conoscenza di base dei formati Web di file grafici e l'ottimizzazione o la compressione dei file di grafica. La scelta del formato giusto per il tipo di grafica è fondamentale per ottenere una buona qualità di visualizzazione. I browser Web supportano tre formati grafici: JPEG, PNG e GIF. Ottimizzazione ti aiuta a mantenere un equilibrio tra la qualità di visualizzazione e dimensione del file. Grandi file di grafica Web richiedono troppo tempo per scaricare, spesso frustrante utenti del tuo sito web.

Ottimizzazione

ottimizzazione grafica per il web rende i file grafici più piccoli comprimendoli. I due tipi di compressione sono lossless e lossy. La compressione senza perdita rende un file grafico più piccolo senza rimuovere i dati, e la compressione lossy rimuove i dati dal file. Se questo suona come un gioco da ragazzi - basta usare sempre la compressione senza perdita di dati - non è così semplice. compressione senza perdita, che spesso non possono comprimere un file più di 50 percemt della sua dimensione originale, spesso non rende il file grafico abbastanza piccolo per il Web. Le fotografie, per esempio, creare file di grandi dimensioni che richiedono una compressione più del 50 per cento. Fortunatamente, le fotografie in grado di sopportare un sacco di compressione con perdita senza diminuire in modo significativo la qualità delle immagini.

Immagini JPEG

JPEG, un formato di compressione lossy, funziona meglio per le fotografie e altre immagini che contengono un sacco di sfumature di colore. Immagine-editing programmi di compressione misura in uno dei due modi: in percentuale, o con impostazioni di qualità più facile da capire, come Massimo, alto, medio e basso. Photoshop, per esempio, utilizza impostazioni di qualità. Come si regola la qualità, Photoshop vi mostra la dimensione del file corrispondente con l'impostazione, che consente di bilanciare qualità e dimensione del file. Le immagini più grandi, naturalmente, creare file più grandi. Cercate di mantenere i file di immagine sotto 100k.

PNG e GIF

PNG e GIF, i formati di compressione senza perdita di dati, funzionano meglio per i disegni e grafiche che contengono un sacco di testo. Questi tipi di grafica di solito non creano enormi file di grafica, e spesso non richiedono tanto compressione come le fotografie. La maggior parte dei Web designer preferiscono PNG, un formato più recente, anziché nel formato GIF, in primo luogo perché GIF supporta solo 256 colori. PNG supporta milioni di colori. GIF, tuttavia, supporta semplici animazioni due fotogrammi. Alcuni progettisti usano il formato GIF per creare effetti che attirano l'attenzione, come loghi lampeggianti, così come pochi altri semplici animazioni.

Risoluzione dell'immagine

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