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 50
Conoscere la compressione delle immagini.
competenza target
In questo modulo discuteremo il principio della compressione delle immagini sul web.
La compressione delle immagini è un processo che consiste nel ridurre il peso dei dati senza deteriorare la qualità dell'immagine. In altre parole, elimina la ripetizione dei dati in un'immagine in modo che possa essere memorizzata senza occupare molto spazio e/o trasmessa rapidamente.
Esistono due tipi di compressione delle immagini:
- il metodo noto come "senza perdita": consente di ripristinare l'immagine con quella identica dell'originale;
- il metodo detto "con perdita": permette di ridurre lo spazio colore ai colori più attuali di un'immagine. I colori scelti sono indicati nella tavolozza dei colori situata nell'intestazione dell'immagine compressa.
Ecco un elenco non esaustivo di strumenti consigliati per la compressione di diversi formati di immagini web.
Formato JPEG
-Apowersoft Image Compressor, disponibile online, consente di convertire i file senza limitazioni di numero o di dimensioni.
Ecco il link per accedervi
http://www.apowersoft.fr
-JPEG COMPRESSOR è disponibile anche online e proposto in diverse lingue, ma i file scaricabili sono limitati a 20.
Ecco il link per accedervi
http://www.compressjpeg.com
-TinyJPG è un'applicazione che consente di ridurre le dimensioni dei file fino al 70%.
Ecco il link per accedervi
http://tinyjpg.com
Formato GIF
Gli strumenti di compressione per il formato GIF sono disponibili gratuitamente online e possono ridurre le dimensioni dei file del 50% o più. Ottimizzano le dimensioni del file GIF per risparmiare spazio su disco.
-Ottimizzatore GIF
-Ottimizzatore di file
-Compressor.io
Formato PNG
-PngOptimizer è uno strumento gratuito. Consente di ridurre le dimensioni dei file immagine e può anche convertirli in altri formati.
Ecco il link per accedervi
https://www.01net.com/telecharger/multimedia/encodeurs_et_decodeurs/pngoptimizer.html
-PNGOUTWin è uno strumento che consente di avere immagini più piccole.
Ecco il link per accedervi
https://www.01net.com/telecharger/multimedia/creation_graphique/pngoutwin.html