V příštím článku se podíváme na to, jak na to převést obrázky do formátu WebP. Pokud se věnujete tvorbě webových stránek, budete již vědět, že jedním z nejlepších postupů pro optimalizaci výkonu vašeho webu je použití komprimovaných obrázků. V tomto článku se podíváme, jak používat formát WebP. S ním můžeme vytvářet komprimované a kvalitní obrázky pro použití na našich webových stránkách.
WebP je relativně nový formát obrázků, který nabízí výjimečně bezztrátovou a ztrátovou kompresi obrázků na webu. Tento formát byl navržený google. Chcete-li jej použít, budete si muset stáhnout předkompilované nástroje pro Gnu / Linux, Windows a Mac OS X.
WebP je nový formát obrázku, který poskytuje bezztrátovou a ztrátovou kompresi souborů PNG a JPEG. S tímto formátem dosáhneme velikosti obrazu až o 34% menší, To je kompatibilní s Google Chrome a Opera. Můžeme použít Nginx a Apache k určení, zda je tento formát podporován Agentem prohlížeče, a pak místo původního obrazu sloužit obrázek v novém formátu. Tento formát souboru podporuje také animované obrázky, což může vést k velkému zmenšení velikostí obrázků.
S formátem WebP mohou webmasteři a vývojáři webu vytvářet menší a bohatší obrázky díky nimž je web rychlejší.
Nainstalujte nástroj WebP na Ubuntu
Naštěstí balíček webp je přítomný v oficiálních úložištích Ubuntu. Můžeme jej nainstalovat pomocí správce balíčků APT. Budeme muset otevřít pouze terminál (Ctrl + Alt + T) a napsat do něj:
sudo apt install webp
Můžeme také zvolit Ubuntu a další distribuce Gnu / Linux pro stáhnout balíček webp z úložiště Google. K tomu použijeme příkaz wget otevřením terminálu (Ctrl + Alt + T) a zadáním:
wget -c https://storage.googleapis.com/downloads.webmproject.org/releases/webp/libwebp-0.6.1-linux-x86-32.tar.gz
Další věc, kterou uděláme, je extrahovat soubor a přesunout se do adresáře extrahovaného balíčku následujícím způsobem:
tar -xvf libwebp-0.6.1-linux-x86-32.tar.gz cd libwebp-0.6.1-linux-x86-32/ cd bin/ ls
Integrované nástroje
Jak vidíte na výše uvedeném snímku obrazovky, balíček obsahuje předkompilovanou knihovnu (libwebp) pro přidání různých webových nástrojů uvedených níže:
- anim_diff → Je to nástroj pro ukázat rozdíl mezi animovanými obrázky.
- anim_dump → Toto je nástroj pro vypíše rozdíl mezi animovanými obrázky.
- cwebp → Je to nástroj pro kódování webp.
- dwebp → Toto je nástroj pro dekódování webu.
- gif2webp → Nástroj pro převést obrázky GIF na web.
- img2webp → Nástroje pro převést sekvenci obrázků na animovaný webový soubor.
- vwebp → Toto je prohlížeč souborů webp.
- webpinfo → Tento nástroj slouží k prohlížení informace o souboru obrázek webp.
- webpmux → Jeden nástroj mux z webu
Budeme moci zobrazit všechny možnosti kteréhokoli z předchozích nástrojů jejich spuštěním bez jakéhokoli argumentu nebo pomocí -pomocí vlajky. Například:
cwebp -longhelp
Nakonec, pokud chceme spustit předchozí programy bez zápisu jejich absolutních cest, budeme muset přidat pouze adresář ~ / libwebp-0.6.1-linux-x86-32 / bin do našeho Proměnná prostředí PATH v našem souboru ~ / .bashrc. K tomu provedeme v terminálu (Ctrl + Alt + T):
vi ~/.bashrc
V poslední části souboru přidáme:
export PATH=$PATH:~/libwebp-0.6.1-linux-x86-32/bin
Po dokončení budeme muset soubor pouze uložit a zavřít. Při odchodu otevřeme nové okno terminálu a budeme moci spouštět všechny webové programy jako každý jiný příkaz v systému.
Převeďte obrázek na web
Chcete-li převést obrázek na web, můžeme použijte nástroj cwebp. V něm parametr -q definuje kvalitu výstupu a -o určuje výstupní soubor. Zde je příklad:
cwebp -q 80 ubunlog.jpeg -o ubunlog.webp
Zobrazit převedený obrázek
Jakmile je převod dokončen, můžeme zobrazit obrázek webp pomocí nástroje vwebp. Jak můžete vidět na snímku, stejný obrázek má určité rozdíly oproti obrázku ve formátu jpeg.
vwebp ubunlog.webp
WebP je jen jedním z mnoha produktů, které vycházejí z neustálého úsilí společnosti Google o rychlejší web. Pokud se chceme o tomto formátu obrázku dozvědět více, můžeme navštivte Web projektu WebP.