En el següent article anem a fer una ullada a com convertir imatges a format WebP. Si et dediques a crear pàgines web, sabràs ja que una de les millors pràctiques per optimitzar el rendiment del teu lloc web, és usar imatges comprimides. En aquest article, anem a veure com utilitzar el format WebP. Amb el podrem crear imatges comprimides i de qualitat per utilitzar en les nostres pàgines web.
WebP és un format d'imatge relativament nou que ofereix una compressió excepcionalment sense pèrdua i amb pèrdua per les imatges a la web. Aquest format ha estat dissenyat per Google. Per utilitzar-lo, necessitaràs descarregar utilitats pre-compilades per GNU / Linux, Windows i Mac OS X.
WebP és un nou format d'imatge que proporciona una compressió sense pèrdua i amb pèrdues en els arxius PNG i JPEG. Amb aquest format aconseguirem una mida d'imatge fins a un 34% més petit. és compatible amb Google Chrome i Opera. Podrem utilitzar Nginx i Apache per determinar si aquest format és compatible amb l'agent de el navegador i després servir la imatge en un format nou en lloc de la imatge original. Aquest format d'arxiu també admet imatges animades que poden donar lloc a grans reduccions en les mides d'imatge.
Amb el format WebP, els administradors web i desenvolupadors web poden crear imatges més petites i riques que fan que el web sigui més ràpida.
Instal·lar l'eina WebP en Ubuntu
Afortunadament, el paquet WebP està present en els repositoris oficials d'Ubuntu. Podrem instal·lar usant l'administrador de paquets APT. Només haurem d'obrir una terminal (Ctrl + Alt + T) i escriure-hi:
sudo apt install webp
També podrem optar a Ubuntu i en altres distribucions de GNU / Linux per descarregar el paquet WebP de l'repositori de Google. Per a això utilitzarem el comandament wget obrint una terminal (Ctrl + Alt + T) i escrivint:
wget -c https://storage.googleapis.com/downloads.webmproject.org/releases/webp/libwebp-0.6.1-linux-x86-32.tar.gz
El següent que farem serà extreu l'arxiu i moure'ns a directori de el paquet extret de la següent manera:
tar -xvf libwebp-0.6.1-linux-x86-32.tar.gz cd libwebp-0.6.1-linux-x86-32/ cd bin/ ls
eines incorporades
Com pot veure a la captura de pantalla anterior, el paquet conté una biblioteca precompilada (libwebp) Per afegir diverses utilitats web enumerades a continuació:
- anim_diff → És una eina per mostrar la diferència entre les imatges d'animació.
- anim_dump → Es tracta d'una eina per bolcar la diferència entre les imatges d'animació.
- cwebp → Es tracta d'una eina de codificació WebP.
- dwebp → Aquesta és una eina de descodificació WebP.
- gif2webp → Una eina per convertir imatges GIF a WebP.
- img2webp → Eines per convertir una seqüència d'imatges en un arxiu web animat.
- vwebp → Aquest és un visor d'arxius WebP.
- webpinfo → Aquesta eina s'usa per veure informació sobre un arxiu d'imatge WebP.
- webpmux → Una eina mux de WebP.
Anem a poder veure totes les opcions per a qualsevol de les eines anteriors executant sense cap argument o usant el indicador -longhelp. Per exemple:
cwebp -longhelp
Finalment, si volem executar els programes anteriors sense escriure les seves rutes absolutes, no tindrem més que afegir el directori ~ / Libwebp-0.6.1-linux-x86-32 / bin a la nostra variable d'entorn PATH al nostre arxiu ~ / .bashrc. Per a això executarem a la terminal (Ctrl + Alt + T):
vi ~/.bashrc
En l'última de l'arxiu afegirem:
export PATH=$PATH:~/libwebp-0.6.1-linux-x86-32/bin
A l'acabar, no tindrem més que guardar l'arxiu i tancar-lo. A l'sortir obrirem una nova finestra de terminal i ja podrem executar tots els programes web com qualsevol altre ordre de el sistema.
Convertir una imatge a WebP
Per convertir una imatge a WebP, podrem utilitzar l'eina cwebp. En ella el paràmetre -q defineix la qualitat de sortida i -o especifica el fitxer de sortida. A continuació un exemple:
cwebp -q 80 ubunlog.jpeg -o ubunlog.webp
Veure una imatge convertida
Acabada la conversió, podrem veure la imatge WebP utilitzant l'eina vwebp. Com es pot veure a la captura, la mateixa imatge té certes diferències respecte a la que té format jpeg.
vwebp ubunlog.webp
WebP és només un dels molts productes que provenen dels continus esforços de Google per fer que el web sigui més ràpida. Si volem saber més sobre aquest format d'imatges, podrem visitar la pàgina web de el projecte WebP.