WebP, format slike za Google web stranice

O Webpu

U sljedećem članku ćemo pogledati kako pretvoriti slike u WebP format. Ako se posvetite stvaranju web stranica, već ćete znati da je jedna od najboljih praksi za optimizaciju performansi vaše web stranice korištenje komprimiranih slika. U ovom ćemo članku vidjeti kako se koristi WebP format. Pomoću nje možemo stvoriti komprimirane i kvalitetne slike za upotrebu na našim web stranicama.

WebP je relativno nov format slike koji nudi izuzetno kompresiju bez gubitaka i gubitaka za slike na webu. Ovaj format je bio dizajnirao google. Da biste ga koristili, trebat ćete preuzeti prethodno sastavljene uslužne programe za Gnu / Linux, Windows i Mac OS X.

WebP je novi format slike koji pruža kompresiju bez gubitaka i gubitaka za PNG i JPEG datoteke. Ovim formatom postići ćemo do 34% manju veličinu slike. To je kompatibilan sa Google Chromeom i Operaom. Možemo koristiti Nginx i Apache da utvrdimo podržava li ovaj format agent pretraživača, a zatim poslužujemo sliku u novom formatu umjesto originalne slike. Ovaj format datoteke takođe podržava animirane slike, što može dovesti do velikog smanjenja veličina slike.

Uz WebP format, webmasteri i web programeri mogu stvoriti manje, bogatije slike koji čine internet bržim.

Instalirajte WebP alat na Ubuntu

Srećom, webp paket je prisutna u službenim Ubuntu repozitorijima. Možemo ga instalirati pomoću APT upravitelja paketa. Morat ćemo samo otvoriti terminal (Ctrl + Alt + T) i u njega upisati:

sudo apt install webp

Takođe možemo odabrati Ubuntu i druge Gnu / Linux distribucije preuzmite webp paket iz google spremišta. Za ovo ćemo koristiti naredbu wget otvaranjem terminala (Ctrl + Alt + T) i upisivanjem:

wget -c https://storage.googleapis.com/downloads.webmproject.org/releases/webp/libwebp-0.6.1-linux-x86-32.tar.gz

Sljedeće što ćemo učiniti je izdvojiti datoteku i premjestiti se u direktorij izvađenog paketa na sljedeći način:

tar -xvf libwebp-0.6.1-linux-x86-32.tar.gz
cd libwebp-0.6.1-linux-x86-32/
cd bin/
ls

webp alati

Ugrađeni alati

Kao što možete vidjeti sa gornjeg snimka zaslona, ​​paket sadrži unaprijed kompajliranu biblioteku (libwebp) za dodavanje raznih web uslužnih programa navedenih u nastavku:

  • anim_diff → To je alat za pokazati razliku između animacijskih slika.
  • anim_dump → Ovo je alat za izbaci razliku između animacijskih slika.
  • cwebp → To je alat za webp kodiranje.
  • dwebp → Ovo je alat za webp dekodiranje.
  • gif2webp → Alat za pretvoriti GIF slike u webp.
  • img2webp → Alati za pretvoriti slijed slika u animiranu web datoteku.
  • vwebp → Ovo je a preglednik datoteka webp.
  • webpinfo → Ovaj se alat koristi za pregled informacije o datoteci image webp.
  • webpmux → Jedan mux alat sa webp.

Moći ćemo vidjeti sve opcije za bilo koji od prethodnih alata izvršavajući ih bez ikakvih argumenata ili koristeći -duga pomoćna zastava. Na primjer:

cwebp -longhelp

Napokon, ako želimo izvršiti prethodne programe bez upisivanja njihovih apsolutnih staza, morat ćemo dodati samo direktorij ~ / libwebp-0.6.1-linux-x86-32 / bin za naše Promjenljiva okoline PATH u našoj datoteci ~ / .bashrc. Da bismo to učinili, izvršit ćemo u terminalu (Ctrl + Alt + T):

vi ~/.bashrc

U posljednji dio datoteke ćemo dodati:

uključiti webp u bashrc

export PATH=$PATH:~/libwebp-0.6.1-linux-x86-32/bin

Po završetku morat ćemo samo spremiti datoteku i zatvoriti je. Po odlasku otvorit ćemo novi prozor terminala i moći ćemo izvršavati sve web programe kao i bilo koju drugu naredbu u sistemu.

Pretvorite sliku u webp

Možemo pretvoriti sliku u webp koristite cwebp alat. U njemu parametar -q definira kvalitetu izlaza, a -o određuje izlaznu datoteku. Evo primjera:

Slika generirana pomoću Webpa

cwebp -q 80 ubunlog.jpeg -o ubunlog.webp

Pogledajte konvertiranu sliku

Pregledajte Webp slike

Kad je konverzija završena, možemo pregledajte webp sliku pomoću alata vwebp. Kao što možete vidjeti na snimanju, ista slika ima određene razlike u odnosu na onu u jpeg formatu.

vwebp ubunlog.webp

WebP je samo jedan od mnogih proizvoda koji proizlaze iz Googleovih stalnih napora da ubrza web. Ako želimo znati više o ovom formatu slike, možemo posjetite Web stranica projekta WebP.


Ostavite komentar

Vaša e-mail adresa neće biti objavljena. Obavezna polja su označena sa *

*

*

  1. Za podatke odgovoran: Miguel Ángel Gatón
  2. Svrha podataka: Kontrola neželjene pošte, upravljanje komentarima.
  3. Legitimacija: Vaš pristanak
  4. Komunikacija podataka: Podaci se neće dostavljati trećim stranama, osim po zakonskoj obavezi.
  5. Pohrana podataka: Baza podataka koju hostuje Occentus Networks (EU)
  6. Prava: U bilo kojem trenutku možete ograničiti, oporaviti i izbrisati svoje podatke.