The difference between JPEG, GIF and PNG

We come across it often enough: a white area surrounding a logo on a website with a coloured background, a grainy line around a photograph of a product or a large photograph that causes a web page to load very slowly. Mistakes that are frequently made but that are avoided by saving visuals in the correct way.

Read this blog in Dutch

JPEG, GIF, PNG; u kunt uw afbeeldingen in verschillende bestandstypen opslaan. Maar wat zijn nu precies de verschillen en welk type moet u wanneer gebruiken?

We komen het vaak genoeg tegen: een wit vlak rondom een logo op een website met gekleurde achtergrond, een korrelige lijn rondom een gefotografeerd product of een grote foto die ervoor zorgt dat een webpagina heel langzaam laadt. Fouten die snel gemaakt worden, maar voorkomen kunnen worden door de afbeeldingen op de juiste manier op te slaan. Kiezen voor bestandstype JPEG, GIF of PNG maakt namelijk wel degelijk een verschil!

Om het verschil duidelijk te maken, stelde WhoIsHostingThis een infographic op. Klik op onderstaande afbeelding en zie direct wat de eigenschappen zijn van de bestandstypen en in welke gevallen ze goed toepasbaar zijn.