Als u een indeling probeert te gebruiken om uw afbeelding op te slaan, gebruikt u deze vuistregel om te beslissen: JPEG voor foto's of fotorealistische afbeeldingen met veel kleuren; PNG voor lijntekeningen, afbeeldingen met veel tekst of transparante afbeeldingen; en GIF voor geanimeerde afbeeldingen.
JPEG | PNG | |
---|---|---|
Betekent | Joint Photographic Experts Group | Draagbare netwerkgrafieken |
Meest geschikt voor | foto's; fotorealistische afbeeldingen met veel kleuren | Lijn kunst; afbeeldingen met tekst; transparante afbeeldingen |
Mime type | image / jpeg | image / png |
Bestandsextensies | .jpg, .jpeg, .jpe | .png |
Type formaat | Raster grafische afbeeldingsindeling | Raster grafische afbeeldingsindeling |
Raster / Vector | raster | raster |
Kleurbeheer | Ja | Ondersteunt kleurbeheer door ICC-kleurruimteprofielen op te nemen |
Geïndexeerde kleur | Nee | Ja (voor 1-8-bits PNG's) |
Interlacing Ondersteuning | Ja | Ja |
Ondersteuning voor animatie | Nee | Nee |
Ondersteuning voor transparantie | Nee | Ja |
Ondersteuning voor metadata | Ja | Ja |
Ondersteuning voor meerdere pagina's | Nee | Nee |
Ondersteuning voor lagen | Nee | Nee |
Verlengbaar | Nee | Nee |
Compressiealgoritme | DCT-gebaseerde lossy-compressie | Lossless DEFLATE-compressie-algoritme |
gepatenteerde | Nee, maar delen van de technologie, inclusief compressiemethoden, zijn het onderwerp geweest van meerdere octrooigeschillen. | Nee |
Toepassingen compatibel | De meeste webbrowsers en productiviteitssuites | De meeste webbrowsers en productiviteitssuites |
Magisch nummer | ff d8 | 89 50 4e 47 0d 0a 1a 0a |
Uniform Type Identifier | public.jpeg | public.png |
JPEG's en PNG's zijn op verschillende manieren vergelijkbaar. Ze ondersteunen vergelijkbare niveaus van kleurdiepte en dragen ondersteuning voor metadata, interliniëring en kleurbeheer. Geen van beide indeling ondersteunt animaties, lagen of HDR.
Het scheiden van de twee is het feit dat PNG's beeldtransparantie ondersteunen, terwijl JPEG's dat niet doen. Bovendien is kleurindexering beschikbaar voor 1-8-bits PNG's, maar wordt dit in het geheel niet ondersteund in JPEG.
Er zijn veel minder bekende alternatieve versies van JPEG en PNG. JPEG's ondersteunen bijvoorbeeld geen HDR, maar er is een niet-officiële JPEG-HDR. Er zijn zelfs verliesvrije JPEG-indelingen. En hoewel PNG's geen ondersteuning bieden voor animaties zoals GIF's, is er APNG, een niet-standaard uitloper van PNG die animatie mogelijk maakt.
Het probleem met het gebruik van minder bekende versies van JPEG en PNG komt neer op ondersteuning. Niet alle browsers zullen alle afbeeldingsindelingen correct weergeven (bijv. Firefox ondersteunt APNG, maar Internet Explorer niet, en Chrome heeft een extensie nodig). In de meeste gevallen moeten ontwerpers zich houden aan goed ondersteunde standaardinstellingen om de gebruikerservaring niet te schaden.
Met DSLR-camera's kunnen fotografen hun afbeeldingen meestal opslaan in een paar verschillende grafische bestandsindelingen, namelijk RAW, JPEG en af en toe TIFF. Hoewel JPEG's het voordeel hebben van een kleinere bestandsgrootte, zijn ze lossy, waardoor proamateur- en professionele fotografen de voorkeur geven aan de TIFF- of RAW-indeling voor hun verliesloze of hoogwaardige compressie met verlies.
In de postproductie kunnen fotografen RAW-beeldgegevens aanpassen en vervolgens opslaan in een nieuw, verliesvrij (maar toegankelijker) bestandsformaat, zoals PNG. Het bestandsformaat is belangrijk, omdat de meeste afdrukservices JPEG's en PNG's accepteren, en soms TIFF, maar alleen sommige afdrukservices zullen werken met RAW-afbeeldingen.
De meeste websites gebruiken een combinatie van JPEG's en PNG's (en soms GIF's) in hun ontwerpen, omdat JPEG's en PNG's om verschillende redenen worden gebruikt. In de meeste gevallen worden JPEG's gebruikt voor grote afbeeldingen, zoals foto's of grote, grafisch zware website-achtergronden, omdat het lossy-karakter van JPEG zorgt voor kleinere bestandsgrootten, waardoor websites ontwerpen sneller kunnen laden. Ontwerpsoftware zoals Adobe Photoshop heeft gereedschappen die ontwerpers kunnen vertellen hoe groot een bestand zal zijn bij gebruik van een bepaald formaat en het aanpassen van de instellingen, voordat ze de afbeelding zelfs opslaan. Hoewel PNG's nooit resulteren in een kleinere bestandsgrootte dan JPEG's als het gaat om grote afbeeldingen met complexe scènes, resulteert de verliesloze compressie van PNG soms in een kleinere bestandsgrootte voor kleinere afbeeldingen, met name afbeeldingen met door de computer gegenereerde afbeeldingen (bijv. of vierkant getekend in Photoshop).
Waar PNG's het meest worden gebruikt, is met kleine afbeeldingen, zoals webpictogrammen, waarbij de verliesvrije compressie zorgt voor heldere, heldere beelden; PNG's worden ook gebruikt wanneer een transparante achtergrond nodig is om een centrale afbeelding te omringen (bijvoorbeeld bij gebruik van sprites).
JPEG en PNG gebruiken totaal verschillende compressiemethoden. JPEG gebruikt een DCT-gebaseerde lossy-compressiemethode die kwaliteit opoffert ten gunste van kleinere bestandsgroottes. PNG geeft prioriteit aan kwaliteit en maakt gebruik van het verliesloze DEFLATE-compressiealgoritme. De JPEG-bestandsgrootte kan worden verkleind door het kwaliteitpercentage van een afbeelding aan te passen tijdens het opslaan, terwijl de bestandsgrootte van PNG minder gemakkelijk kan worden aangepast en meestal een afzonderlijk programma vereist is om de afbeelding verder te comprimeren.
Bekijk de volgende video om te leren hoe verschillende compressiemethoden de bestandsgrootte, kleurdiepte en het laden van afbeeldingen in JPEG's en PNG's beïnvloeden.
Omdat ze lossy zijn, moeten JPEG's niet meerdere keren worden bewerkt en opnieuw worden opgeslagen, omdat dit tot ernstige verslechtering van het beeld leidt (opslaan in een enkele sessie zonder het bestand te sluiten tussen opslaan is prima, echter). JPEG's die vele malen opnieuw zijn opgeslagen, worden korrelig en geven kleuren niet nauwkeurig weer. PNG's kunnen daarentegen worden opgeslagen en opnieuw worden opgeslagen zonder kwaliteitsverlies. Deze video toont dit generatieverlies in de loop van 600 besparingen.
Met de universele browserondersteuning voor PNG-transparantie in de afgelopen jaren zijn PNG's in populariteit toegenomen, met name voor bepaalde webontwerpelementen. Het overgrote deel van de biljoenen afbeeldingen op het internet, waarvan vele foto's of kunst zijn, zijn echter nog steeds JPEG's en dit zal waarschijnlijk niet snel veranderen.
Talloze bedrijven, waaronder veel patenttrollen, hebben beweerd patenten te hebben op de ene vorm van JPEG-technologie of een andere. Dit heeft in de loop der jaren geleid tot talloze rechtszaken, waarbij de meest recente zich in 2013 heeft voorgedaan toen een bedrijf onder de naam Princeton Digital Image Corporation tientallen bedrijven met grote namen aanklaagde, waaronder Amazon, Netflix en Costco, voor het gebruik van JPEG afbeeldingen op hun websites. Het patenteren van compressiemethoden is de voornaamste reden waarom een verliesloze JPEG nooit populair is geworden. Weinigen willen een dergelijke JPEG ondersteunen of gebruiken uit angst om vervolgd te worden.
PNG is ontwikkeld ter vervanging van GIF, dat een compressiemethode gebruikt die eerder door Unisys was gepatenteerd. PNG's gebruiken een compressiemethode, DEFLATE, die niet is geoctrooieerd, waardoor de angst voor octrooi-inbreuk wordt geëlimineerd.