În articolul următor vom analiza cum convertiți imagini în format WebP. Dacă vă dedicați creării de pagini web, veți ști deja că una dintre cele mai bune practici pentru optimizarea performanței site-ului dvs. web este utilizarea imaginilor comprimate. În acest articol, vom vedea cum să folosim formatul WebP. Cu el putem crea imagini comprimate și de calitate pentru a le utiliza pe paginile noastre web.
WebP este un format de imagine relativ nou, care oferă compresie fără pierderi și pierderi excepționale pentru imaginile de pe web. Acest format a fost proiectat de google. Pentru ao utiliza, va trebui să descărcați utilitare precompilate pentru Gnu / Linux, Windows și Mac OS X.
WebP este un nou format de imagine care oferă compresie fără pierderi și pierderi pentru fișierele PNG și JPEG. Cu acest format vom obține o dimensiune a imaginii cu până la 34% mai mică. este compatibil cu Google Chrome și Opera. Putem folosi Nginx și Apache pentru a stabili dacă acest format este acceptat de Browser Agent și apoi să difuzăm imaginea într-un format nou în locul imaginii originale. Acest format de fișier acceptă, de asemenea, imagini animate, ceea ce poate duce la reduceri mari ale dimensiunilor imaginilor.
Cu formatul WebP, webmasterii și dezvoltatorii web pot creați imagini mai mici, mai bogate care fac webul mai rapid.
Instalați instrumentul WebP pe Ubuntu
Din fericire, pachetul webp este prezent în depozitele oficiale Ubuntu. Îl putem instala folosind managerul de pachete APT. Va trebui doar să deschidem un terminal (Ctrl + Alt + T) și să scriem în el:
sudo apt install webp
Putem alege, de asemenea, Ubuntu și alte distribuții Gnu / Linux pentru descărcați pachetul webp din depozitul Google. Pentru aceasta vom folosi comanda wget prin deschiderea unui terminal (Ctrl + Alt + T) și tastarea:
wget -c https://storage.googleapis.com/downloads.webmproject.org/releases/webp/libwebp-0.6.1-linux-x86-32.tar.gz
Următorul lucru pe care îl vom face este să extragem fișierul și să ne mutăm în directorul pachetului extras după cum urmează:
tar -xvf libwebp-0.6.1-linux-x86-32.tar.gz cd libwebp-0.6.1-linux-x86-32/ cd bin/ ls
Instrumente încorporate
După cum puteți vedea din captura de ecran de mai sus, pachetul conține o bibliotecă precompilată (libwebp) pentru a adăuga diverse utilitare web enumerate mai jos:
- anim_diff → Este un instrument pentru arată diferența dintre imaginile de animație.
- anim_dump → Acesta este un instrument pentru eliminați diferența dintre imaginile de animație.
- cwebp → Este un instrument pentru codare webp.
- dwebp → Acesta este un instrument pentru decodare webp.
- gif2webp → Un instrument pentru convertiți imagini GIF în webp.
- img2webp → Instrumente pentru convertiți o secvență de imagini într-un fișier web animat.
- vwebp → Acesta este un vizualizator de fișiere webp.
- webpinfo → Acest instrument este folosit pentru a vizualiza informații despre un fișier imagine webp.
- webpmux → One instrument mux din webp.
Vom putea vedea toate opțiunile pentru oricare dintre instrumentele anterioare executându-le fără niciun argument sau folosind -drapelul lung. De exemplu:
cwebp -longhelp
În cele din urmă, dacă dorim să rulăm programele anterioare fără a scrie căile lor absolute, va trebui să adăugăm doar directorul ~ / libwebp-0.6.1-linux-x86-32 / bin pentru noi Variabilă de mediu PATH în fișierul nostru ~ / .bashrc. Pentru a face acest lucru, vom executa în terminal (Ctrl + Alt + T):
vi ~/.bashrc
În ultimul fișier vom adăuga:
export PATH=$PATH:~/libwebp-0.6.1-linux-x86-32/bin
La finalizare, va trebui doar să salvăm fișierul și să îl închidem. La plecare vom deschide o nouă fereastră de terminal și vom putea executa toate programele web ca orice altă comandă din sistem.
Convertiți o imagine în webp
Pentru a converti o imagine în webp, putem utilizați instrumentul cwebp. În el parametrul -q definește calitatea ieșirii și -o specifică fișierul de ieșire. Iată un exemplu:
cwebp -q 80 ubunlog.jpeg -o ubunlog.webp
Vizualizați o imagine convertită
După finalizarea conversiei, putem vizualizați imaginea webp folosind instrumentul vwebp. După cum puteți vedea în captură, aceeași imagine are anumite diferențe față de cea din format jpeg.
vwebp ubunlog.webp
WebP este doar unul dintre multele produse care rezultă din eforturile continue ale Google de a face webul mai rapid. Dacă vrem să aflăm mai multe despre acest format de imagine, putem Viziteaza Site-ul web al proiectului WebP.