Filformat för bilder

Det finns många olika filformat för bilder. Alla är bra på sitt sätt, men det är viktigt att de används till rätt typ av bild. Här följer en kort beskrivning av de vanligaste.

Vektorformat

Vektorformat har gemensamt att de kan skalas upp och ner utan att förlora skärpa. Men det fungerar bara på bilder som består av ”ritad” grafik och inte fotografier.

SVG (Scalable Vector Graphics)

  • Bäst för logotyper och ikoner på webben.
  • Rent vektorformat som kan skalas fritt utan att tappa skärpa.

EPS (Encapsulated PostScript)

  • Används främst för logotyper och annan grafik.
  • Inte egentligen ett vektorformat i sig, men ett format som kan användas för att spara vektorgrafik.
  • Kan bara öppnas i särskilda programvaror som Adobe Illustrator (vektor) eller Photoshop (pixlar).

PDF (Portable Document Format)

  • Används främst för att dela färdiga dokument, men fungerar även för logotyper och annan grafik.
  • Behåller layout, text och bild i ett filformat.
  • Precis som EPS så är det inte ett rent vektorformat, utan ett format som du kan spara lite allt möjligt i, inklusive vektorgrafik.
  • Praktiskt format som alla kan öppna.

Bitmap-/pixelbaserade format

Bitmap- eller pixelbaserade bilder består av pixlar. Det gör att bilderna påverkas av upplösning och hur de skalas.

JPG/JPEG (Joint Photographic Experts Group)

  • Vanligaste bildformatet för foton både på webben och i olika dokument.
  • Använd inte för vår logotyp eller annan grafik.
  • Liten filstorlek men tappar lite kvalitet varje gång den sparas.

PNG (Portable Network Graphics)

  • Används på webben, särskilt när bakgrunden ska vara genomskinlig.
  • Bättre för grafik än fotografiska bilder eftersom foton blir onödigt stora.
  • Används när SVG eller WebP inte stöds.

WebP

  • Modernt webformat som ger små filer med bra kvalitet.
  • Klarar både foto, grafik och genomskinlighet.
  • Stöds av de flesta webbläsare, men inte alltid i äldre system.

Problemet med JPG

JPG/JPEG är ett bildformat särskilt lämpat för fotografier eller bilder med toningar. Det är däremot dåligt på att återge skarpa linjer och hela färgfält. Trots det används det allt för ofta för logotyper och liknande.

Bilder med skarpa linjer och färgfält blir suddiga när de sparas som JPG. Därför ska formatet aldrig användas för vår logotyp eller annan grafik.

Vårt mönster sparat som WebP, PNG eller SVG blir skarpt i kanterna och färgfälten enhetliga.