Bildfilformat
Rastergrafik
jpg
Joint Photographic Experts Group En rasterbild med förlorande komprimering (lite kvalitet försvinner när bilden sparas). Liten filstorlek Bra för fotografier − Tappar kvalitet vid flera sparningar − Inte bra för skarpa kanter/text Foton på webben. Digitala kamerabilder och mobilfoton.
gif
Graphics Interchange Format
Ett bildformat som stödjer upp till 256 färger, komprimering utan kvalitetsförlust, transparens och enkla animationer.
Fördelar: liten filstorlek, stöd för animation, fungerar i alla webbläsare. Nackdelar: begränsat färgdjup, inte lämpligt för fotografier, låg bildkvalitet jämfört med moderna format.
Enkla animationer, ikoner, memes och grafiska element på webben.
png
Portable Network Graphics
Ett bildformat som använder förlustfri komprimering och stödjer hög färgkvalitet samt transparens (alfakanal), men inte animation (i standardformatet).
Fördelar: hög bildkvalitet, förlustfri komprimering, bra stöd för transparens.
Nackdelar: större filstorlek än JPEG, saknar inbyggt stöd för animation.
Webbgrafik, logotyper, ikoner, skärmdumpar och bilder där hög kvalitet och transparens är viktigt.
Vektorgrafik
wmf
Windows Metafile Ett vektorbaserat grafikformat utvecklat av Microsoft som lagrar bilder som ritinstruktioner snarare än pixlar, vilket gör att de kan skalas utan kvalitetsförlust.
Fördelar: skalbar utan kvalitetsförlust, liten filstorlek för enkla bilder, bra integrering med Windows och Microsoft Office.
Nackdelar: begränsat stöd utanför Windows, kan innehålla säkerhetsrisker i äldre versioner, inte lämpligt för fotografier.
Diagram, clipart och illustrationer i Windows-miljöer och Microsoft Office-dokument.
svg
Scalable Vector Graphics Ett vektorbaserat bildformat som använder XML för att beskriva grafik, vilket gör att bilder kan skalas obegränsat utan kvalitetsförlust. Fördelar: mycket liten filstorlek, kan skalas utan kvalitetsförlust, stöd för interaktivitet och animation, bra för webben. Nackdelar: inte lämpligt för fotografier, kan vara mer krävande att skapa än rasterbilder. Ikoner, logotyper, diagram och illustrationer på webbsidor och i appar.
Bildfilformat
Rastergrafik
Vektorgrafik
jpg
Joint Photographic Experts Group Ett rasterbaserat bildformat med förlustkomprimering som är inbäddat i webbsidan som base64-data,vilket innebär att bilden inte finns som en separat fil. Fördelar:bra för fotografier,liten filstorlek,hög kompatibilitet.Nackdelar:kvalitetsförlust vid komprimering,ingen transparens,kan inte skalas utan kvalitetsförlust. Fotografier och bilder på webben där liten filstorlek är viktigare än perfekt kvalitet.
gif
Graphics Interchange Format Ett rasterbaserat bildformat som stödjer upp till 256 färger, komprimering utan kvalitetsförlust, transparens och enkla animationer. Fördelar: liten filstorlek, stöd för animation, fungerar i alla webbläsare. Nackdelar: begränsat färgdjup, inte lämpligt för fotografier, låg bildkvalitet jämfört med moderna format. Enkla animationer, ikoner, memes och grafiska element på webben.
png
Portable Network Graphics Ett rasterbaserat bildformat som använder förlustfri komprimering och stödjer hög färgkvalitet samt transparens alfakanal. Fördelar: hög bildkvalitet, förlustfri komprimering, bra stöd för transparens. Nackdelar: större filstorlek än JPEG, saknar inbyggt stöd för animation. Webbgrafik, logotyper, ikoner, skärmdumpar och bilder där hög kvalitet och transparens är viktigt.
wmf
Windows Metafile Ett vektorbaserat grafikformat utvecklat av Microsoft som lagrar bilder som ritinstruktioner snarare än pixlar, vilket gör att de kan skalas utan kvalitetsförlust. Fördelar: skalbar utan kvalitetsförlust, liten filstorlek för enkla bilder, bra integrering med Windows och Microsoft Office. Nackdelar: begränsat stöd utanför Windows, kan innehålla säkerhetsrisker i äldre versioner, inte lämpligt för fotografier. Diagram, clipart och illustrationer i Windows-miljöer och Microsoft Office-dokument.
svg
Scalable Vector Graphics Ett vektorbaserat bildformat som använder XML för att beskriva grafik, vilket gör att bilder kan skalas obegränsat utan kvalitetsförlust. Fördelar: mycket liten filstorlek, kan skalas utan kvalitetsförlust, stöd för interaktivitet och animation, bra för webben. Nackdelar: inte lämpligt för fotografier, kan vara mer krävande att skapa än rasterbilder. Ikoner, logotyper, diagram och illustrationer på webbsidor och i appar.
Jesper Lindahl 2025-12-05