Wat is .WebP?

.WebP is een vrij bestandsformaat voor afbeeldingen, net als .PNG, .JPEG en .GIF. Het is ontwikkeld door Google als bestandsformaat speciaal voor het internet. Het is een allesomvattend bestandsformaat waar andere bestandsformaten tegen beperkingen aan lopen. Zo kun je bijvoorbeeld alleen animaties tonen in het .GIF formaat. Doordat .WebP dus allesomvattend is ondersteund het ook animaties en transparantie.

Waarom is WebP ontwikkeld

.WebP is ontwikkeld door Google met 1 doel voor ogen: Het sneller maken van websites & applicaties. Een .WebP bestand is gemiddeld 30% kleiner dan andere gecomprimeerde bestandsformaten.

“WebP lossless images are 26% smaller in size compared to PNGs. WebP lossy images are 25-34% smaller than comparable JPEG images at equivalent SSIM quality index.” Google Developers

Voordelen van .WebP

.WebP bestanden hebben een aantal voordelen ten opzichte van bestanden als .JPEG, .GIF en .PNG, hieronder hebben wij de grootste voordelen opgesomd.

  • Gemiddeld 30% kleiner dan andere bestandsformaten
  • Ontwikkeld door Google en actieve doorontwikkeling.
  • Kleiner van bestandsformaat en dus sneller ingeladen op jouw website wat dus indirect bijdraagt aan je SEO.
  • Ontwikkeld door Google dus in de toekomst waarschijnlijk ook een belangrijke ranking factor.

Nadelen van .Webp

.WebP is dus eigenlijk perfect voor het gebruik op het internet en in apps. Het heeft één groot nadeel. (Nog) niet alle browsers ondersteunen het bestandsformaat.

Belangrijke browsers zoals Safari ondersteunen het (nog) niet. Apple heeft aangekondigd dat het vanaf versie 14 .WebP afbeeldingen gaat ondersteunen. Dit zou betekenen dat alle major browsers .WebP ondersteunen.

Ondanks dat .WebP straks ondersteund word door alle major browsers blijft het voor nu nog een risico om deze bestandsformaten te gebruiken. Er zijn nog veel mensen die een verouderde versie van de web browser gebruiken, waarin dit bestandformaat nog niet ondersteund wordt. Hiervoor kan een fallback geschreven worden, alleen gaat dit niet werken samen met pre-render technieken die we tegenwoordig veel op het internet zien. Dit is een techniek die een webpagina als statische HTML, JavaScript en CSS presenteert aan de gebruiker. Dit zorgt er voor dat een pagina razend snel inlaad en de webserver zo min mogelijk belast word. Onze klant Summertoys.nl maakt hier gebruik van.

.WebP implementatie

Zodra Safari ook .WebP bestanden gaat ondersteunen willen wij dit ook geleidelijk gaan uitrollen en implementeren bij diverse klanten. Hierbij zullen wij klanten goed informeren over de voordelen en beperkingen met betrekking tot browser ondersteuningen.

Meer weten over .WebP afbeeldingen? Of wil jij ook over op dit type afbeeldingen om jouw website te versnellen? Neem gerust contact met ons op, dan gaan wij samen kijken naar de mogelijkheden!