Bildformat

Rastergrafik

jpg

Joint Photografic experts Group
Fördelar: mindre filstorlek, stöds på alla enheter
Nackdelar: förlorar kvalitet, stöder ej transparens
Det används mest för fotofrafier på webben
jpeg-exempel

gif

Graphics Interchange Format
Fördelar: stöd för animation, transparens
Nackdelar: dåligt för fotografier
gif-exempel

png

Portable Network Graphics
Fördelar: förlustfri komprimering, transparens
Nackdelar: större filstorlek, inte bra för stora foton Det används mest för grafik, logotyper, bilder med text och transparenta bilder på webben.
png-exempel

Vektorgrafik

emf

Enhanced Metafile Format
Fördelar: vektorgrafik (kan skalas utan kvalitetsförlust), bättre precision och prestanda än äldre format
Nackdelar: begränsat stöd utanför Windows, inte idealiskt för foton eller komplex grafik
Det används mest för clipart, diagram och illustrationer i Windows-miljöer.
wmf-exempel

svg

Scalable Vector Graphics
Fördelar: vektorgrafik (kan skalas utan kvalitetsförlust), liten filstorlek, kan animeras och stylas med CSS
Nackdelar: inte bra för fotografier, kan bli komplex vid mycket detaljer
Det används mest för ikoner, logotyper, diagram och grafik på webben.
svg-exempel
Hugo Nihlén - 12 November 2025

Bildformat

Rastergrafik

jpg

Joint Photografic experts Group
Fördelar: mindre filstorlek, stöds på alla enheter
Nackdelar: förlorar kvalitet, stöder ej transparens
Det används mest för fotofrafier på webben
jpeg-exempel

gif

Graphics Interchange Format
Fördelar: stöd för animation, transparens
Nackdelar: dåligt för fotografier
gif-exempel

png

Portable Network Graphics
Fördelar: förlustfri komprimering, transparens
Nackdelar: större filstorlek, inte bra för stora foton Det används mest för grafik, logotyper, bilder med text och transparenta bilder på webben.
png-exempel

Vektorgrafik

emf

Enhanced Metafile Format
Fördelar: vektorgrafik (kan skalas utan kvalitetsförlust), bättre precision och prestanda än äldre format
Nackdelar: begränsat stöd utanför Windows, inte idealiskt för foton eller komplex grafik
Det används mest för clipart, diagram och illustrationer i Windows-miljöer.
wmf-exempel

svg

Scalable Vector Graphics
Fördelar: vektorgrafik (kan skalas utan kvalitetsförlust), liten filstorlek, kan animeras och stylas med CSS
Nackdelar: inte bra för fotografier, kan bli komplex vid mycket detaljer
Det används mest för ikoner, logotyper, diagram och grafik på webben.
svg-exempel
Hugo Nihlén - 12 November 2025