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 52
Cos'è il nuovo formato WebP?
competenza target
Come promemoria, i diversi formati più utilizzati quando si parla di immagini sul web sono GIF, PNG e JPEG. Hanno la particolarità di essere pesanti, lunghi da caricare o di non gestire correttamente la trasparenza o le animazioni.
Qualche anno fa, il colosso americano Google ha sviluppato un nuovo formato di immagine gratuito, il WebP. Ha la particolarità di ridurre le dimensioni dell'immagine senza perdita di qualità. Secondo i dati di Google, le dimensioni dell'immagine possono essere ridotte fino all'80% rispetto al formato JPEG e fino al 30% rispetto al formato PNG.
Il formato Wepb presenta numerosi vantaggi rispetto agli altri tre (3) formati tradizionali. In particolare, è più leggero, offre una tavolozza di colori più ampia, utilizza immagini animate e offre trasparenza.
Inoltre, questo formato migliora notevolmente l'ottimizzazione dei monitor di ricerca. Di conseguenza, la riduzione delle dimensioni delle immagini ha un impatto diretto sul tempo di download e quindi riduce il consumo di energia.
Il grande svantaggio di questo formato è la sua incompatibilità con alcuni browser, ma la situazione sta cambiando con l'adozione di nuove generazioni di browser.
Attualmente, il suo utilizzo avviene tramite un plug-in di Adobe. È possibile leggere o esportare le immagini su Photoshop. Avete anche la possibilità di convertire le vostre immagini tramite altri strumenti online come convertico (https://www.convertico.com) o Webpconv (https://www.webpconv.software.informer.com)