Rätt filformat på webben handlar om en avvägning: tillräckligt skarp bild mot tillräckligt liten fil. En stor fil laddar långsamt, och ingen väntar på att en högupplöst bild ska hinna fram i flödet. Här är de fyra format du faktiskt behöver känna till och när du väljer vilket.
JPG – standardvalet för foton
JPG (eller JPEG) komprimerar foton hårt och ger små filer. Det passar nästan alla fotografier på webben: porträtt, miljöbilder, produktfoton. Priset är att komprimeringen kastar bort information, så spara aldrig om samma JPG många gånger – varje sparning försämrar bilden lite till.
- Använd för: fotografier, hjältebilder, bildflöden
- Undvik för: logotyper, skärmdumpar, bilder med skarp text
PNG – när du behöver skärpa eller genomskinlighet
PNG är förlustfritt, vilket betyder att ingen detalj försvinner. Det gör formatet bra för logotyper, ikoner och grafik med hårda kanter eller text. PNG kan också ha genomskinlig bakgrund, något JPG saknar. Nackdelen är filstorleken – ett foto sparat som PNG blir ofta många gånger större än samma bild som JPG.
WebP – modern allroundare
WebP är Googles format och fungerar i alla moderna webbläsare. Det ger märkbart mindre filer än både JPG och PNG vid samma upplevd kvalitet, och klarar genomskinlighet. För de flesta organisationer är WebP idag ett tryggt förstaval på webben. Verktyg som libvips konverterar en hel mapp bilder till WebP på sekunder.
AVIF – minst filstorlek, om du vågar
AVIF pressar filstorleken ännu längre än WebP och håller hög kvalitet även i små filer. Stödet i webbläsare är numera brett men inte hundraprocentigt, så använd det med ett äldre format som reserv. För organisationer som driver mycket annonstrafik kan vinsten i laddtid vara värd besväret.
En sak gäller alla format: spara om en JPG flera gånger och kvaliteten faller för varje gång, eftersom komprimeringen kastar bort information vid varje sparning. Behåll därför alltid ett original i full upplösning och exportera webbversioner från det – aldrig från en redan komprimerad kopia.
Beslutsträdet på 10 sekunder
- Foto? → JPG, eller WebP om du vill ha mindre fil.
- Logotyp, ikon eller text i bilden? → PNG, eller WebP med genomskinlighet.
- Vill du ha snabbast sida? → WebP som standard, AVIF där du kan.
En bildbank tar bort en del av valet åt dig. När du laddar ner en bild via ett exportformat får du rätt format och storlek för kanalen automatiskt, utan att du behöver tänka på komprimering. Vill du förstå hur format hänger ihop med upplösning, läs vidare i vår guide om bildupplösning för tryck och webb.
