Filformat för webben
Att känna till olika filformat är viktigt för hur snabbt dina sidor laddas. Genom att att använda rätt filformat får du snabbare sidor samt bättre SEO-sökningar.
JPEG (JPG) står för Joint Photographic Experts Group, och har varit det vanligaste bildformatet på webben. Det är kompatibelt och har en liten filstorlek med mycket liten kvalitetsförlust. JPEG-bilder sparas med förlustkomprimering (t ex 60% räcker till för webben). Bildkvaliteten blir dock sämre när du använder dig av det här formatet.
PNG står för Portable Network Graphics och använder en förlustfri komprimering. Formatet skapades för att ersätta GIF-formatet och därför delar de många likheter. Däremot har PNG ett komplett färgutbud och bättre komprimering än GIF-formatet – PNG är det mest använda formatet för förlustfri bildkomprimering för webben.
Undvik PNG till bilder, då det skapar en större fil. Till bilder är Googles WEBP ett bättre format. Om du ska göra en bild av en skärmdump bör du använda PNG då de oftast innehåller en blandning av både bild och text.
Fördelar: Mångsidig, stödjer transparent bakgrund
Nackdelar: Större filstorlek
Passar till: Grafiska element och loggor
Gif står för Graphics Interchange Format och använder en förlustfri komprimering. Det innebär att du kan spara en bild flera gånger utan att förlora någon data. Formatet stödjer max 256 färger. GIF-formatet är unikt på det sätt att det har förmågan att animeras. Genom att visa flera bilder efter varandra går det att skapa animationer och rörliga bilder.
Undvik att använda GIF-formatet för fullfärgsbilder. När dessa sparas i GIF-format får de en hög komprimering med märkbart sämre kvalitet. GIF är ett perfekt format för begränsade färgbilder i små storlekar.
Fördelar: Små storlekar, animation och rörliga bilder
Nackdelar: Sämre kvalitet
SVG – för vektoriserade logotyper. För att spara en bild som SVG förutsätter det att man har ett vektoriserat original. Formatet ger fantastisk kvalitet till små filstorlekar och kan dessutom skalas om fritt med bibehållen skärpa.
WebP har tagits fram av Google och är speciellt utformat för att användas på webben – formatet förenar det bästa ur både JPEG och PNG. WebP kan användas på både transparenta och grafiska bilder, och låter användaren justera komprimeringen för att göra en avvägning mellan bildkvalitet och filstorlek.
I dag har de flesta moderna webbläsare ett inbyggt stöd för WebP, inklusive Chrome, Safari, Firefox, Edge och Opera.
Fördelar: Mångsidig, mindre filstorlek, hög kvalitet på bilderna. Här hittar du ett konverteringsprogram, gratis att använda: https://webp-converter.com/
Här kan du ladda ner konverteringsprogram för datorn: https://developers.google.com/speed/webp/docs/precompiled
PlugIn för PhotoShop: https://github.com/webmproject/WebPShop#installation
AVIF (AV1 Image File Format) är en bildformat för att lagra bilder eller bildsekvenser komprimerade med AV1 i HEIF-filformatet. Med stöd av stora företag som NETFLIX och Google (för Chrome) ser AVIF-bildformatet ganska lovande ut med en ljus framtid. Liksom WebP stöder AVIF transparens och multibildanimering. Så det är en bra ersättning för transparenta PNG- och GIF-filer. Avif blir dessutom allt vanligare.
AVIF och WebP är filtyper som laddas snabbare än äldre JPG-, PNG- och GIF-bilder.