WebsiteDe 5 belangrijkste afbeeldingstypen en wanneer gebruik je ze…

3 min leestijd
Sander Bruggeman

JPG, PNG, GIF, PDF of SVG … je hebt er vast wel eens van gehoord. Maar wat is nu precies het verschil en wanneer kun je welke het beste gebruiken? Want bestanden in deze formaten hebben niet alleen een andere naam, maar ook een andere indeling. Dit wil zeggen dat de afbeeldingen anders zijn bewerkt om de grootte van de afbeelding zo goed mogelijk te maken. En met grootte bedoelen we niet de grootte qua afmetingen, maar qua opslag. In dit artikel leggen we je alles uit over de meest voorkomende afbeeldingsformaten.

De 5 belangrijkste afbeeldingstypen en wanneer gebruik je ze…

JPG-afbeeldingen

We beginnen met een van de meest voorkomende bestandsformaten: JPG-afbeeldingen. Omdat een afbeelding bestaat uit duizenden of soms wel miljoenen gekleurde puntjes (pixels) kan een onbewerkte afbeelding (.RAW) vele MB’s in beslag nemen. Daarom worden deze bestanden voor webpagina’s meestal bewerkt tot JPG-bestanden. Dit is de perfecte indeling voor grotere foto’s die realistisch moeten zijn. Vaak zie je dan .jpg als einde van de bestandsnaam, maar soms zie je ook .jpeg. Dit is echter allebei hetzelfde.

PNG-afbeeldingen

Een andere indeling is PNG. Deze is net als JPG ontworpen voor afbeeldingen, maar het verschil is dat een PNG ook transparante vlakken kan hebben. De afbeelding ziet er dan niet vierkant uit omdat sommige vlakken doorschijnen. Deze indeling is dus perfect voor afbeeldingen waarvan de achtergrond mee moet kleuren met de webpagina, bijvoorbeeld een logo.

TIP: Wil je je PNG-bestand zo klein mogelijk maken? Probeer TinyPNG dan eens. Hier kun je online je bestanden zo klein mogelijk maken zonder kwaliteitsverlies.

GIF-afbeeldingen

Wanneer een afbeelding niet realistisch hoeft te zijn, bijvoorbeeld in het geval van een tekening of animatie, dan is de GIF-indeling een goede optie. Het bestand wordt dan klein gehouden en kan zelfs bewegende beelden bevatten. Een goed voorbeeld zijn de welbekende GIF-filmpjes die regelmatig op social media of op WhatsApp voorkomen. GIF-bestanden bevatten niet veel verschillende kleuren en kunnen dus wat ‘vlekkerig’ worden na bewerking.

SVG-afbeeldingen

Wanneer een afbeelding mee moet kunnen groeien in verschillende afmetingen, zoals bijvoorbeeld in een logo in een nieuwsbrief of als watermerk, kan je het best gebruik maken van de SVG-indeling. Deze indeling is anders ten opzichte van eerdergenoemde formaten, omdat deze niet bestaat uit pixels maar uit lijnen, cirkels en hoeken. Deze indeling kan je dus niet gebruiken voor realistische afbeeldingen of foto’s.

Pdf-bestanden

Om afbeeldingen te delen met anderen en om ervoor te zorgen dat deze er overal hetzelfde uitzien kan je je afbeelding bewerken tot Pdf-bestand. Je voorkomt zo dat je afbeelding er op verschillende apparaten anders uitziet én je kan er ook tekst in verwerken. Zo ziet jouw bijsluiter, instructie of productcatalogus er altijd goed uit.

Conclusie

Wil je een afbeelding veranderen van indeling? Dan is het niet genoeg om alleen de toevoeging aan het einde van de bestandsnaam (extensie) te veranderen, sterker nog; dit zal ervoor zorgen dat je de afbeelding niet meer kan openen. Gebruik in de plaats daarvan je favoriete afbeeldingbewerkingsprogramma zoals Photoshop of Gimp om de indeling te wijzigen. Vergeet vooral niet om de afbeelding kleiner te maken met TinyPNG. Doe je dit op de juiste manier, dan zal je website sneller laden. Iets wat altijd gewaardeerd wordt door bezoekers!

Sander Bruggeman
Sander BruggemanEigenaar

Met websites en online marketing ondersteun ik ondernemers met het vergroten van hun online zichtbaarheid.

Heb je hulp nodig bij het aanpassen van je afbeeldingen?

We helpen je graag met het realiseren van jouw online doelstellingen. Neem vandaag contact met ons op voor een kenningsmakingsgesprek!

Neem contact op

Ook interessant

13 onmisbare websiteonderdelen
4 min leestijd

13 onmisbare websiteonderdelen

Website:Is jouw website klaar voor het nieuwe jaar? Voldoe je aan alle richtlijnen en is je website wel zo gebruiksvriendelijk als je denkt? Lees hier onze basis tips voor een gebruiksvriendelijke website anno 2023.

Lees meer
Zet je beste footer voor
5 min leestijd

Zet je beste footer voor

Website:De footer is een van de belangrijkste locaties op je website. Ja, we zijn serieus. Qua design is het vaak niet het spannendste onderdeel van je website maar het is wel hét element waar bezoekers op belanden als ze op zoek zijn naar informatie.

Lees meer
9 tips bij het maken van een wachtwoord
4 min leestijd

9 tips bij het maken van een wachtwoord

Website:Online veiligheid is een belangrijk item. Maar hoe verzin je nu een veilig wachtwoord? We geven je 9 tips om makkelijk een veilig wachtwoord te verzinnen.

Lees meer
Bekijk alle berichten