Immagini Ottimizzazione e Sprites CSS Usa

Un altro modo per migliorare le prestazioni del vostro sito PrestaShop è quello di ottimizzare le vostre immagini. Tutte le immagini che utilizzano circa 256 colori o meno dovrebbe essere salvato in formato PNG-8 utilizzando un editor di immagini come Paint.NET . PNG-8 è il successore di GIF e fornisce la stessa compressione senza perdita di dati in un formato più piccolo. Le immagini con molti più di 256 colori dovrebbero essere salvate in formato JPEG. JPEG usa una compressione con perdita, piuttosto che di compressione senza perdita come PNG, in modo da conservare una copia dell'immagine originale in formato PNG-24 prima di comprimerlo. Quando la compressione delle immagini in formato JPEG, cercare di ridurre la percentuale di qualità quanto più possibile, ma non tanto che la compressione è evidente.

Cercate di mantenere le dimensioni di ogni immagine con meno di 25 KB, dal momento che è la dimensione massima di apparecchi di telefonia mobile come iPhone cache. Inoltre, assicurarsi che la vostra favicon è di piccole dimensioni, preferibilmente meno di 1 KB, in modo che possa essere caricato velocemente. È possibile utilizzare un editor di icone come IcoFX per creare un'icona. Carica l'icona nella scheda Preferenze> Aspetto.

Immagini che fanno riferimento a file CSS possono essere combinati in sprite CSS per ridurre le dimensioni dei file delle immagini e il numero di richieste di immagine HTTP. SpriteMe è uno strumento che effettua l'operazione automaticamente e riferire quanto il download può essere salvato prima di applicarlo al tuo sito .