Nel prossimo articolo vedremo come convertire le immagini in formato WebP. Se ti dedichi alla creazione di pagine web, saprai già che una delle migliori pratiche per ottimizzare le prestazioni del tuo sito web è quella di utilizzare immagini compresse. In questo articolo, vedremo come utilizzare il formato WebP. Con esso possiamo creare immagini compresse e di qualità da utilizzare sulle nostre pagine web.
WebP è un formato di immagine relativamente nuovo che offre una compressione eccezionalmente senza perdite e con perdite per le immagini sul Web. Questo formato è stato progettato da google. Per usarlo, dovrai scaricare utilità precompilate per Gnu / Linux, Windows e Mac OS X.
WebP è un nuovo formato di immagine che fornisce compressione lossless e lossy per file PNG e JPEG. Con questo formato otterremo una dimensione dell'immagine fino al 34% più piccola. è compatibile con Google Chrome e Opera. Possiamo usare Nginx e Apache per determinare se questo formato è supportato dall'agente del browser e quindi servire l'immagine in un nuovo formato invece dell'immagine originale. Questo formato di file supporta anche immagini animate, che possono portare a grandi riduzioni delle dimensioni delle immagini.
Con il formato WebP, i webmaster e gli sviluppatori web possono creare immagini più piccole e più ricche che rendono il Web più veloce.
Installa lo strumento WebP su Ubuntu
Fortunatamente, il pacchetto webp è presente nei repository ufficiali di Ubuntu. Possiamo installarlo utilizzando il gestore di pacchetti APT. Dovremo solo aprire un terminale (Ctrl + Alt + T) e scrivere in esso:
sudo apt install webp
Possiamo anche scegliere Ubuntu e altre distribuzioni Gnu / Linux per scarica il pacchetto webp dal repository di Google. Per questo useremo il comando wget aprendo un terminale (Ctrl + Alt + T) e digitando:
wget -c https://storage.googleapis.com/downloads.webmproject.org/releases/webp/libwebp-0.6.1-linux-x86-32.tar.gz
La prossima cosa che faremo è estrarre il file e spostarci nella directory del pacchetto estratto come segue:
tar -xvf libwebp-0.6.1-linux-x86-32.tar.gz cd libwebp-0.6.1-linux-x86-32/ cd bin/ ls
Strumenti incorporati
Come puoi vedere nello screenshot qui sopra, il pacchetto contiene una libreria precompilata (libwebp) per aggiungere varie utilità web elencate di seguito:
- anim_diff → È uno strumento per mostra la differenza tra le immagini di animazione.
- anim_dump → Questo è uno strumento per scarica la differenza tra le immagini di animazione.
- cwebp → È uno strumento per codifica webp.
- dwebp → Questo è uno strumento per decodifica webp.
- gif2webp → Uno strumento per convertire le immagini GIF in webp.
- img2webp → Strumenti per convertire una sequenza di immagini in un file Web animato.
- vwebp → Questo è un file visualizzatore di file webp.
- webpinfo → Questo strumento viene utilizzato per visualizzare informazioni su un file immagine webp.
- webpmux → Uno strumento mux da webp.
Saremo in grado di vedere tutte le opzioni per uno qualsiasi degli strumenti precedenti eseguendoli senza alcun argomento o utilizzando il -bandiera di aiuto lungo. Ad esempio:
cwebp -longhelp
Infine, se vogliamo eseguire i programmi precedenti senza scrivere i loro percorsi assoluti, dovremo solo aggiungere la directory ~ / libwebp-0.6.1-linux-x86-32 / bin il nostro Variabile d'ambiente PATH nel nostro file ~ / .bashrc. Per fare ciò eseguiremo nel terminale (Ctrl + Alt + T):
vi ~/.bashrc
Nell'ultimo file aggiungeremo:
export PATH=$PATH:~/libwebp-0.6.1-linux-x86-32/bin
Al termine, dovremo solo salvare il file e chiuderlo. Alla partenza apriremo una nuova finestra di terminale e saremo in grado di eseguire tutti i programmi web come qualsiasi altro comando nel sistema.
Converti un'immagine in webp
Per convertire un'immagine in webp, possiamo usa lo strumento cwebp. In esso il parametro -q definisce la qualità dell'output e -o specifica il file di output. Ecco un esempio:
cwebp -q 80 ubunlog.jpeg -o ubunlog.webp
Visualizza un'immagine convertita
Una volta terminata la conversione, possiamo visualizzare l'immagine webp utilizzando lo strumento vwebp. Come puoi vedere nell'acquisizione, la stessa immagine presenta alcune differenze rispetto a quella in formato jpeg.
vwebp ubunlog.webp
WebP è solo uno dei tanti prodotti che derivano dagli sforzi continui di Google per rendere il Web più veloce. Se vogliamo saperne di più su questo formato di immagine, possiamo visitare il Sito web del progetto WebP.