Zo gebruik je het
- Plak de Base64-string of de data:image/avif;base64-URI.
- Controleer het voorbeeld, het herkende formaat en de afmetingen.
- Kies Origineel om een AVIF ongewijzigd op te slaan. Wil je een ander formaat converteren, laat dan AVIF geselecteerd; kan je browser geen AVIF coderen, dan is die optie niet beschikbaar.
- Download het .avif-bestand.
Hoe AVIF-gegevens eruitzien
AVIF bewaart een met de AV1-videocodec gecomprimeerde afbeelding in een HEIF-container, dezelfde ISO-basisstructuur voor mediabestanden die ook MP4 gebruikt. Er is geen korte, vaste handtekening zoals bij PNG. In plaats daarvan opent het bestand met een ftyp-box die de brand avif vermeldt, of avis voor geanimeerde reeksen. In Base64 betekent dat meestal dat de string begint met AAAA en een paar tekens verder eXBhdmlm bevat. De tool leest de box zelf, zodat hij AVIF kan onderscheiden van HEIC, dat dezelfde container met een andere brand gebruikt. Het MIME-type is image/avif.
Converteren naar AVIF hangt af van je browser
De huidige versies van Chrome, Edge, Firefox en Safari geven allemaal AVIF weer, dus een voorbeeld bekijken en het originele bestand opslaan werkt bijna overal. Nieuwe AVIF-bestanden maken is een ander verhaal. De conversie gebruikt de encoder die in je browser is ingebouwd, en niet elke browser kan AVIF maken vanuit een canvas. De tool controleert of de jouwe dat kan. Kan hij geen AVIF coderen, dan is de optie niet beschikbaar en is WebP het beste alternatief. Je kunt ook een PNG downloaden en die coderen met een speciale tool zoals avifenc uit libavif.
Wanneer AVIF de moeite waard is
AVIF is bij dezelfde beeldkwaliteit vaak kleiner dan JPEG en WebP, vooral bij foto's, en ondersteunt transparantie, een hoge bitdiepte en HDR. Coderen gaat langzamer, en sommige oudere beeldbewerkers en besturingssystemen kunnen het nog steeds niet openen. Bij heel kleine afbeeldingen zoals pictogrammen kan de overhead van de container de winst tenietdoen, zodat PNG of WebP kleiner kan uitvallen. Bied AVIF op websites aan met een terugvaloptie, zodat elke bezoeker een afbeelding ziet:
<picture>
<source srcset="photo.avif" type="image/avif">
<img src="photo.jpg" alt="Description">
</picture>Veelgestelde vragen
Waarom is de downloadoptie AVIF niet beschikbaar?
Je browser kan AVIF weergeven, maar niet coderen vanuit een canvas. Probeer een andere actuele browser, kies in plaats daarvan WebP, of download een PNG en converteer die met een encoder op je computer.
Waarom toont mijn AVIF geen voorbeeld?
Een oudere browser of een ouder besturingssysteem kan AVIF mogelijk niet decoderen. Het kan ook om HEIC gaan, dat erop lijkt maar een andere brand gebruikt; het herkende formaat vertelt je welke van de twee het is. Downloaden als Origineel werkt in beide gevallen.
Is AVIF altijd kleiner dan WebP?
Vaak, maar niet altijd. Het resultaat hangt af van de afbeelding en de instellingen van de encoder, dus vergelijk de groottes van de gedownloade bestanden.