Lezione 8Ottimizzazione delle immagini e caricamento lento
- Nozione 47 - La differenza tra immagini raster e vettoriali.
- Nozione 48 - Selezionare il tipo di file corretto.
- Nozione 49 - Regola la qualità dell'immagine.
- Nozione 50 - Conoscere la compressione delle immagini.
- Nozione 51 - Utilizzare gli sprite CSS.
- Nozione 52 - Cos'è il nuovo formato WebP?
- Nozione 53 - Strumenti per l'ottimizzazione delle immagini.
- Nozione 54 - Revisione/valutazione
Nozione 49
Regola la qualità dell'immagine.
competenza target
Conoscere i principali elementi che influenzano la qualità di un'immagine
In questa lezione, impareremo a conoscere meglio i criteri da tenere in considerazione per regolare la qualità delle immagini del vostro sito web.
La dimensione
Ridurre le dimensioni dell'immagine avrà un impatto positivo sul suo peso.
Si noti che le immagini, provenienti da uno smartphone o da una fotocamera, sono di circa 5000 pixel. Una dimensione compresa tra 500 e 1000 pixel è sufficiente per il vostro sito web.
Compressione
È importante ridurre la percentuale di compressione di almeno il 70%. In questo modo, l'immagine sarà più leggera pur mantenendo la sua qualità.
Il peso
Il peso ideale delle immagini sul web è di 100Kb.