Co je WebP? WebP je moderní formát obrázků určený pro web. Vytvořila jej firma Google a jeho hlavní předností je, že stejný obrázek uloží do menšího souboru než starší formáty. Menší soubor znamená, že se stránka návštěvníkovi načte rychleji, hlavně na mobilním připojení.
Přirovnat se to dá k balení kufru. Do stejného kufru se dá naskládat totéž oblečení ledabyle, nebo pečlivě srolované. Obsah je stejný, ale ve druhém případě zbude místo. WebP takto skládá obrazová data efektivněji než formáty, které vznikly před desítkami let. Podrobněji o principu píše heslo komprese.
Čím se WebP liší od formátů, které znáte:
- Proti JPEG – při stejné vizuální kvalitě bývá soubor znatelně menší. Navíc zvládne průhledné pozadí, což JPEG neumí.
- Proti PNG – hodí se na loga a grafiku s průhledností, kde bývá PNG zbytečně velké.
- Animace – WebP umí i krátkou animaci podobně jako GIF, ale v menším souboru.
Zobrazí se WebP všem návštěvníkům? Ano. Všechny dnes používané prohlížeče tento formát umí a zobrazí ho bez doplňků. Potíž může nastat jen u velmi starých zařízení, proto weby často připraví obrázek v obou variantách a prohlížeč si sám vybere tu, které rozumí. O výběr se stará značka v HTML, nemusíte nic řešit ručně.
Jak WebP na svém webu použít? Máte dvě cesty. Buď obrázky převedete ještě před nahráním, k čemuž slouží běžné bezplatné převodníky i grafické programy, nebo si ve WordPressu nainstalujete doplněk, který převod zařídí sám při nahrání do knihovny médií. Hotové soubory pak nahrajete přes FTP nebo správcem souborů v klientské zóně.
Vyplatí se to? Obrázky bývají na běžném webu ta největší část toho, co si návštěvník musí stáhnout. Když je zmenšíte, zrychlíte stránku znatelněji než jakýmkoliv jiným jednorázovým zásahem, a rychlost stránky se počítá i mezi kritéria vyhledávačů. Souvislosti shrnuje heslo optimalizace webu a SEO.
Na co nezapomenout: obrázek si před uložením zmenšete i rozměrem. Fotka z mobilu má často několik tisíc bodů na šířku, přestože se na webu zobrazí ve třetinové velikosti. Samotný převod do WebP tento nešvar nevyřeší. A počítejte s tím, že převod je jednosměrný, takže si originály raději nechte stranou; naše zálohy Vám sice pomohou, ale s vlastní kopií je to jistější.