Welk bestandsformaat gebruiken voor een afbeelding?

Afbeeldingen kan je opslaan in verschillende bestandsformaten.
Maar wat is nu het verschil tussen jpg, png, tiff, svg ...

Hieronder vind je de uitleg met inclusief een handige tabel.
eigenschappen van een jpg file

jpeg

Voor: ✔ foto's ✔  kleurige afbeeldingen

  • Standaard bestandstype voor digitale camera’s
  • Meest gebruikte bestandstype voor online en print
  • Goede balans tussen goede beeldkwaliteit en lage bestandsgrootte
  • Compressie met verlies van beeldkwaliteit
  • Geen ondersteuning voor transparantie
kenmerken van een gif bestand

gif

Voor: ✔ Lijntekeningen ✔ afbeeldingen met weinig kleur en simpele animaties

  • Eenvoudige animaties
  • Transparantie mogelijk  maar beperkt
  • Kleinere bestandsgrootte
  • Beperkt in kleuren
wat is een png bestand

png

Voor: ✔ afbeelding met of zonder transparante achtergrond ✔ ideale bestandstype voor het internet

  • Opvolger Gif
  • Hogere kwaliteit dan Gif
  • Te gebruiken bij afbeelding met veel kleuren
  • Kwaliteitsverlies bij compressie (minder dan bij Gif)
  • Animatie mogelijk (minder dan Gif)
  • Ondersteunt transparantie
  • Efficiënt voor beeldbewerking
ai of eps file

ai of eps 

Voor: ✔ drukwerk

  • eps = encasulated post script
  • ai =  Adobe Illustrator
  • Gevectoriseerde lijnbestanden
  • Bij inzoomen blijft de afbeelding even scherp
  • Uitsluitend te gebruiken met een grafisch programma zoals  Adobe Illustrator
  • Geen kwaliteitsverlies
kenmerken svg bestand

svg

Voor: ✔ logo’s ✔ pictogrammen ✔ afbeeldingen in meerdere formaten en schermen weergeven

  • Aanmaken via Adobe Illustrator
  • Blijft scherp ondanks het schalen
  • Kleine bestandsgrootte zonder verlies van grafische kwaliteit
  • Animatie mogelijk
  • Transparantie mogelijk
tiff file

tiff

Voor: ✔ ideaal voor drukwerk

  • Bestand verkleinen zonder kwaliteitsverlies
  • Niet geschikt voor online gebruik
  • Kan geopend worden in grafische programma’s zoals Photoshop, Illustrator,...

Overzicht van de verschillende bestandtypes

Kwaliteit

Compressie

Animatie

Transparantie

jpeg

minder

kwaliteitsverlies

nee

nee

gif

minder

kwaliteitsverlies

png

beter

kwaliteitsverlies

ai / eps

beter

geen kwaliteitsverlies

svg

beter

geen kwaliteitsverlies

tiff

beter

geen kwaliteitsverlies

nee

Wanneer gebruik je best een bepaald bestandstype?

doel

aanbevolen bestandstype

Foto met transparante achtergrond

png

Foto's en logo's

jpg / png

drukwerk

tiff

animatie

gif

foto met tekst voor web, logo's

png

lijntekening

gif

afbeelding met grote afmetingen

svg

drukwerk

eps of ai

afbeelding op website zonder transparante achtergrond

jpg

afbeelding op website met transparante achtergrond

png

De pagespeed of paginasnelheid van jouw website is sterk afhankelijk van de grootte van de gebruikte afbeeldingen.

Meer informatie over het comprimeren of verkleinen van afbeeldingen vind je hier.
Met dank aan Olivier Decaluwé voor het nalezen