I neste artikkel vil vi se på hvordan konvertere bilder til WebP-format. Hvis du dedikerer deg til å lage websider, vil du allerede vite at en av de beste metodene for å optimalisere ytelsen til nettstedet ditt er å bruke komprimerte bilder. I denne artikkelen skal vi se hvordan du bruker WebP-formatet. Med den kan vi lage komprimerte bilder og kvalitetsbilder som skal brukes på websidene våre.
WebP er et relativt nytt bildeformat som tilbyr eksepsjonelt tapsfri og tapsfri komprimering for bilder på nettet. Dette formatet har vært designet av google. For å bruke den, må du laste ned forhåndskompilerte verktøy for Gnu / Linux, Windows og Mac OS X.
WebP er et nytt bildeformat som gir tapsfri og tapsfri komprimering for PNG- og JPEG-filer. Med dette formatet vi vil oppnå en bildestørrelse opptil 34% mindre. Dette er kompatibel med Google Chrome og Opera. Vi kan bruke Nginx og Apache for å avgjøre om dette formatet støttes av Browser Agent, og deretter servere bildet i et nytt format i stedet for det opprinnelige bildet. Dette filformatet støtter også animerte bilder, noe som kan føre til store reduksjoner i bildestørrelser.
Med WebP-formatet kan webansvarlige og webutviklere lage mindre, rikere bilder som gjør nettet raskere.
Installer WebP-verktøyet på Ubuntu
Heldigvis er webpakken til stede i de offisielle Ubuntu-arkivene. Vi kan installere det ved hjelp av APT pakkebehandling. Vi trenger bare å åpne en terminal (Ctrl + Alt + T) og skrive i den:
sudo apt install webp
Vi kan også velge Ubuntu og andre Gnu / Linux-distribusjoner for last ned webpakke fra google repository. For dette vil vi bruke kommandoen wget ved å åpne en terminal (Ctrl + Alt + T) og skrive:
wget -c https://storage.googleapis.com/downloads.webmproject.org/releases/webp/libwebp-0.6.1-linux-x86-32.tar.gz
Den neste tingen vi vil gjøre er å trekke ut filen og flytte til katalogen til den utpakkede pakken som følger:
tar -xvf libwebp-0.6.1-linux-x86-32.tar.gz cd libwebp-0.6.1-linux-x86-32/ cd bin/ ls
Innebygde verktøy
Som du kan se fra skjermbildet ovenfor, inneholder pakken et forhåndskompilert bibliotek (libwebp) for å legge til forskjellige nettverktøy som er oppført nedenfor:
- anim_diff → Det er et verktøy for viser forskjellen mellom animasjonsbilder.
- anim_dump → Dette er et verktøy for dump forskjellen mellom animasjonsbilder.
- cwebp → Det er et verktøy for webp-koding.
- dwebp → Dette er et verktøy for webp-dekoding.
- gif2webp → Et verktøy for konvertere GIF-bilder til webside.
- img2webp → Verktøy for konvertere en bildesekvens til en animert webfil.
- vwebp → Dette er en webp-filvisning.
- webpinfo → Dette verktøyet brukes til å vise informasjon om en fil bilde webside.
- webpmux → En mux-verktøy fra websiden.
Vi vil være i stand til å se alle alternativene for noen av de forrige verktøyene ved å utføre dem uten argument eller bruke -longhelp-flagg. For eksempel:
cwebp -longhelp
Til slutt, hvis vi vil kjøre de forrige programmene uten å skrive de absolutte banene, trenger vi bare å legge til katalogen ~ / libwebp-0.6.1-linux-x86-32 / bin til vår PATH-miljøvariabel i ~ / .bashrc-filen. For å gjøre dette vil vi utføre i terminalen (Ctrl + Alt + T):
vi ~/.bashrc
I den siste av filen vil vi legge til:
export PATH=$PATH:~/libwebp-0.6.1-linux-x86-32/bin
Når du er ferdig, trenger vi bare å lagre filen og lukke den. Ved avreise vi åpner et nytt terminalvindu og vi vil kunne utføre alle webprogrammene som alle andre kommandoer i systemet.
Konverter et bilde til en webside
For å konvertere et bilde til en webside, kan vi bruk cwebp verktøy. I den parameteren -q definerer utskriftskvaliteten og -o spesifiserer utdatafilen. Her er et eksempel:
cwebp -q 80 ubunlog.jpeg -o ubunlog.webp
Vis et konvertert bilde
Når konverteringen er ferdig, kan vi se webside bilde ved hjelp av vwebp verktøy. Som du kan se i opptaket, har det samme bildet visse forskjeller med hensyn til det i jpeg-format.
vwebp ubunlog.webp
WebP er bare ett av mange produkter som stammer fra Googles pågående arbeid for å gjøre nettet raskere. Hvis vi vil vite mer om dette bildeformatet, kan vi besøk WebP-prosjektnettsted.