Wat is het verschil tussen JPG, PNG en GIF?

Terwijl we blijven bouwen aan oude beeldtechnologie, blijven soorten bestandsformaten opstapelen, elk met hun eigen nuances en gebruik. JPG, PNG en GIF zijn de meest voorkomende, maar wat onderscheidt ze van elkaar?

Deze formaten zijn het populairst geworden vanwege hun compatibiliteit met moderne browsers, breedbandsnelheden en de behoeften van gemiddelde gebruikers. Doe met ons mee als we een gedetailleerd overzicht van elk formaat bekijken en de sterke en zwakke punten van elk formaat bespreken.

JPG (Joint Photographic Experts Group)

JPG was een bestandstype dat door de Joint Photographic Experts Group (JPEG) is ontwikkeld als een standaard voor professionele fotografen. Net als de methode die ZIP-bestanden gebruiken om redundanties te vinden in bestanden om gegevens te comprimeren, comprimeren JPG's afbeeldingsgegevens door delen van afbeeldingen te verkleinen tot blokken pixels of 'tiles'. JPG-compressie heeft de ongelukkige bijwerking van permanent zijn, echter, als de technologie voor het bestand is gemaakt voor het opslaan van grote fotobestanden in verrassend kleine ruimtes en niet voor fotobewerking.

JPG's zijn de de facto standaardafbeelding van internet geworden omdat ze zo veel kunnen worden gecomprimeerd. Een typische JPG kan worden gecomprimeerd met een verhouding van overal van 2: 1 tot zo hoog als 100: 1, afhankelijk van uw instellingen. Met name in de tijd van internetinbelijden waren JPG's de enige bruikbare manier om beeldinformatie te verzenden.

Vanwege het verlieslijdende karakter van JPG is het echter geen ideale manier om kunstbestanden op te slaan. Zelfs de hoogste kwaliteitsinstelling voor JPG is gecomprimeerd en zal het uiterlijk van uw afbeelding veranderen, al was het maar een klein beetje. JPG is ook geen ideaal medium voor typografie, scherpe lijnen of zelfs foto's met scherpe randen, omdat ze vaak worden vervaagd of uitgesmeerd door anti-aliasing. Wat erger is, is dat dit verlies kan accumuleren - het opslaan van meerdere versies van illustraties kan bij elke opslag degradatie veroorzaken. Toch is het gebruikelijk om deze dingen opgeslagen als JPG te zien, simpelweg omdat het bestandstype zo alomtegenwoordig is.

Close-up van een hoge kwaliteit JPG.

Close up van een zeer lossy JPG.

De Joint Photographic Experts Group ontwikkelde verliesvrije JPG-technologie om dit ernstige probleem van kwaliteitsverslechtering te bestrijden. Vanwege de inbelsnelheden en het algemene gebrek aan belangstelling voor niet-degraderende bestanden van hoge kwaliteit, heeft de JPG-LS-standaard echter nooit.

Het is mogelijk om plug-ins te downloaden waarmee gebruikers de verliesloze JPG2000 kunnen openen en opslaan, en sommige programma's, zoals Apple's preview-applicatie, kunnen JPG2000 direct uit de doos lezen en opslaan.

JPG's ondersteunen 24-bits RGB en CMYK, evenals 8-bits grijswaarden. Persoonlijk raad ik het gebruik van CMYK-kleurruimten in JPG's niet aan. Het is ook belangrijk om op te merken dat de grijswaarden JPG's niet comprimeren bijna net zoveel als kleuren.

GIF (Graphics Interchange Format)

GIF, zoals JPG, is een ouder bestandstype en een dat over het algemeen wordt geassocieerd met internet in tegenstelling tot fotografie. GIF staat voor "Graphics Interchange Format" en maakt gebruik van dezelfde verliesvrije LZW-compressie die TIFF-afbeeldingen gebruiken. Deze technologie was ooit controversieel (voor problemen met de handhaving van octrooien) maar is een geaccepteerd formaat geworden sinds alle patenten zijn verlopen.

Close-up van een 8-bits GIF-kleur.

GIF is van nature een 8-bits kleurenbestand, wat inhoudt dat ze beperkt zijn tot een palet van 256 kleuren, die kunnen worden gepickt van het RGB-kleurmodel en kunnen worden opgeslagen in een Color Look Up Table (CLUT) of eenvoudigweg in 'Color Table'. Er zijn echter standaard kleurenpaletten, zoals het "Web Safe" -palet. Een belangrijke opmerking is dat afbeeldingen in grijstinten van nature een 8-bits palet zijn, dus het opslaan ervan als GIF is redelijk ideaal.

Naast ondersteuning voor transparantie ondersteunt GIF ook animaties, waarbij elk frame wordt beperkt tot 256 vooraf geselecteerde kleuren.

Hoewel GIF niet lossy is zoals JPG, vervormt conversie naar 8-bits kleuren veel afbeeldingen, met behulp van dither-filters om kleuren optisch te mengen of "diffuuseren", vergelijkbaar met halftoonpunten of pointilisme. Dit kan een beeld in ernstige mate radicaal veranderen of, in sommige gevallen, worden gebruikt om een interessant effect te creëren.

Vanwege dit non-lossy-formaat kan GIF worden gebruikt om strakke lijnen te behouden op typografie en geometrische vormen, hoewel deze dingen beter geschikt zijn voor vectorgrafiekbestanden zoals SVG of het oorspronkelijke Adobe Illustrator-formaat, AI.

GIF is niet ideaal voor moderne fotografie, noch beeldopslag. Bij kleine formaten met zeer beperkte kleurentabellen kunnen GIF-afbeeldingen kleiner zijn dan JPG-bestanden. Maar bij de meeste gewone formaten, zal JPG-compressie een kleiner beeld creëren. Ze zijn grotendeels verouderd, alleen nuttig om dansende baby's te maken of om soms ruwe transparanten te maken.

PNG (Portable Network Graphics)

PNG staat voor Portable Network Graphics (of, afhankelijk van wie u het vraagt, de recursieve "PNG-Not-GIF"). Het is ontwikkeld als een open alternatief voor GIF, dat het gepatenteerde LZW-compressie-algoritme gebruikte dat eerder werd besproken. PNG is een uitstekend bestandstype voor internetafbeeldingen, omdat het transparantie ondersteunt in browsers met een elegantie die GIF niet bezit. Let op hoe de transparante kleur verandert en aansluit op de achtergrond. Klik met de rechtermuisknop op de afbeelding om te zien. Dit is eigenlijk één afbeelding die op vier verschillende achtergrondkleuren is.

PNG ondersteunt 8-bits kleuren zoals GIF, maar ondersteunt ook 24-bits RGB-kleuren, zoals JPG dat doet. Het zijn ook bestanden zonder verlies, die fotografische afbeeldingen comprimeren zonder de beeldkwaliteit te verslechteren. PNG is meestal de grootste van de drie bestandstypen en wordt niet ondersteund door sommige (meestal oudere) browsers.

Naast het uitstekende formaat voor transparantie, is het non-lossy karakter van 24-bit PNG ideaal voor screenshot software, waardoor pixel voor pixelreproductie van uw bureaubladomgeving mogelijk is.

Welke te gebruiken?

Van links naar rechts zijn deze bestanden: 24-bits JPG gecomprimeerd, 8-bits GIF, 8-bits PNG, volledige kwaliteit 24-bits JPG en 24-bits PNG. Merk op dat de bestandsgrootten in dezelfde richting toenemen.

PNG is het grootste afbeeldingstype voor grotere afbeeldingen, vaak met informatie die u wel of niet nuttig vindt, afhankelijk van uw behoeften. 8-bits PNG is een optie, maar GIF is kleiner. Evenmin zijn optimale opties voor fotografie, omdat JPG veel kleiner is dan verliesloze PNG met slechts minimaal kwaliteitsverlies. En voor het opslaan van bestanden met een hoge resolutie comprimeert JPG tot kleine proporties, waarbij kwaliteitsverlies alleen zichtbaar is bij nadere inspectie.

Kortom:

PNG is een goede optie voor transparantie en niet-afnemende, kleinere bestanden. Grotere bestanden, niet zozeer, tenzij je om niet-lossy afbeeldingen vraagt.
GIF is grotendeels nieuw en alleen nuttig voor animatie, maar kan kleine 8-bits afbeeldingen produceren.
JPG is nog steeds de koning voor foto's en foto-achtige afbeeldingen op het internet, maar wees voorzichtig, omdat uw bestand kan verslechteren bij elke opslag.

Afbeelding van Keizersgracht, in Amsterdam door Massimo Catarinella via Wikipedia, uitgebracht onder Creative Commons-licentie. Afgeleide afbeeldingen beschikbaar onder dezelfde licentie. Ik wil niet weten wie de dansende baby heeft gemaakt.