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.
Maar wat is nu het verschil tussen jpg, png, tiff, svg ...
Hieronder vind je de uitleg met inclusief een handige tabel.
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
gif
Voor: ✔ Lijntekeningen ✔ afbeeldingen met weinig kleur en simpele animaties- Eenvoudige animaties
- Transparantie mogelijk maar beperkt
- Kleinere bestandsgrootte
- Beperkt in kleuren
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
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
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
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.
Meer informatie over het comprimeren of verkleinen van afbeeldingen vind je hier.
Met dank aan Olivier Decaluwé voor het nalezen