In het volgende artikel zullen we bekijken hoe afbeeldingen converteren naar WebP-indeling Als u zich toelegt op het maken van webpagina's, weet u al dat het gebruik van gecomprimeerde afbeeldingen een van de beste praktijken is om de prestaties van uw website te optimaliseren. In dit artikel gaan we zien hoe we het WebP-formaat kunnen gebruiken. Hiermee kunnen we gecomprimeerde en kwaliteitsafbeeldingen maken om op onze webpagina's te gebruiken.
WebP is een relatief nieuw afbeeldingsformaat dat uitzonderlijk verliesloze en verliesgevende compressie biedt voor afbeeldingen op internet. Dit formaat is ontworpen door google Om het te gebruiken, moet u vooraf gecompileerde hulpprogramma's downloaden voor Gnu / Linux, Windows en Mac OS X.
WebP is een nieuwe afbeeldingsindeling die verliesloze en verliesgevende compressie biedt voor PNG- en JPEG-bestanden. Met dit formaat we bereiken een beeldformaat tot 34% kleiner. Het is compatibel met Google Chrome en Opera We kunnen Nginx en Apache gebruiken om te bepalen of dit formaat wordt ondersteund door de Browser Agent en vervolgens de afbeelding in een nieuw formaat aanbieden in plaats van de originele afbeelding. Dit bestandsformaat ondersteunt ook geanimeerde afbeeldingen, wat kan leiden tot grote verkleining van de afbeeldingsformaten.
Met het WebP-formaat kunnen webmasters en webontwikkelaars maak kleinere, rijkere afbeeldingen die het web sneller maken.
Installeer de WebP-tool op Ubuntu
Gelukkig is het webp-pakket aanwezig in de officiële Ubuntu-repositories We kunnen het installeren met behulp van de APT-pakketbeheerder. We hoeven alleen maar een terminal te openen (Ctrl + Alt + T) en erin te schrijven:
sudo apt install webp
We kunnen ook kiezen voor Ubuntu en andere Gnu / Linux-distributies voor download webp-pakket uit de Google-repository Hiervoor gebruiken we het commando wget een terminal openen (Ctrl + Alt + T) en typen:
wget -c https://storage.googleapis.com/downloads.webmproject.org/releases/webp/libwebp-0.6.1-linux-x86-32.tar.gz
Het volgende dat we zullen doen, is het bestand uitpakken en als volgt naar de map van het uitgepakte pakket gaan:
tar -xvf libwebp-0.6.1-linux-x86-32.tar.gz cd libwebp-0.6.1-linux-x86-32/ cd bin/ ls
Ingebouwde tools
Zoals u in de bovenstaande schermafbeelding kunt zien, bevat het pakket een voorgecompileerde bibliotheek (libwebp) om verschillende onderstaande webhulpprogramma's toe te voegen:
- anim_diff → Het is een hulpmiddel voor laat het verschil zien tussen animatiebeelden.
- anim_dump → Dit is een tool voor dump het verschil tussen animatiebeelden.
- cwebp → Het is een hulpmiddel voor webp-codering.
- dwebp → Dit is een tool voor webp-decodering.
- gif2webp → Een tool voor converteer GIF-afbeeldingen naar webp.
- img2webp → Tools voor converteer een afbeeldingsreeks naar een geanimeerd webbestand.
- vwebp → Dit is een webp-bestandsviewer.
- webpinfo → Deze tool wordt gebruikt om informatie over een bestand afbeelding webp.
- webpmux → Een mux-tool van webp.
We zullen alle opties voor elk van de vorige tools kunnen zien door ze uit te voeren zonder enig argument of door de -longhelp-vlag. Bijvoorbeeld:
cwebp -longhelp
Als we tenslotte de vorige programma's willen draaien zonder hun absolute paden te schrijven, hoeven we alleen de directory toe te voegen ~ / libwebp-0.6.1-linux-x86-32 / bin aan onze PATH omgevingsvariabele in ons ~ / .bashrc-bestand Om dit te doen, zullen we uitvoeren in de terminal (Ctrl + Alt + T):
vi ~/.bashrc
In de laatste van het bestand zullen we toevoegen:
export PATH=$PATH:~/libwebp-0.6.1-linux-x86-32/bin
Als u klaar bent, hoeven we het bestand alleen op te slaan en te sluiten. Klaar om te vertrekken we openen een nieuw terminalvenster en we zullen in staat zijn om alle webprogramma's uit te voeren zoals elk ander commando in het systeem.
Converteer een afbeelding naar webp
Om een afbeelding naar webp te converteren, kunnen we gebruik cwebp tool Daarin de parameter -q definieert de uitvoerkwaliteit en -o geeft het uitvoerbestand aan Hier is een voorbeeld:
cwebp -q 80 ubunlog.jpeg -o ubunlog.webp
Bekijk een geconverteerde afbeelding
Zodra de conversie is voltooid, kunnen we bekijk webp-afbeelding met behulp van vwebp-tool Zoals je kunt zien in de opname, heeft dezelfde afbeelding bepaalde verschillen met die in jpeg-indeling.
vwebp ubunlog.webp
WebP is slechts een van de vele producten die voortkomen uit de voortdurende inspanningen van Google om internet sneller te maken. Als we meer willen weten over dit beeldformaat, kunnen we dat bezoek de WebP-projectwebsite.