SparkCore
AVIF på WordPress: endnu mere kompakt, hvor det er muligt
AVIF kan være endnu mere effektivt end WebP. Spark kombinerer AVIF med fallbacks, så dine besøgende altid ser et fungerende billede.
Kort fortalt
- AVIF er ofte det mindste format til den samme synlige kvalitet.
- Alle nuværende store browsere understøtter AVIF.
- Brug altid AVIF sammen med en fallback til browsere, der ikke kan håndtere det.
AVIF og kompatibilitet
Ikke alle browsere håndterer AVIF overalt, og derfor blander vi formater i ét workflow.
Hvad er AVIF, og hvorfor er filerne så små?
AVIF er et moderne billedformat, der er udledt af videokomprimering. Det gemmer billedinformation smartere end JPEG. Især ved fotos med bløde overgange, såsom himmel eller hud, gør det en stor forskel. Formatet understøtter også gennemsigtighed. Derfor kan det nogle gange erstatte en PNG. Prisen er regnetid. At lave en AVIF tager længere tid end en JPEG eller WebP. Det er ikke noget problem for besøgende, for du laver filen én gang og leverer den derefter mange gange.
Hvilke browsere understøtter AVIF i WordPress?
De nuværende versioner af Chrome, Edge, Firefox og Safari viser AVIF. Alligevel besøger ikke alle dit website med den nyeste browser. Ældre enheder og forældede apps kan mangle formatet. Det er ikke en grund til at lade AVIF ligge. Det er en grund til at bruge en fallback. Browseren spørger, hvilke formater den kan vise, og får det bedste, der passer. Den, der ikke kender AVIF, får WebP eller JPEG. Ingen ser et ødelagt billede.
- Chrome, Edge, Firefox og Safari understøtter AVIF i deres nuværende versioner.
- Ældre browsere har brug for en JPEG- eller WebP-fallback.
- Test altid på en rigtig enhed, ikke kun i din egen browser.
AVIF eller WebP: hvad vælger du til dit WordPress-website?
Du behøver ikke vælge. Brug begge. AVIF giver ofte den mindste fil. WebP er hurtigere at lave og bredt understøttet, så det er et stærkt andet valg. JPEG eller PNG forbliver sikkerhedsnettet. Bemærk, at mindre ikke altid er bedre. Ved for høj komprimering kan AVIF give et glat, voksagtigt billede. Vurder derfor altid resultatet i skærmstørrelse. Til fotos er AVIF som regel vinderen. Til små ikoner er forskellen i bytes ofte for lille til at have betydning.
- Brug AVIF til fotos med bløde overgange.
- Behold WebP som andet valg og JPEG eller PNG som sikkerhedsnet.
- Vurder altid resultatet i skærmstørrelse.
Hvordan bruger du AVIF sikkert på WordPress?
Sikker brug handler om tre ting: at lave varianter, at levere den rigtige og at gemme din original. Gør du det manuelt, skal du holde fast i det ved hver upload. Spark Media Optimizer overtager dette arbejde. Pluginet laver WebP og AVIF i baggrunden og leverer dem til browsere, der understøtter dem. Med JPEG eller PNG som fallback. Falder en browser udenfor, skifter pluginet automatisk tilbage. Det gælder også dit eksisterende bibliotek.
Ofte stillede spørgsmål
Ofte ja, især ved fotos. Forskellen afhænger af billedet og indstillingen. Test et par repræsentative billeder fra dit eget website, og sammenlign dem i skærmstørrelse, før du vælger.
Ikke i alle. De nuværende versioner af Chrome, Edge, Firefox og Safari viser det. Ældre browsere har brug for en fallback, såsom WebP eller JPEG, ellers ser de intet billede. Med en god fallback mærker din besøgende ikke noget til det.
Nej. Gem originalen, og lever AVIF som en ekstra variant. Så kan du altid gå tilbage, og du fanger browsere, der ikke kender formatet. En ekstra variant koster kun lidt lagerplads.