Zo gebruik je het
- Sleep een .avif-bestand naar het sleepvak, klik om er een te kiezen of plak een afbeelding.
- Kies Origineel behouden. AVIF is meestal de kleinste optie, en de tool kan afbeeldingen niet opnieuw naar AVIF coderen.
- Converteer alleen naar PNG, JPEG of WebP als de ontvangende kant geen AVIF aankan.
- Kopieer de data-URI voor de bron van een picture-element, of gebruik de uitvoer als kale Base64, img-tag, CSS of Markdown.
Wat is AVIF?
AVIF (AV1 Image File Format) slaat afbeeldingen die met de videocodec AV1 zijn gecomprimeerd op in een HEIF-container. Het formaat is in 2019 gepubliceerd door de Alliance for Open Media en ondersteunt transparantie, animatie, kleur met 10 en 12 bits, HDR en een breed kleurengamma. Het MIME-type is image/avif.
Bij dezelfde visuele kwaliteit zijn AVIF-bestanden vaak duidelijk kleiner dan JPEG en meestal kleiner dan WebP, vooral bij lage bitrates. Omdat Base64 aan elk bestand hetzelfde derde toevoegt, betekent een kleinere AVIF direct een kortere data-URI.
Browserondersteuning en fallbacks
AVIF wordt weergegeven in Chrome 85 en later, Firefox 93 en later, Safari 16 en later en Edge 121 en later. Oudere browsers en de meeste e-mailprogramma's kunnen het niet tonen. Plaats de data-URI op het web in een <picture>-element met een fallback:
<picture>
<source type="image/avif" srcset="data:image/avif;base64,...">
<img src="logo.png" alt="Logo" width="120" height="40">
</picture>Houd de fallback als apart bestand. Zou die ook een data-URI zijn, dan downloadt elke bezoeker beide versies als onderdeel van de HTML.
Coderings- en conversieopties
De tool codeert je AVIF-bestand precies zoals het is. AVIF hoort niet bij de conversiedoelen, die PNG, JPEG en WebP zijn; wil je AVIF maken van een ander formaat, gebruik dan een speciale encoder zoals avifenc, Squoosh of een beeldbewerkingsprogramma, en codeer het resultaat daarna hier.
Een AVIF converteren naar PNG, JPEG of WebP werkt in browsers die AVIF kunnen decoderen en is handig voor systemen die het niet accepteren, maar het resultaat is meestal groter. Heb je brede ondersteuning en een kleine bestandsgrootte nodig, dan is WebP het dichtstbijzijnde alternatief.
Veelgestelde vragen
Kan ik hier PNG of JPEG omzetten naar AVIF?
Nee. De conversiedoelen zijn PNG, JPEG en WebP. Maak het AVIF-bestand eerst met een andere tool en sleep het daarna hierheen om het te coderen.
Welke browsers tonen afbeeldingen als data:image/avif?
Chrome 85+, Firefox 93+, Safari 16+ en Edge 121+. Bied voor oudere browsers een PNG- of JPEG-fallback aan in een picture-element.
Waarom is er geen voorbeeld van mijn AVIF-afbeelding?
Je browser kan AVIF waarschijnlijk niet decoderen. De Base64-uitvoer wordt nog steeds uit de bytes van het bestand gemaakt en is correct; open de pagina in een actuele browser om het voorbeeld te zien.
Is AVIF-Base64 korter dan WebP-Base64?
Meestal wel, bij een vergelijkbare visuele kwaliteit. Base64 voegt aan beide formaten dezelfde 33% toe, dus het kleinere bronbestand levert altijd de kortere string op.