{"componentChunkName":"component---src-templates-post-index-js","path":"/nl/blog/avif-vs-webp-formaat/","result":{"data":{"site":{"siteMetadata":{"logo":"https://content.afosto.io/5719193282412544/brand/AFO-Logo-compleet-kleur-RGBat4x.png","siteUrl":"https://afosto.com","siteName":"Afosto.com","twitter":"https://twitter.com/afosto","facebook":"https://twitter.com/afosto","company":{"foundingDate":"2014","founders":["Tjeuke horsten","Peter Bakker"],"phoneNumber":"050 711 95 19","email":"support@afosto.com"},"address":{"streetAddress":"Kieler Bocht 15C","locality":"Groningen","region":"GR","postalCode":"9723 JA","country":"NL"}}},"strapi":{"blog":{"title":"AVIF vs WEBP: Waarom AVIF beter is","slug":"avif-vs-webp-formaat","id":"25","locale":"nl-NL","localizations":[{"locale":"en","slug":"avif-vs-webp-format"}],"seo_title":"AVIF vs WebP - Waarom AVIF beter is lees je in deze blog","seo_description":"AVIF is een hypermodern bestandsformaat met betere prestaties dan WebP. In deze blog leggen we je uit wat de verschillen zijn. ","reading_time":"00:03:00.000","published_at":"2022-01-13T12:20:47.522Z","author":"Ton","updated_at":"2022-05-04T16:46:23.528Z","body":"Er zijn twee duidelijke koplopers in de strijd om het kleinste beeldformaat. [WebP](/nl/blog/wat-is-webp/) en AVIF. Waar voorheen JPEG het belangrijkste en dominantste beeldformaat was, gaat dat in de toekomst WebP of AVIF zijn. Beide formaten overtreffen JPEG in vele belangrijke opzichten.\n\n  \n\nMaar waarom is AVIF beter dan WebP? Deze vraag staat centraal in dit blog. Welk formaat heeft de betere beeldcompressie en dus de kleinere bestandsgrootte? Welk formaat heeft de beste browser support? Met dit artikel willen we deze vragen beantwoorden door de prestaties en eigenschappen van deze twee geavanceerde beeldformaten te vergelijken.\n\n  \nWe gaan de formaten op drie gebieden met elkaar vergelijken:\n\n  \n\n- Kwaliteit\n- Compressie\n- Browserondersteuning\n\n  \n\n\n\n  \n\n## Kwaliteit van AVIF t.o.v. WebP\n\nAVIF is een formaat dat afgeleid is van frames van video met de AV1 codec, en er zijn enkele beperkingen voor de beeldafmetingen waar gebruikers op moeten letten. AVIF heeft een beeldresolutie limiet van 65536 x 65536 pixels.\n\n  \n\nStandaard heeft AVIF een limiet van 8K (7,680 x 4,320 pixels), maar het is mogelijk deze limiet te overschrijden door onafhankelijk gecodeerde tegels te renderen. Maar, met artefacts aan de randen van elke tegel, is AVIF ongeschikt voor beelden met een grote resolutie.\n\n  \n\nWebP heeft ook een harde limiet voor de resolutie van een beeld. De maximale afmeting van WebP is 16.383 x 16.383. Hoewel dit een verbetering is ten opzichte van de standaard AVIF limiet, is er geen manier om dit te verbeteren zoals AVIF dat kan. Geen van beide formaten is te vergelijken met de beperkingen van PNG en JPEG 2000 met respectievelijk 2500 megapixels en 5000 megapixels als limiet.\n\n  \n\nWebP heeft veel beperkingen ten opzichte van AVIF vanwege de brede kleurengamma en precisie-ondersteuning die AVIF biedt. WebP ondersteunt slechts een maximale bitdiepte van 8 bits en ondersteunt wel een breed kleurbereik/HDR beelden. Daarentegen ondersteunt WebP geen beelden zonder chroma subsampling.\n\n  \n\nAVIF heeft een maximale bit diepte van 10, ondersteunt 4:4:4, en ondersteunt HDR foto's. Ondanks WebP's voordeel met max dimensie, vinden we de beperkingen van WebP op kleurgebied te groot om de overwinning in deze categorie aan WebP te geven.\n\n  \n\n## Compressie AVIF vs WebP\n\nHet WebP formaat werd ontworpen om een betere kwaliteit afbeeldingen te bieden met een bestandsgrootte die vergelijkbaar is met die van JPEG. Hoewel WebP dit zeker bereikt, heeft het nieuwere en meer geavanceerde AVIF formaat toch een voorsprong in compressie bij eenzelfde kwaliteit. Zowel bij lossless compressie als bij lossy compressie. Foto's met een hoge kwaliteit bevatten met AVIF geen vervelende compressie bijverschijnselen zoals color-banding of blokkerigheid die bij WebP wel kunnen voorkomen.\n\n  \n\nWebP presteert slechts marginaal beter dan JPEG in bestandsgrootte voor laag-getrouwe compressie, maar wel met significante verbeteringen in aantrekkelijkheid. Een weinig natuurgetrouwe JPEG foto van 68,3kb wordt omgezet in een WebP bestand van 67,7kb.\n\n  \n\nHetzelfde beeld omgezet naar het AVIF formaat geeft een vergelijkbaar 67.6kb bestand. Dit AVIF beeld heeft echter een veel hogere kwaliteit en aantrekkelijkheid dan het equivalente WebP bestand. Het heeft veel minder blokkerigheid en color-banding. Als je de kwaliteit van AVIF dus iets achteruit zou zetten, gelijk met WebP dan wordt de bestandsgrootte van AVIF dus significant kleiner. Bij gelijkblijvende uitstraling is AVIF 30% kleiner.\n\n  \n\n## Browserondersteuning van AVIF in vergelijking tot WebP\n\n  \n\nAls nieuw bestandsformaat loopt het AVIF beeld achter op andere oudere beeldformaten wat browser ondersteuning betreft. WEBP wordt, over de hele linie, momenteel meer ondersteund dan AVIF. Het verrassende niveau van ondersteuning voor zijn leeftijd geeft echter een goed vooruitzicht op de toekomstige ondersteuning van AVIF in browsers.\n\n  \n\nOp de desktop bieden zowel Chrome als Opera als eerste volledige ondersteuning voor AVIF. Firefox gebruikers kunnen AVIF ondersteuning inschakelen in de about:config pagina. Dit omvat echter geen ondersteuning voor geanimeerde afbeeldingen. Ondersteuning ontbreekt echter nog voor Safari en Microsoft Edge.\n\n  \n\nOp mobiel ondersteunen Chrome voor Android, Samsung Internet, en de Android Browser AVIF volledig. Ondersteuning ontbreekt helaas momenteel voor Safari op iOS.\n\n  \n\nWEBP wordt over de hele linie ondersteund door Edge, Firefox, Chrome, Safari, en Opera. Alle belangrijke mobiele browsers ondersteunen ook WEBP.\n\n  \n\n## Conclusie\n\n\n  \n\nWEBP, toen het in 2010 uitkwam, was een overtuigende vervanging voor de vermoeide en verouderde JPEG en PNG formaten. Maar nu, elf jaar later, mist WEBP belangrijke kenmerken die sterk vertegenwoordigd en noodzakelijk zijn in het moderne beeldformaat landschap. Daartoe behoren bijvoorbeeld HDR beelden. Daarom is het, ondanks zijn uitgebreide browser-ondersteuning, moeilijk voor te stellen dat WEBP een dominant beeldformaat zal worden.\n\n  \n\nMet een over het algemeen betere compressie en uitstekende prestaties bij foto's met een low-fidelity en high appeal (de populairste soort beelden die op het web gebruikt wordt), is AVIF een veelzijdiger beeldformaat. De compressie en optimalisatie gaat nog verder dan WebP. AVIF loopt iets achter op WEBP wat browser ondersteuning betreft. Maar we verwachten we dat Firefox en Safari snel zullen volgen en spoedig volledige ondersteuning voor AVIF zullen bieden. Zodra dit gebeurt, zal AVIF het dominante beeldformaat wordt voor zowel stilstaande als geanimeerde beelden voor het web.\n\n## Geweldig! Hoe krijg je AVIF op je website?\n\nAls je AVIF op je website wilt kun je een [gratis Quicq account](https://afosto.com/nl/registreren/) aanmaken. Met [Quicq](https://afosto.com/nl/apps/quicq/) worden je afbeeldingen via de Quicq CDN geserveerd in AVIF formaat (als de browser het ondersteunt) met een fallback naar WebP formaat.\n\nAls je meer over dit onderwerp wilt weten vind je deze artikelen misschien ook interessant:\n\n- [Wat is een WebP Bestand? Hoe Open en Converteer je WebP Bestanden](https://afosto.com/nl/blog/wat-is-webp/)\n- [Lossy vs Lossless compression](https://afosto.com/nl/blog/lossy-vs-lossless-compression/)\n","primary_image":{"url":"https://qcqcdn.com/afosto/pexels_adrian_newell_9725979_4d1071c677/pexels_adrian_newell_9725979_4d1071c677.jpg"},"blocks":[{"title":"Wat is AVIF?","contents":[{"body":"Het AV1-beeldformaat (AVIF) is een nieuw open-sourced en royalty free geoptimaliseerd beeldformaat dat elke beeldcodec ondersteunt. Een AVIF-afbeelding biedt een aanzienlijke reductie van de bestandsgrootte in vergelijking met JPEG, PNG en WebP en wordt momenteel ondersteund door Google Chrome, Firefox en Android. "}]},{"title":"Hoe kan ik AVIF naar JPG converteren?","contents":[{"body":"Er zijn verschillende online tools die WebP bestanden kunnen omzetten naar meer traditionele bestandsformaten zoals JPG."}]},{"title":"Hoe AVIF afbeeldingen uploaden in WordPress?","contents":[{"body":"Met de Quicq plugin voor WordPress van Afosto zet je eenvoudig en gratis al je afbeeldingen om van het originele formaat naar AVIF. Download de plugin via je admin panel of via https://wordpress.org/plugins/quicq/"}]}]}}},"pageContext":{"slug":"/nl/blog/avif-vs-webp-formaat/","id":25,"locale":"nl-NL"}},"staticQueryHashes":["4130126704","494587200"]}