SparkCore
AVIF på WordPress: ännu mer kompakt där det går
AVIF kan vara ännu effektivare än WebP. Spark kombinerar AVIF med reservlösningar så att besökare alltid ser en fungerande bild.
Kort sagt
- AVIF är ofta det minsta formatet för samma synliga kvalitet.
- Alla större webbläsare i dag stöder AVIF.
- Använd alltid AVIF med en reservlösning för webbläsare som inte klarar det.
AVIF och kompatibilitet
Alla webbläsare klarar inte AVIF överallt, därför blandar vi format i ett och samma arbetsflöde.
Vad är AVIF och varför är filerna så små?
AVIF är ett modernt bildformat som härstammar från videokomprimering. Det lagrar bildinformation smartare än JPEG. Särskilt för foton med mjuka toningar, som himmel eller hud, gör det stor skillnad. Formatet stöder också transparens. Därför kan det ibland ersätta en PNG. Priset är beräkningstid. Att skapa en AVIF tar längre tid än en JPEG eller WebP. Det är inget problem för besökare, eftersom du skapar filen en gång och sedan levererar den många gånger.
Vilka webbläsare stöder AVIF i WordPress?
De aktuella versionerna av Chrome, Edge, Firefox och Safari visar AVIF. Ändå besöker inte alla din webbplats med den senaste webbläsaren. Äldre enheter och föråldrade appar kan sakna formatet. Det är ingen anledning att avstå från AVIF. Det är en anledning att använda en reservlösning. Webbläsaren frågar vilka format den kan visa och får det bästa som passar. Den som inte känner till AVIF får WebP eller JPEG. Ingen ser en trasig bild.
- Chrome, Edge, Firefox och Safari stöder AVIF i sina aktuella versioner.
- Äldre webbläsare behöver en reservlösning med JPEG eller WebP.
- Testa alltid på en riktig enhet, inte bara i din egen webbläsare.
AVIF eller WebP: vad väljer du för din WordPress-webbplats?
Du behöver inte välja. Använd båda. AVIF ger ofta den minsta filen. WebP går snabbare att skapa och stöds brett, så det är ett starkt andrahandsval. JPEG eller PNG förblir skyddsnätet. Tänk på att mindre inte alltid är bättre. Vid för hård komprimering kan AVIF ge en slät, vaxartad bild. Bedöm därför alltid resultatet i skärmstorlek. För foton är AVIF oftast vinnaren. För små ikoner är skillnaden i byte ofta för liten för att spela roll.
- Använd AVIF för foton med mjuka toningar.
- Behåll WebP som andrahandsval och JPEG eller PNG som skyddsnät.
- Bedöm alltid resultatet i skärmstorlek.
Hur använder du AVIF säkert i WordPress?
Att använda det säkert handlar om tre saker: skapa varianter, leverera rätt variant och spara ditt original. Gör du det manuellt måste du orka med det vid varje uppladdning. Spark Media Optimizer tar över det arbetet. Pluginet skapar WebP och AVIF i bakgrunden och levererar dem till webbläsare som stöder dem. Med JPEG eller PNG som reservlösning. Om en webbläsare inte klarar det växlar pluginet automatiskt tillbaka. Det gäller även ditt befintliga bibliotek.
Vanliga frågor
Ofta ja, särskilt för foton. Skillnaden beror på bilden och inställningen. Testa några representativa bilder från din egen webbplats och jämför dem i skärmstorlek innan du väljer.
Inte i alla. De aktuella versionerna av Chrome, Edge, Firefox och Safari visar det. Äldre webbläsare behöver en reservlösning, som WebP eller JPEG, annars ser de ingen bild. Med en bra reservlösning märker din besökare ingenting.
Nej. Spara originalet och leverera AVIF som en extra variant. Då kan du alltid gå tillbaka och fångar upp webbläsare som inte känner till formatet. En andra variant kostar bara lite lagringsutrymme.