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

  • WEBP – ŠETRNÝ OBRÁZKOVÝ FORMÁT
  • SÚHLAS SO SPRACOVANÍM SÚBOROV COOKIE
  • VIDEO AKO POZADIE NA WEBSTRÁNKE
  • Moja stáž v SHARKANI
  • SUBDOMÉNY A STAROSTI S NIMI SÚVISIACE
© 2023 Betheme by Muffin group | All Rights Reserved | Powered by WordPress
    • No translations available for this page
      SHARKANI
      Spravujte súhlas so súbormi cookie
      Na poskytovanie tých najlepších skúseností používame technológie, ako sú súbory cookie na ukladanie a/alebo prístup k informáciám o zariadení. Súhlas s týmito technológiami nám umožní spracovávať údaje, ako je správanie pri prehliadaní alebo jedinečné ID na tejto stránke. Nesúhlas alebo odvolanie súhlasu môže nepriaznivo ovplyvniť určité vlastnosti a funkcie.
      Funkčné Vždy aktívny
      Technické uloženie alebo prístup sú nevyhnutne potrebné na legitímny účel umožnenia použitia konkrétnej služby, ktorú si účastník alebo používateľ výslovne vyžiadal, alebo na jediný účel vykonania prenosu komunikácie cez elektronickú komunikačnú sieť.
      Nastavenia
      Technické uloženie alebo prístup je potrebný na legitímny účel ukladania preferencií, ktoré si účastník alebo používateľ nepožaduje.
      Štatistiky
      Technické úložisko alebo prístup, ktorý sa používa výlučne na štatistické účely. Technické úložisko alebo prístup, ktorý sa používa výlučne na anonymné štatistické účely. Bez predvolania, dobrovoľného plnenia zo strany vášho poskytovateľa internetových služieb alebo dodatočných záznamov od tretej strany, informácie uložené alebo získané len na tento účel sa zvyčajne nedajú použiť na vašu identifikáciu.
      Marketing
      Technické úložisko alebo prístup sú potrebné na vytvorenie používateľských profilov na odosielanie reklamy alebo sledovanie používateľa na webovej stránke alebo na viacerých webových stránkach na podobné marketingové účely.
      Spravovať možnosti Správa služieb Spravovať predajcov Prečítajte si viac o týchto účeloch
      Nastavenia
      {title} {title} {title}
      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
        • Programovanie
      • Blog
      • Referencie
      • O nás
        • Filozofia
        • Tím
        • História
      • Kontakt
      • English