Wat is een WebP Bestand? Hoe Open en Converteer je WebP Bestanden

Wat is een WebP Bestand? Hoe Open en Converteer je WebP Bestanden

14 januari 2022

Door: Sander Kah

6 min. leestijd

Zoals je misschien al hebt opgemerkt bij het surfen op het web, kunnen afbeeldingen worden weergegeven als een WebP-bestand. WebP is een bestandsextensie die wordt gebruikt ter vervanging van de lossless JPEG-indeling en wordt gebruikt in de JPEG 2000-indeling voor afbeeldingen. WebP wordt ook voor een specifiek doel gebruikt, omdat het een nieuw geoptimaliseerd afbeelding formaat is zonder kwaliteitsverlies. De besparing op het afbeeldingsformaat bedraagt ongeveer 30% in vergelijking met het oudere formaat. Dit is een handig hulpmiddel om webpagina's sneller te laten laden.

Wat is een WebP Bestand?

Een WebP-afbeelding is een bestandsformaat ontwikkeld door Google met het doel om de grootte van afbeeldingen te verkleinen en tegelijkertijd de beeldkwaliteit te behouden. WebP-afbeeldingen zijn ontworpen om het web sneller en beter te maken door kleinere afbeeldingen van hogere kwaliteit te bieden die door ontwikkelaars kunnen worden gebruikt.

Kortom, WebP is een modern afbeeldingsformaat voor het web. Het biedt een betere compressie voor afbeeldingen dan de traditionele formaten zoals JPG, PNG en GIF afbeeldingen. De reductie in bestandsgrootte vergeleken met een normaal JPG bestand is normaal gesproken ongeveer 30%.

Hoe sla ik een WebP-bestand op?

WebP is ontwikkeld door Google en is royalty-vrij. Veel apps hebben al geïntegreerde ondersteuning voor WebP.

WebP is bijna niet te onderscheiden van PNG en JPEG, en je kunt het opslaan zoals je elke andere afbeelding van het internet opslaat.

WebP is al in veel webbrowsers geïntegreerd, en bijna alle browsers hebben de vereiste plugin om met het formaat om te gaan. Je kunt een WebP-afbeelding op je computer opslaan op dezelfde manier als een normale afbeelding van het internet, door met de rechtermuisknop op de afbeelding te klikken en te klikken op "Afbeelding opslaan als".

Hoe controleer ik of een afbeelding een WebP afbeelding is?

WebP-afbeeldingen kunnen verschillende extensies hebben, zoals JPG, PNG en GIF en toch een WebP-afbeelding zijn.

Om te controleren of een afbeelding het WebP-formaat heeft, volgt u deze stappen (Google Chrome):

  1. Open de pagina die u wilt controleren in Google Chrome
  2. Open de inspector door met de rechtermuisknop op de pagina te klikken en klik op inspect: inspect-image-webp-blog.png
  3. Selecteer het netwerk tabblad in de Chrome inspector
  4. Herlaad de pagina, dit laadt alle elementen van de pagina in de netwerkweergave van de inspector
  5. Selecteer het afbeeldingsbestand dat u wilt controleren in de lijst met bestanden
  6. Selecteer de headers tab
  7. In de Response Headers tab vindt u een regel content-type deze moet aangeven image/webp
  8. In het voorbeeld hieronder van onze Quicq pagina kunt u zien dat de afbeelding extensie .png is maar het inhoudstype is image/webp (inmiddels maken we gebruik van een nog beter bestandsformaat namelijk: AVIF) inspector-webp-blog-content-type.png

Hoe WebP bestanden openen/bekijken?

Nadat u de afbeelding hebt opgeslagen, kunt u deze openen met een van de onderstaande softwareprogramma's.

Software die WEBP-bestanden opent

Mac

  • Google Chrome
  • Mozilla Firefox
  • Adobe Photoshop met WebP File Format plug-in
  • Pixelmator Classic
  • XnViewMP
  • ImageMagick
  • Opera
  • WebP Codec

Windows

  • File Viewer Plus
  • Microsoft Edge
  • Google Chrome
  • Mozilla Firefox
  • Adobe Photoshop met WebP File Format plug-in
  • Opera
  • XnViewMP
  • ImageMagick
  • WebP Codec

Linux

  • Google Chrome
  • Mozilla Firefox
  • Opera
  • XnViewMP
  • ImageMagick
  • WebP Codec

Hoe kan ik ze bewerken?

Op Windows kunt u WebP-bestanden bewerken met grafische programma's zoals GIMP, ImageMagick of Microsoft Paint, die van nature WebP-bestanden openen.

Als u het bestand wilt openen met een andere toepassing op Mac en Windows, gebruikt u Google Chrome om WebP-afbeeldingen in de eerste plaats als JPEG of PNG te downloaden. Hulpmiddelen zoals Adobe Photoshop vereisen een plugin om met WebP-bestanden te kunnen werken.

Welke browsers ondersteunen WebP?

Volgens Google ondersteunen deze browsers momenteel de WebP bestandsextensie:

WebP lossy ondersteuning

  • Google Chrome (desktop) 17+
  • Google Chrome for Android version 25+
  • Microsoft Edge 18+
  • Firefox 65+
  • Opera 11.10+
  • Native web browser, Android 4.0+ (ICS)

WebP lossy, lossless & alpha ondersteuning

  • Google Chrome (desktop) 23+
  • Google Chrome for Android version 25+
  • Microsoft Edge 18+
  • Firefox 65+
  • Opera 12.10+
  • Native web browser, Android 4.2+ (JB-MR1)
  • Pale Moon 26+

WebP Animation ondersteuning

  • Google Chrome (desktop and Android) 32+
  • Microsoft Edge 18+
  • Firefox 65+
  • Opera 19+

Hoe een Webp omzetten naar andere formaten? (JPG, PNG,GIF)

Om WebP afbeeldingen terug te converteren naar de originele bestandsformaten heb je een conversieprogramma nodig. Er zijn verschillende online tools die een dergelijke dienst aanbieden. Deze tools kunnen elk WebP bestand omzetten naar JPG, PNG of GIF bestand zoals u dat wilt.

Online WebP Convert Tools

afbeelding quicq - engels@4x.png

Waarom zou je WebP gebruiken op je website?

Door WebP afbeeldingen te gebruiken op je website wordt de bestandsgrootte van de afbeeldingen enorm gereduceerd. Dit zorgt ervoor dat de laadtijd van je webpagina's drastisch wordt verbeterd, wat op zijn beurt zorgt voor een betere gebruikerservaring, langere tijd op je pagina's en betere SEO scores voor je website.

Ik hoef waarschijnlijk niet meer te vertellen dat meer dan 50% van de gebruikers op je website momenteel op een mobiel apparaat zit. Voor mobiele apparaten kunnen afbeeldingen die niet geoptimaliseerd zijn een eeuwigheid duren om te laden.

Met WebP afbeeldingen ben je in staat om de bestandsgrootte van deze afbeeldingen te verkleinen met behoud van dezelfde kwaliteit.

Wil je weten hoeveel je bespaart als je WebP gebruikt in plaats van je huidige afbeeldingsformaat? Controleer je website met deze handige tool om precies te zien hoeveel je bespaart op een specifieke pagina van je website: Scan je website

Hoe kan ik WebP afbeeldingen op mijn website krijgen?

Afhankelijk van wat voor soort website software je gebruikt zijn er tools die je kunt gebruiken om het bestandsformaat van de afbeeldingen te updaten naar WebP. Bij Afosto hebben we een tool ontwikkeld genaamd Quicq.

Quicq is een eenvoudig te gebruiken beeldoptimalisatie tool voor website-eigenaren. Het maakt gebruik van een Google Cloud CDN om afbeeldingen razendsnel aan de bezoekers van uw website aan te bieden in de kleinst mogelijke bestandsgrootte.

Als u de tool wilt uitproberen en zien wat het voor u doet, kunt u hier een geheel gratis account aanmaken: Begin met Quicq

We hebben een gratis tier waarmee u 100.000 afbeeldingen en 25 GB aan bandbreedte kunt optimaliseren zonder enige kosten. Voor de meeste websites is dit voldoende voor al hun website bezoekers.

Zijn er nog andere extensies voor afbeeldingsbestanden die ik zou moeten kennen?

Ja, die zijn er! Het internet is voortdurend op zoek naar manieren om zaken als laadtijd en andere belangrijke statistieken die mensen helpen te vinden wat ze zoeken, te verbeteren en hen de beste gebruikerservaring te bieden.

Afbeeldingen maken nog steeds een groot deel uit van de inhoud die tegenwoordig online te vinden is en bestandsformaten zoals AVIF zijn al gelanceerd die een nog betere compressie zouden moeten bieden dan WebP. Op dit moment zijn we bezig met het ontwikkelen van functies voor Quicq om dit nieuwe formaat te ondersteunen.

We zullen al onze abonnees binnenkort op de hoogte brengen van deze nieuwe functie.

Als je op de hoogte wilt blijven over deze onderwerpen, abonneer je dan op onze blog en we zullen je pingen wanneer we een nieuw artikel schrijven!

Deel dit artikel
Schrijf je in voor gratis updates, trainingen en content
Wees klaar voor de toekomst met het Afosto OMS systeem