logo-claimlogo-white_stickylogo-claimlogo-claim
  • hello@sharkani.com
  • +421 915 105 575
  • English
✕
SPÄŤ
WebP

 WEBP ŠETRNÝ OBRÁZKOVÝ FORMÁT

Možno ste si ani nevšimli, že sa vo vašom prehliadači objavuje ďalší formát obrázkov, najmä ak máte blog alebo si chcete ukladať obrázky, ktoré nájdete online. Volá sa WebP. Aj keď sa vám môže zdať, že ide o úplne nový formát, nie je to tak.

WebP je formát vyvinutý spoločnosťou Google v roku 2010, po akvizícii On2 Technologies. Je založený na video kodeku VP8 a ponúka bohaté a vysokokvalitné obrázky v menšej veľkosti ako PNG alebo JPEG.

Obrázky WebP sú menšie ako ich náprotivky vo formáte JPEG a PNG – zvyčajne v rozsahu 25 – 35 % zmenšenia veľkosti súborov. Tým sa zmenší aj celková veľkosť stránky a zrýchli jej načítanie.

  • Služba YouTube zistila, že prechod na miniatúry WebP viedol k rýchlejšiemu načítaniu stránok o 10 %.
  • Facebook zaznamenal 25 – 35 % úsporu veľkosti súborov pri JPEG a 80 % úsporu veľkosti súborov pri PNG, keď prešiel na používanie WebP.
video-screen

.jpg (179kB)

video-screen

.webp (80kB)

Pozrite si ukážkové obrázky z galérie Google WebP. Webová stránka porovnáva obrázky JPEG a WebP, ktoré majú podobnú kvalitu.

Dá sa s istotou povedať, že WebP bol v tomto bode pomerne široko prijatý ako štandard. Od roku 2022 má WebP 97 % podiel na trhu medzi webovými prehliadačmi. Patria sem Google Chrome, Safari, Firefox, Edge a Opera.

webp-support

Zdroj: hostinger.com

Kľúčové vlastnosti obrazových súborov WebP

Stratová a bezstratová kompresia

WebP podporuje stratovú aj bezstratovú kompresiu a pri ukladaní obrázka ako súboru WebP by ste si mali vybrať medzi týmito dvoma.. Bezstratová kompresia je trieda kompresných algoritmov, umožňujúca spätnú rekonštrukciu komprimovaných dát do pôvodnej podoby bez straty informácie, na rozdiel od stratovej kompresie, kde toto nie je možné. Často sa mylne hovorí, že bezstratová kompresia je lepšia ako stratová, ale nie je tomu tak. Každý z nich sa používa na iné účely. Uloženie obrázka ako súboru WebP so stratovou kompresiou má, samozrejme, rozdiel v kvalite obrázka. Zhoršenie kvality, spôsobené stratovou kompresiou formátu WebP, je však ľudským okom len ťažko rozpoznateľné. Výhodou stratovej kompresie je, že vytvára oveľa menšiu veľkosť súboru ako bezstratová kompresia. 

Transparentnosť

Obrázky WebP podporujú transparentnosť (t. j. alfa kanál), tak ako formát PNG. 

Animácia

Obrázky WebP môžu byť animované, ako napríklad známy GIF. Animované súbory WebP majú tiež menšiu veľkosť ako súbory GIF.

Metadáta

K obrázkom môžete pridávať značky a krátke popisy s metadátami, ktoré pomáhajú vyhľadávacím nástrojom identifikovať obrázky, čím sa zvyšuje vaše SEO.

Ako vytvoriť .webp obrázky

Export z grafického programu

Software ako Sketch alebo medzi grafikmi veľmi obľúbený Photoshop (ver. 23.2 a vyššie) dokážu pomocou funkcie Export alebo Save as (Uložiť ako) prekonvertovať váš súbor do formátu .webp.

Online

Obrázky, ale aj audio či video súbory sa dajú prekonvertovať do rôznych formátov vďaka online nástrojom, ako je CloudConvert alebo Convertio.

Záver

Vzhľadom na to, aká dôležitá je rýchlosť načítania vášho webu pre vaše skóre SEO, odporúčame používať WebP – pre niekoho nový formát, ktorý ponúka pokročilé technológie kompresie, aby sa zachovala kvalita obrazu aj pri menších veľkostiach súborov.

Ak si sami z technických alebo časových dôvodov netrúfate na kontrolu svojho webu a následné prekonvertovanie obrázkov na WebP, môžete sa obrátiť na nás. Radi vám s tým pomôžeme.

Zdroje:

99designs.com/blog/tips/webp-image-format/
web.dev/serve-images-webp/
www.hostinger.com/tutorials/what-is-webp
webflow.com/blog/webp-images

SHARKANI_Miso

Článok pre Vás pripravil Michal.

Možno ste si ani nevšimli, že sa vo vašom prehliadači objavuje ďalší formát obrázkov, najmä ak máte blog alebo si chcete ukladať obrázky, ktoré nájdete online. Volá sa WebP.

Zdieľať

Neprestávajte čítať

3. októbra 2022

SÚHLAS SO SPRACOVANÍM SÚBOROV COOKIE


čítaj viac >
14. septembra 2022

VIDEO AKO POZADIE NA WEBSTRÁNKE


čítaj viac >
20. júna 2022

Moja stáž v SHARKANI


čítaj viac >

režim čítania

moon moon

SLEDUJTE NÁS AJ NA FACEBOOKU

Najnovšie články

  • ÚLOHA SOCIÁLNYCH SIETÍ PRI VAŠOM PODNIKANÍ
  • WEBP – ŠETRNÝ OBRÁZKOVÝ FORMÁT
  • SÚHLAS SO SPRACOVANÍM SÚBOROV COOKIE
  • VIDEO AKO POZADIE NA WEBSTRÁNKE
  • Moja stáž v SHARKANI
© 2023 Betheme by Muffin group | All Rights Reserved | Powered by WordPress
    • No translations available for this page
      Send me my password
      Your password has been sent by email
      Make a payment
      Total to pay :
      $5
      Powered by Stripe

      Payment could not be made
      Pay now

      Poďme na to

      0$

      Ďakujeme. Kalkulácia aj so sprievodnými informáciami už je vo vašej emailovej schránke.

      Sharkulačka

      Cenová kalkulačka tvorby webovej stránky

      Uvažujete o novej webstránke, no nemáte predstavu aký rozpočet na to budete potrebovať? Využite našu intuitívnu šesťkrokovú kalkulačku, ktorá Vás prevedie výberom podstatných parametrov, na základe, ktorých získate orientačnú cenovú kalkuláciu.
      Musíte vybrať aspoň jednu možnosť
      Ďalej
      Späť

      Aký rozsah webovej stránky
      potrebujete?

      Označte 1 možnosť

      onepage

      Jedna stránka (bez podstránok)

      Do 5 podstránok

      6 a viac podstránok

      Musíte vybrať aspoň jednu možnosť
      Ďalej

      Kde sa bude primárne
      webová stránka prezentovať?

      Označiť môžete viacero možností

      Mobil

      Laptop / desktop

      Veľké obrazovky

      Musíte vybrať aspoň jednu možnosť
      Ďalej
      Späť

      Aké funkcie na webovej stránke
      potrebujete?

      Označiť môžete viacero možností

      Kontaktný formulár

      Newsletter

      Online chat

      Musíte vybrať aspoň jednu možnosť
      Ďalej
      Späť

      Budete potrebovať tvorbu
      obsahových podkladov?

      Označiť môžete viacero možností

      Copywriting

      Fotografie na mieru

      Jazykové mutácie

      Musíte vybrať aspoň jednu možnosť
      Ďalej
      Späť

      To je všetko!

      Orientačnú cenu tvorby vašej novej webstránky na mieru si nájdete na:


      *podmienky spracovania a ochrany osobných údajov

      Summary

      Popis Informácie Množstvo Cena
      Discount :
      Spolu :
      Odoslať
      Späť

      MILÍ ČITATELIA,

      do našich blogových článkov sme pridali novú funkcionalitu, vďaka ktorej si jednoducho zmeníte režim čítania zo svetlého do tmavého režimu a naopak. Stačí kliknúť vpravo na ikonu.

      • Služby
        • Grafika
        • Web
        • Marketing
      • Blog
      • Referencie
      • O nás
        • Filozofia
        • Tím
        • História
      • Kontakt
      • English