Ottimizzare la Grafica Web

Ridurre i tempi di caricamento delle immagini di un sito

by admin admin Date: 11-04-2013


Nel lavoro di ottimizzazione di un sito web, non bisognerebbe mai tralasciare il contenuto statico, comprese le immagini.

Delle semplici migliorie, infatti,  possono drasticamente diminuire il tempo di download di un sito web, senza pregiudicarne la qualitá

Il canale YouTube di GoogleWebmasterHelp  ci offre una serie di consigli utili per velocizzare il caricamento della nostra grafica web.

Noi suggeriamo di seguire dei semplici accorgimenti, come:

1. Fare il crop (tagliare) dello spazio bianco in eccedenza di un'immagine.

2. Utilizzare il miglior formato immagine.  Per le immagini che contengono illustrazioni piane od artwork, utilizzate il formato a 8 bit PNG o GIF e riducete il numero di colori nella tavolozza.

Alcuni programmi come PhotoShop, consentono di salvare l'immagine per il web ottimizzandone le impostazioni. Riducendo la tavolozza di colori da 256 a, per esempio 32, si riducono notevolmente le dimensioni dell' immagine.

Ovviamente, meno colori ha l'immagine, minore sarà la sua dimensione.

Per le immagini molto dettagliat ee ricche di colori o per le fotografie, sono in genere utilizzati  i formati JPG e PNG a 24 bit, perché offrono una tavolozza di colori molto più ampia. Un'immagine a 24-bit PNG avrá senza dubbio una qualitá superiore a discapito di un caricamento piú lento.Quando è possibile, quindi, vi consigliamo l'utilizzo del formato JPG, regolandone la qualità in modo da poter comprimere l'immagine il più possibile senza conmprometterne troppo la resa grafica.

Per un confronto tra formati, osservate la seguente lista:

  • JPG, 60 quality - 32K
  • PNG-8, 256 colors - 37K
  • GIF, 256 colors - 42K
  • PNG-24 - 146K

Ricordiamo che esiste anche la possibilitá di utlilizzare il "Progressive mode" , una funzione propria delle immagini JPG, che genera e trasmette diverse versioni dell’immagine a qualità crescente, integrando una prima versione a bassa qualità e aggiungendo dettagli nelle scansioni successive. Tale modalità, come è facile intuire, comporta un incremento del tempo di download dell'immagine.

Le immagini in formato PNG  hanno una funzione simile, chiamata"Interlaced".Suggeriamo di disattivare questa funzione in modo che il download  dell'immagine risulti più rapido.

 
by admin admin Date: 11-04-2013 visite : 1335