Sådan bruger du værktøjet
- Træk en .avif-fil hen på feltet, klik for at vælge en, eller indsæt et billede.
- Lad Konvertér til stå på Behold originalt format. AVIF er som regel den mindste mulighed, og værktøjet kan ikke kode billeder om til AVIF.
- Konvertér kun til PNG, JPEG eller WebP, hvis modtageren ikke kan håndtere AVIF.
- Kopiér data URI'en til kilden i et picture-element, eller brug outputtet som rå Base64, img-tag, CSS eller Markdown.
Hvad er AVIF?
AVIF (AV1 Image File Format) gemmer billeder, der er komprimeret med videocodecet AV1, i en HEIF-container. Formatet blev udgivet af Alliance for Open Media i 2019 og understøtter gennemsigtighed, animation, farver med 10 og 12 bit, HDR og brede farveskalaer. MIME-typen er image/avif.
Ved samme visuelle kvalitet er AVIF-filer ofte tydeligt mindre end JPEG og som regel mindre end WebP, især ved lave bithastigheder. Da Base64 lægger den samme tredjedel oven i alle filer, giver en mindre AVIF direkte en kortere data URI.
Browserunderstøttelse og fallbacks
AVIF vises i Chrome 85 og nyere, Firefox 93 og nyere, Safari 16 og nyere og Edge 121 og nyere. Ældre browsere og de fleste e-mailprogrammer kan ikke vise formatet. På nettet kan du pakke data URI'en ind i et <picture>-element med en fallback:
<picture>
<source type="image/avif" srcset="data:image/avif;base64,...">
<img src="logo.png" alt="Logo" width="120" height="40">
</picture>Behold fallbacken som en separat fil. Hvis den også var en data URI, ville alle besøgende downloade begge udgaver som en del af HTML-koden.
Muligheder for kodning og konvertering
Værktøjet koder din AVIF-fil præcis, som den er. AVIF er ikke blandt målformaterne for konvertering, som er PNG, JPEG og WebP, så hvis du vil lave AVIF ud fra et andet format, skal du bruge en dedikeret koder som avifenc, Squoosh eller et billedredigeringsprogram og derefter kode resultatet her.
Konvertering af en AVIF til PNG, JPEG eller WebP virker i browsere, der kan afkode AVIF, og er nyttig til systemer, der ikke accepterer formatet, men resultatet bliver som regel større. Har du brug for bred understøttelse og en lille størrelse, er WebP det nærmeste alternativ.
Ofte stillede spørgsmål
Kan jeg konvertere PNG eller JPEG til AVIF her?
Nej. Målformaterne for konvertering er PNG, JPEG og WebP. Lav først AVIF-filen med et andet værktøj, og træk den derefter herind for at kode den.
Hvilke browsere viser data:image/avif-billeder?
Chrome 85+, Firefox 93+, Safari 16+ og Edge 121+. Til ældre browsere kan du tilbyde en fallback i PNG eller JPEG i et picture-element.
Hvorfor er der ingen forhåndsvisning af mit AVIF-billede?
Din browser kan sandsynligvis ikke afkode AVIF. Base64-outputtet bliver stadig lavet ud fra filens bytes og er korrekt; åbn siden i en aktuel browser for at se forhåndsvisningen.
Er AVIF i Base64 kortere end WebP i Base64?
Som regel, ved en tilsvarende visuel kvalitet. Base64 lægger de samme 33 % oven i begge formater, så den mindste kildefil giver altid den korteste streng.