Så använder du verktyget
- Klistra in Base64-strängen eller data:image/avif;base64-URI:n.
- Kontrollera förhandsvisningen, det identifierade formatet och måtten.
- Välj Original för att spara en AVIF oförändrad. Låt AVIF vara valt för att konvertera ett annat format; om din webbläsare inte kan koda AVIF går alternativet inte att välja.
- Ladda ned .avif-filen.
Så ser AVIF-data ut
AVIF lagrar en bild som har komprimerats med videokodeken AV1 i en HEIF-container, samma filstruktur enligt ISO Base Media File Format som MP4 använder. Det finns ingen kort, fast signatur som hos PNG. I stället inleds filen med en ftyp-box som anger märket (brand) avif, eller avis för animerade sekvenser. I Base64 innebär det oftast att strängen börjar med AAAA och innehåller eXBhdmlm några tecken längre fram. Verktyget läser själva boxen och kan därför skilja AVIF från HEIC, som använder samma container med ett annat märke. MIME-typen är image/avif.
Konvertering till AVIF beror på din webbläsare
Aktuella versioner av Chrome, Edge, Firefox och Safari visar alla AVIF, så förhandsvisning och sparande av originalfilen fungerar nästan överallt. Att skapa nya AVIF-filer är en annan sak. Konverteringen använder kodaren som är inbyggd i din webbläsare, och alla webbläsare kan inte skapa AVIF från en canvas. Verktyget kontrollerar om din kan det. Om den inte kan koda AVIF går alternativet inte att välja, och WebP är det närmaste alternativet. Du kan också ladda ned en PNG och koda den med ett särskilt verktyg som avifenc från libavif.
När AVIF lönar sig
AVIF slår ofta JPEG och WebP i filstorlek vid samma visuella kvalitet, särskilt för foton, och formatet stöder transparens, högt bitdjup och HDR. Kodningen är långsammare, och vissa äldre bildredigerare och operativsystem kan fortfarande inte öppna formatet. För mycket små bilder som ikoner kan containerns overhead äta upp vinsten, så PNG eller WebP kan bli mindre. På webbplatser bör du leverera AVIF med en reservbild så att alla besökare ser en bild:
<picture>
<source srcset="photo.avif" type="image/avif">
<img src="photo.jpg" alt="Description">
</picture>Vanliga frågor
Varför går det inte att välja AVIF som nedladdningsformat?
Din webbläsare kan visa AVIF men inte koda formatet från en canvas. Prova en annan uppdaterad webbläsare, välj WebP i stället eller ladda ned en PNG och konvertera den med en kodare på datorn.
Varför visas ingen förhandsvisning av min AVIF?
En äldre webbläsare eller ett äldre operativsystem kan sakna stöd för att avkoda AVIF. Datan kan också vara HEIC, som ser likadan ut men använder ett annat märke; det identifierade formatet visar vilket det är. Nedladdning som Original fungerar i båda fallen.
Är AVIF alltid mindre än WebP?
Ofta, men inte alltid. Resultatet beror på bilden och kodarens inställningar, så jämför storlekarna på de nedladdade filerna.