V nasledujúcom článku sa pozrieme na to, ako na to prevádzať obrázky do formátu WebP. Ak sa venujete tvorbe webových stránok, už viete, že jedným z najlepších postupov na optimalizáciu výkonu vášho webu je použitie komprimovaných obrázkov. V tomto článku sa dozvieme, ako používať formát WebP. S ním môžeme vytvárať komprimované a kvalitné obrázky, ktoré sa dajú použiť na našich webových stránkach.
WebP je relatívne nový formát obrázkov, ktorý ponúka mimoriadne bezstratovú a stratovú kompresiu obrázkov na webe. Tento formát bol navrhol google. Ak ho chcete použiť, budete si musieť stiahnuť predkompilované obslužné programy pre GNU / Linux, Windows a Mac OS X.
WebP je nový formát obrázkov, ktorý poskytuje bezstratovú a stratovú kompresiu súborov PNG a JPEG. S týmto formátom dosiahneme veľkosť obrázka až o 34% menšiu, to je kompatibilný s Google Chrome a Opera. Pomocou Nginx a Apache môžeme zistiť, či tento formát podporuje Agent prehľadávača, a potom namiesto pôvodného obrázka poskytneme obrázok v novom formáte. Tento formát súboru podporuje aj animované obrázky, čo môže viesť k veľkému zmenšeniu jeho veľkosti.
S formátom WebP môžu tvorcovia webových stránok a vývojári webových stránok vytvárať menšie a bohatšie obrázky vďaka ktorým je web rýchlejší.
Nainštalujte si nástroj WebP na Ubuntu
Našťastie webový balík je v oficiálnych úložiskách Ubuntu. Môžeme si ho nainštalovať pomocou správcu balíkov APT. Budeme musieť otvoriť iba terminál (Ctrl + Alt + T) a napísať doň:
sudo apt install webp
Môžeme si tiež zvoliť Ubuntu a ďalšie distribúcie Gnu / Linux pre stiahnuť balíček webp z úložiska Google. Použijeme na to príkaz wget otvorením terminálu (Ctrl + Alt + T) a zadaním:
wget -c https://storage.googleapis.com/downloads.webmproject.org/releases/webp/libwebp-0.6.1-linux-x86-32.tar.gz
Ďalšia vec, ktorú urobíme, je rozbalenie súboru a presunutie do adresára extrahovaného balíka nasledovne:
tar -xvf libwebp-0.6.1-linux-x86-32.tar.gz cd libwebp-0.6.1-linux-x86-32/ cd bin/ ls
Vstavané nástroje
Ako vidíte na snímke obrazovky vyššie, balík obsahuje predkompilovanú knižnicu (libwebp) na pridanie rôznych webových nástrojov uvedených nižšie:
- anim_diff → Je to nástroj pre ukázať rozdiel medzi animovanými obrázkami.
- anim_dump → Toto je nástroj pre vypíše rozdiel medzi animovanými obrázkami.
- cwebp → Je to nástroj pre kódovanie webp.
- dwebp → Toto je nástroj pre dekódovanie webu.
- gif2webp → Nástroj pre previesť obrázky GIF na web.
- img2webp → Nástroje pre previesť sekvenciu obrázkov na animovaný webový súbor.
- vwebp → Toto je prehliadač súborov webp.
- webpinfo → Tento nástroj sa používa na prezeranie informácie o súbore obrázok webp.
- webpmux → Jeden nástroj mux z webu
Budeme vidieť všetky možnosti ktoréhokoľvek z predchádzajúcich nástrojov ich vykonaním bez akýchkoľvek argumentov alebo použitím - vlajka s pomocou, Napríklad:
cwebp -longhelp
Nakoniec, ak chceme spustiť predchádzajúce programy bez toho, aby sme napísali ich absolútne cesty, budeme musieť pridať iba adresár ~ / libwebp-0.6.1-linux-x86-32 / bin k nášmu Premenná prostredia PATH v našom súbore ~ / .bashrc. Za týmto účelom vykonáme v termináli (Ctrl + Alt + T):
vi ~/.bashrc
V poslednej časti súboru pridáme:
export PATH=$PATH:~/libwebp-0.6.1-linux-x86-32/bin
Po dokončení budeme musieť súbor iba uložiť a zavrieť. Pri odchode otvoríme nové okno terminálu a budeme môcť vykonávať všetky webové programy ako každý iný príkaz v systéme.
Preveďte obrázok na web
Ak chcete previesť obrázok na web, môžeme použite nástroj cwebp. V ňom parameter -q definuje kvalitu výstupu a -o určuje výstupný súbor. Tu je príklad:
cwebp -q 80 ubunlog.jpeg -o ubunlog.webp
Zobraziť prevedený obrázok
Po dokončení konverzie môžeme zobraziť webový obrázok pomocou nástroja vwebp. Ako vidíte na snímke, rovnaký obrázok má určité rozdiely oproti obrázku vo formáte jpeg.
vwebp ubunlog.webp
WebP je len jedným z mnohých produktov, ktoré vychádzajú z neustáleho úsilia spoločnosti Google o zrýchlenie webu. Ak sa chceme dozvedieť viac informácií o tomto formáte obrázka, môžeme navštíviť Web projektu WebP.