Slik bruker du verktøyet
- Slipp en .avif-fil i slippfeltet, klikk for å velge en, eller lim inn et bilde.
- Velg Behold originalformat. AVIF er vanligvis det minste alternativet, og verktøyet kan ikke kode bilder på nytt til AVIF.
- Konverter til PNG, JPEG eller WebP bare hvis mottakersiden ikke håndterer AVIF.
- Kopier data URI-en som kilde i et picture-element, eller bruk ren Base64, img-taggen, CSS eller Markdown.
Hva er AVIF?
AVIF (AV1 Image File Format) lagrer bilder komprimert med videokodeken AV1 i en HEIF-container. Formatet ble publisert av Alliance for Open Media i 2019 og støtter gjennomsiktighet, animasjon, farger med 10 og 12 bit, HDR og brede fargeområder. MIME-typen er image/avif.
Ved samme visuelle kvalitet er AVIF-filer ofte tydelig mindre enn JPEG og som regel mindre enn WebP, særlig ved lave bithastigheter. Siden Base64 legger den samme tredjedelen til alle filer, betyr en mindre AVIF-fil direkte en kortere data URI.
Nettleserstøtte og reserveløsninger
AVIF vises i Chrome 85 og nyere, Firefox 93 og nyere, Safari 16 og nyere og Edge 121 og nyere. Eldre nettlesere og de fleste e-postprogrammer kan ikke vise formatet. På nettet pakker du inn data URI-en i et <picture>-element med en reserveløsning:
<picture>
<source type="image/avif" srcset="data:image/avif;base64,...">
<img src="logo.png" alt="Logo" width="120" height="40">
</picture>Behold reserveløsningen som en egen fil. Hvis den også var en data URI, ville alle besøkende laste ned begge versjonene som en del av HTML-koden.
Valg for koding og konvertering
Verktøyet koder AVIF-filen din nøyaktig som den er. AVIF er ikke blant konverteringsmålene, som er PNG, JPEG og WebP, så for å lage AVIF fra et annet format bruker du en egen koder som avifenc, Squoosh eller et bilderedigeringsprogram, og koder deretter resultatet her.
Konvertering fra AVIF til PNG, JPEG eller WebP fungerer i nettlesere som kan dekode AVIF, og er nyttig for systemer som ikke godtar formatet, men resultatet blir som regel større. Trenger du bred støtte og liten størrelse, er WebP det nærmeste alternativet.
Ofte stilte spørsmål
Kan jeg konvertere PNG eller JPEG til AVIF her?
Nei. Konverteringsmålene er PNG, JPEG og WebP. Lag AVIF-filen med et annet verktøy først, og slipp den deretter her for å kode den.
Hvilke nettlesere viser data:image/avif-bilder?
Chrome 85+, Firefox 93+, Safari 16+ og Edge 121+. For eldre nettlesere bør du ha en reserveløsning i PNG eller JPEG i et picture-element.
Hvorfor vises ingen forhåndsvisning av AVIF-bildet mitt?
Nettleseren din kan sannsynligvis ikke dekode AVIF. Base64-utdataene lages likevel fra filbytene og er korrekte; åpne siden i en oppdatert nettleser for å se forhåndsvisningen.
Er AVIF i Base64 kortere enn WebP i Base64?
Som regel, ved tilsvarende visuell kvalitet. Base64 legger de samme 33 % til begge formatene, så den minste kildefilen gir alltid den korteste strengen.