Så använder du verktyget
- Släpp en .avif-fil på släppytan, klicka för att välja en fil eller klistra in en bild.
- Låt Behåll original vara valt. AVIF är oftast det minsta alternativet, och verktyget kan inte koda om bilder till AVIF.
- Konvertera till PNG, JPEG eller WebP bara om mottagaren inte kan hantera AVIF.
- Kopiera data URI:n som källa i ett picture-element, eller använd rå Base64, img-taggen, CSS eller Markdown.
Vad är AVIF?
AVIF (AV1 Image File Format) lagrar bilder som har komprimerats med videokodeken AV1 i en HEIF-container. Formatet publicerades av Alliance for Open Media 2019 och har stöd för transparens, animation, färg med 10 och 12 bitar, HDR och breda färgomfång. MIME-typen är image/avif.
Vid samma visuella kvalitet är AVIF-filer ofta tydligt mindre än JPEG och oftast mindre än WebP, särskilt vid låga bithastigheter. Eftersom Base64 lägger till samma tredjedel på alla filer innebär en mindre AVIF-fil direkt en kortare data URI.
Webbläsarstöd och reservlösningar
AVIF visas i Chrome 85 och senare, Firefox 93 och senare, Safari 16 och senare samt Edge 121 och senare. Äldre webbläsare och de flesta e-postprogram kan inte visa formatet. På webben kan du lägga data URI:n i ett <picture>-element med en reservbild:
<picture>
<source type="image/avif" srcset="data:image/avif;base64,...">
<img src="logo.png" alt="Logo" width="120" height="40">
</picture>Behåll reservbilden som en separat fil. Om den också vore en data URI skulle varje besökare ladda ned båda versionerna som en del av HTML-koden.
Kodning och konverteringsalternativ
Verktyget kodar din AVIF-fil exakt som den är. AVIF finns inte bland målformaten, som är PNG, JPEG och WebP. Vill du skapa AVIF från ett annat format använder du därför en särskild kodare som avifenc, Squoosh eller ett bildredigeringsprogram och kodar sedan resultatet här.
Konvertering av AVIF till PNG, JPEG eller WebP fungerar i webbläsare som kan avkoda AVIF och är användbart för system som inte accepterar formatet, men resultatet blir oftast större. Om du behöver brett stöd och liten storlek är WebP det närmaste alternativet.
Vanliga frågor
Kan jag konvertera PNG eller JPEG till AVIF här?
Nej. Målformaten är PNG, JPEG och WebP. Skapa först AVIF-filen med ett annat verktyg och släpp den sedan här för att koda den.
Vilka webbläsare visar data:image/avif-bilder?
Chrome 85+, Firefox 93+, Safari 16+ och Edge 121+. För äldre webbläsare kan du ange en reservbild i PNG eller JPEG i ett picture-element.
Varför visas ingen förhandsvisning av min AVIF-bild?
Din webbläsare kan förmodligen inte avkoda AVIF. Base64-resultatet skapas ändå utifrån filens byte och är korrekt; öppna sidan i en aktuell webbläsare för att se förhandsvisningen.
Är AVIF i Base64 kortare än WebP i Base64?
Oftast, vid liknande visuell kvalitet. Base64 lägger till samma 33 % på båda formaten, så den mindre källfilen ger alltid den kortare strängen.