Seuraavassa artikkelissa tarkastellaan miten muuntaa kuvat WebP-muotoon. Jos omistaudut verkkosivujen luomiseen, tiedät jo, että yksi parhaista käytännöistä verkkosivustosi suorituskyvyn optimoimiseksi on pakattujen kuvien käyttö. Tässä artikkelissa aiomme nähdä, miten WebP-muotoa käytetään. Sen avulla voimme luoda pakattuja ja laadukkaita kuvia käytettäväksi verkkosivuillamme.
WebP on suhteellisen uusi kuvamuoto, joka tarjoaa poikkeuksellisen häviöttömän ja häviöllisen pakkauksen kuville verkossa. Tämä muoto on ollut google suunnittelema. Jos haluat käyttää sitä, sinun on ladattava valmiiksi kootut apuohjelmat Gnu / Linuxille, Windowsille ja Mac OS X: lle.
WebP on uusi kuvamuoto, joka tarjoaa häviöttömän ja häviöttömän pakkauksen PNG- ja JPEG-tiedostoille. Tässä muodossa saavutamme jopa 34% pienemmän kuvakoon. se on yhteensopiva Google Chromen ja Operan kanssa. Voimme käyttää Nginxiä ja Apache-ohjelmaa selvittääksemme, tukeeko selainagentti tätä muotoa, ja tarjoamme sitten kuvan uudessa muodossa alkuperäisen kuvan sijaan. Tämä tiedostomuoto tukee myös animoituja kuvia, mikä voi johtaa suuriin kuvakokojen pienennyksiin.
WebP-muodossa verkkovastaavat ja web-kehittäjät voivat luoda pienempiä, rikkaampia kuvia jotka tekevät verkosta nopeamman.
Asenna WebP-työkalu Ubuntuun
Onneksi verkkosivupaketti on läsnä virallisissa Ubuntun arkistoissa. Voimme asentaa sen APT-paketinhallinnan avulla. Meidän on vain avattava pääte (Ctrl + Alt + T) ja kirjoitettava siihen:
sudo apt install webp
Voimme myös valita Ubuntu ja muut Gnu / Linux-jakelut lataa verkkosivupaketti google-arkistosta. Tätä varten käytämme komentoa wget avaamalla pääte (Ctrl + Alt + T) ja kirjoittamalla:
wget -c https://storage.googleapis.com/downloads.webmproject.org/releases/webp/libwebp-0.6.1-linux-x86-32.tar.gz
Seuraava asia, jonka teemme, on purkaa tiedosto ja siirtyä puretun paketin hakemistoon seuraavasti:
tar -xvf libwebp-0.6.1-linux-x86-32.tar.gz cd libwebp-0.6.1-linux-x86-32/ cd bin/ ls
Sisäänrakennetut työkalut
Kuten yllä olevasta kuvakaappauksesta näet, paketti sisältää valmiiksi käännetyn kirjaston (libwebp) lisätäksesi useita alla lueteltuja verkkoapuohjelmia:
- anim_diff → Se on työkalu näytä ero animaatiokuvien välillä.
- anim_dump → Tämä on työkalu kaataa erot animaatiokuvien välillä.
- cwebp → Se on työkalu webp-koodaus.
- dwebp → Tämä on työkalu verkkosivun dekoodaus.
- gif2webp → Työkalu muuntaa GIF-kuvat webiksi.
- img2webp → Työkalut muuntaa kuvasarja animoitavaksi web-tiedostoksi.
- vwebp → Tämä on a Web-tiedostojen katseluohjelma.
- webpinfo → Tätä työkalua käytetään katseluun tietoja tiedostosta kuvan verkkosivusto.
- webpmux → Yksi mux-työkalu verkkosivulta.
Voimme nähdä kaikki vaihtoehdot mille tahansa edellisistä työkaluista suorittamalla ne ilman argumentteja tai käyttämällä - pitkäaikainen lippu. Esimerkiksi:
cwebp -longhelp
Lopuksi, jos haluamme suorittaa edelliset ohjelmat kirjoittamatta niiden absoluuttisia polkuja, meidän on vain lisättävä hakemisto ~ / libwebp-0.6.1-linux-x86-32 / bin meidän ~ / .Bashrc-tiedostomme PATH-ympäristömuuttuja. Tätä varten suoritamme päätelaitteessa (Ctrl + Alt + T):
vi ~/.bashrc
Viimeiseen tiedostoon lisätään:
export PATH=$PATH:~/libwebp-0.6.1-linux-x86-32/bin
Kun olet valmis, meidän on vain tallennettava tiedosto ja suljettava se. Lähdettäessä avaamme uuden pääteikkunan ja pystymme suorittamaan kaikki verkko-ohjelmat kuten kaikki muut järjestelmän komennot.
Muunna kuva webiksi
Voit muuntaa kuvan webiksi, voimme käytä cwebp-työkalua. Siinä parametri -q määrittelee tulostuslaadun ja -o määrittää tulostustiedoston. Tässä on esimerkki:
cwebp -q 80 ubunlog.jpeg -o ubunlog.webp
Näytä muunnettu kuva
Kun muunnos on valmis, voimme tarkastele verkkosivun kuvaa vwebp-työkalulla. Kuten sieppauksesta näet, samalla kuvalla on tiettyjä eroja JPEG-muodossa olevaan kuvaan nähden.
vwebp ubunlog.webp
WebP on vain yksi monista tuotteista, jotka johtuvat Googlen jatkuvista ponnisteluista tehdä verkosta nopeampi. Jos haluamme tietää enemmän tästä kuvamuodosta, voimme vieraile WebP-projektin verkkosivusto.