Podľa Kristy Neherovej - marketingovej influencerky, dokáže ľudský mozog spracovať informáciu z obrázku 60 000-krát rýchlejšie ako z textu. Obrázky nám navyše pridávajú estetický dojem a väčšiu chuť zotrvať na webstránke. Kvalitné obrázky však zaberajú viac miesta a spomaľujú načítavanie webstránky.
Neoddeliteľnou súčasťou každej web stránky sú obrázky. Pred prípravou samotného vzhľadu sa vždy dopytujeme klienta, či využije svoje vlastné, alebo obrázky vyberieme z voľnodostupných či platených fotobánk. Autentickosť obrázkov vždy web stránke pridá väčšiu váhu. Každý obrázok na web stránke chceme v čo najväčšej kvalite a nechceme komprimáciou stratiť jeho kvalitu. Kvalitný obrázok však nesie svoju váhu a to v podobe bitov, ktoré sú potrebné načítať pri jeho vykreslovaní na web stránke. Čím viac má daná podstránka obrázkov, tým sa dlhšie načítava a tu sa vývojári stretávali s problémom práve pri optimalizácií výkonu.
WEBP formát obrázkov vyvinula spoločnosť Google a na trh tento formát uviedla v roku 2010. Formát sa stal populárnym nástrojom pre optimalizáciu webových stránok z pohľadu rýchlosti načítavania. Práve rýchlosť načítavania je pri dnešnej forme dizajnu veľkou prekážkou pre vývojárov. Vďaka WEBP formátu dokážeme dnes vložiť obrázky bez straty kvality až o 70% menšie a tak o toto číslo zvýšiť rýchlosť načítavania. WEBP formát nahrádza tradičné formáty ako JPG a PNG na web stránke.
Okrem zlepšenia rýchlosti načítania, WEBP formát podporuje aj funkciu alpha kanálu, čo znamená, že obrázky môžu byť transparentné a umožňujú tak kreatívnejšie dizajnové prvky na webových stránkach. Navyše, WEBP podporuje aj animácie, čo umožňuje vývojárom využiť tento formát na vytvorenie interaktívnych prvkov na stránke, ako sú napríklad GIF animácie.
Bohužiaľ nie. Ako uvádza Google (https://developers.google.com/speed/webp/faq) WEBP formát podporujú tieto prehliadače:
Ak sa ale vo webových prehliadačoch trochu vyznáte, môžete vidieť, že medzi podporovateľov WEBP patria takmer všetky tie najpoužívanejšie.
Pri využívaní WEBP formátu na web stránke sa odporúča vždy zadať aj tradičný formát. Ak návštevník Vašej web stránky nepozná tento formát, využije ten tradičný. Tým zabezpečíte, že sa obsah vždy zobrazí správne, avšak načítavanie bude oneskorené. Google Vám však pri SEO ratingu za využitie pridelí body za rýchlosť načítania tak, ako by boli vždy využité správne optimalizované formáty. Nižšie uvádzame príklad z kódu, kde sa využívajú obe alternatívy.
Alternatívou WEBP formátu pre videá je WEBM formát. WebM formát používa VP8 video codec a Vorbis audio codec, čo povoľuje zachytiť vysoko kvalitné videá bez nutnosti použitia proprietárnych codecov. Táto vlastnosť z neho robí ideálny formát pre webové stránky, ktoré potrebujú poskytnúť kvalitné videá bez nutnosti závislosti na proprietárnych technológiách. WebM formát je ľahko použiteľný s HTML5 a podporuje väčšinu webových prehliadačov, vrátane Chrome, Firefox, Opera a Edge. Celý zoznam podporovaných formátou pre WEBM nájdete tu (https://www.lambdatest.com/web-technologies/webm).
