I den næste artikel vil vi se på hvordan konvertere billeder til WebP-format. Hvis du dedikerer dig til at oprette websider, ved du allerede, at en af de bedste fremgangsmåder til at optimere ydeevnen på dit websted er at bruge komprimerede billeder. I denne artikel skal vi se, hvordan du bruger WebP-formatet. Med det kan vi oprette komprimerede billeder og kvalitetsbilleder til brug på vores websider.
WebP er et relativt nyt billedformat, der tilbyder usædvanligt tabsfri og tabsfri kompression for billeder på nettet. Dette format har været designet af google. For at bruge det skal du downloade præ-kompilerede hjælpeprogrammer til Gnu / Linux, Windows og Mac OS X.
WebP er et nyt billedformat, der giver tabsfri og tabsfri komprimering til PNG- og JPEG-filer. Med dette format vi opnår en billedstørrelse op til 34% mindre. Det er kompatibel med Google Chrome og Opera. Vi kan bruge Nginx og Apache til at afgøre, om dette format understøttes af Browser Agent og derefter tjene billedet i et nyt format i stedet for det originale billede. Dette filformat understøtter også animerede billeder, hvilket kan føre til store reduktioner i billedstørrelser.
Med WebP-formatet kan webmastere og webudviklere oprette mindre, rigere billeder der gør Internettet hurtigere.
Installer WebP-værktøjet på Ubuntu
Heldigvis er webp-pakken til stede i de officielle Ubuntu-arkiver. Vi kan installere det ved hjælp af APT-pakkehåndteringen. Vi bliver kun nødt til at åbne en terminal (Ctrl + Alt + T) og skrive i den:
sudo apt install webp
Vi kan også vælge Ubuntu og andre Gnu / Linux-distributioner til download webpakke fra google repository. Til dette bruger vi kommandoen wget ved at åbne 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 næste ting, vi skal gøre, er at udpakke filen og flytte til mappen for den udpakkede pakke 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
Indbyggede værktøjer
Som du kan se på skærmbilledet ovenfor, indeholder pakken et forudkompileret bibliotek (libwebp) for at tilføje forskellige webværktøjer, der er anført nedenfor:
- anim_diff → Det er et værktøj til viser forskellen mellem animationsbilleder.
- anim_dump → Dette er et værktøj til dump forskellen mellem animationsbilleder.
- cwebp → Det er et værktøj til webp-kodning.
- dwebp → Dette er et værktøj til webp-afkodning.
- gif2webp → Et værktøj til konvertere GIF-billeder til webp.
- img2webp → Værktøjer til konvertere en billedsekvens til en animeret webfil.
- vwebp → Dette er en webp-filfremviser.
- webpinfo → Dette værktøj bruges til at se oplysninger om en fil billede webside.
- webpmux → Én mux-værktøj fra webp.
Vi vil være i stand til at se alle mulighederne for et af de tidligere værktøjer ved at udføre dem uden noget argument eller ved hjælp af -langhjælpsflag. For eksempel:
cwebp -longhelp
Endelig, hvis vi vil køre de tidligere programmer uden at skrive deres absolutte stier, behøver vi kun tilføje biblioteket ~ / libwebp-0.6.1-linux-x86-32 / bin til vores PATH-miljøvariabel i vores ~ / .bashrc-fil. For at gøre dette udfører vi i terminalen (Ctrl + Alt + T):
vi ~/.bashrc
I den sidste af filen vil vi tilføje:
export PATH=$PATH:~/libwebp-0.6.1-linux-x86-32/bin
Når du er færdig, behøver vi kun at gemme filen og lukke den. Ved afrejse vi åbner et nyt terminalvindue og vi vil være i stand til at udføre alle webprogrammer som enhver anden kommando i systemet.
Konverter et billede til en webside
For at konvertere et billede til en webside kan vi brug cwebp værktøj. I det er parameteren -q definerer outputkvaliteten og -o specificerer outputfilen. Her er et eksempel:
cwebp -q 80 ubunlog.jpeg -o ubunlog.webp
Se et konverteret billede
Når konverteringen er afsluttet, kan vi se webp-billede ved hjælp af vwebp-værktøjet. Som du kan se i optagelsen, har det samme billede visse forskelle i forhold til billedet i jpeg-format.
vwebp ubunlog.webp
WebP er blot et af mange produkter, der stammer fra Googles løbende indsats for at gøre internettet hurtigere. Hvis vi vil vide mere om dette billedformat, kan vi besøg WebP-projektwebsted.