I nästa artikel kommer vi att ta en titt på hur konvertera bilder till WebP-format. Om du ägnar dig åt att skapa webbsidor vet du redan att en av de bästa metoderna för att optimera webbplatsens prestanda är att använda komprimerade bilder. I den här artikeln ska vi se hur man använder WebP-formatet. Med den kan vi skapa komprimerade bilder och kvalitetsbilder att använda på våra webbsidor.
WebP är ett relativt nytt bildformat som erbjuder exceptionellt förlustfri och förlustfri komprimering för bilder på webben. Detta format har varit designad av google. För att kunna använda den måste du ladda ner förkompilerade verktyg för Gnu / Linux, Windows och Mac OS X.
WebP är ett nytt bildformat som ger förlustfri och förlustfri komprimering för PNG- och JPEG-filer. Med detta format vi uppnår en bildstorlek upp till 34% mindre. Detta är kompatibel med Google Chrome och Opera. Vi kan använda Nginx och Apache för att avgöra om detta format stöds av webbläsaragenten och sedan servera bilden i ett nytt format istället för originalbilden. Detta filformat stöder också animerade bilder, vilket kan leda till stora minskningar av bildstorlekar.
Med WebP-formatet kan webbansvariga och webbutvecklare skapa mindre, rikare bilder som gör webben snabbare.
Installera WebP-verktyget på Ubuntu
Lyckligtvis är webbpaketet finns i de officiella Ubuntu-förvaren. Vi kan installera det med hjälp av APT-pakethanteraren. Vi behöver bara öppna en terminal (Ctrl + Alt + T) och skriva i den:
sudo apt install webp
Vi kan också välja Ubuntu och andra Gnu / Linux-distributioner för ladda ner webbpaket från google repository. För detta kommer vi att använda kommandot wget genom att öppna en terminal (Ctrl + Alt + T) och skriva:
wget -c https://storage.googleapis.com/downloads.webmproject.org/releases/webp/libwebp-0.6.1-linux-x86-32.tar.gz
Nästa sak vi kommer att göra är att extrahera filen och flytta till katalogen för det extraherade paketet enligt följande:
tar -xvf libwebp-0.6.1-linux-x86-32.tar.gz cd libwebp-0.6.1-linux-x86-32/ cd bin/ ls
Inbyggda verktyg
Som du kan se från skärmdumpen ovan innehåller paketet ett förkompilerat bibliotek (libwebp) för att lägga till olika webbverktyg som anges nedan:
- anim_diff → Det är ett verktyg för visa skillnaden mellan animationsbilder.
- anim_dump → Detta är ett verktyg för dumpa skillnaden mellan animationsbilder.
- cwebp → Det är ett verktyg för webbkodning.
- dwebp → Detta är ett verktyg för webbavkodning.
- gif2webp → Ett verktyg för konvertera GIF-bilder till webp.
- img2webp → Verktyg för konvertera en bildsekvens till en animerad webbfil.
- vwebp → Detta är en webp-filvisare.
- webpinfo → Detta verktyg används för att visa information om en fil bildwebb.
- webpmux → En mux-verktyg från webbsidan.
Vi kommer att kunna se alla alternativ för något av de tidigare verktygen genom att köra dem utan något argument eller använda -långhjälpsflagga. Till exempel:
cwebp -longhelp
Slutligen, om vi vill köra de tidigare programmen utan att skriva deras absoluta sökvägar, behöver vi bara lägga till katalogen ~ / libwebp-0.6.1-linux-x86-32 / bin till vår PATH-miljövariabel i vår ~ / .bashrc-fil. För att göra detta kommer vi att utföra i terminalen (Ctrl + Alt + T):
vi ~/.bashrc
I den sista av filen lägger vi till:
export PATH=$PATH:~/libwebp-0.6.1-linux-x86-32/bin
När du är klar behöver vi bara spara filen och stänga den. När du lämnar vi öppnar ett nytt terminalfönster och vi kommer att kunna köra alla webbprogram som alla andra kommandon i systemet.
Konvertera en bild till webp
För att konvertera en bild till webp kan vi använd cwebp-verktyget. I den parametern -q definierar utskriftskvaliteten och -o specificerar utdatafilen. Här är ett exempel:
cwebp -q 80 ubunlog.jpeg -o ubunlog.webp
Visa en konverterad bild
När konverteringen är klar kan vi visa webbbild med hjälp av vwebp-verktyget. Som du kan se i fångsten har samma bild vissa skillnader i förhållande till den i jpeg-format.
vwebp ubunlog.webp
WebP är bara en av många produkter som härrör från Googles pågående ansträngningar för att göra webben snabbare. Om vi vill veta mer om detta bildformat kan vi det besök WebP-projektwebbplats.