bij het kiezen van foto ’s voor uw site gaat het niet alleen om wat er in de foto’ s staat. In feite, het kiezen van de juiste beeldformaat kan net zo belangrijk zijn. Dus laten we praten over JPG vs PNG, welke te kiezen, en waarom.

Als u voor een verkeerde indeling kiest, kunt u een tragere website, hogere bounce rates en lagere conversieratio ‘ s krijgen – en dat is niet wat u wilt, vooral als het gemakkelijk kan worden vermeden.,

het verschil tussen PNG en JPG

laten we beginnen met de basisdefinities.

PNG staat voor Portable Network Graphics, met zogenaamde” lossless ” compressie. Dat betekent dat de beeldkwaliteit voor en na de compressie hetzelfde was.

JPEG of JPG staat voor Joint Photographic Experts Group, met zogenaamde” lossy ” compressie.

zoals je misschien al geraden hebt, is dat het grootste verschil tussen de twee. De kwaliteit van JPEG-bestanden is aanzienlijk lager dan die van de PNG-bestanden.

echter, de lagere kwaliteit is niet noodzakelijk een slechte zaak.,

Wat is JPEG?

JPEG-afbeeldingen zijn een veel voorkomende keuze voor afbeeldingen die door digitale fotografie worden geproduceerd en ze zijn een goede keuze voor afbeeldingen met complexe kleuren en arcering.

hoewel het kwaliteitsverlies weinig waarneembaar is met JPG ’s 10: 1 compressie, maakt het kleinere formaat JPEG’ s geschikt voor webgebruik omdat het verminderen van de hoeveelheid gegevens die gebruikt worden voor een foto nuttig is voor responsieve presentatie.

aan de andere kant zijn JPG-afbeeldingen niet de beste keuze voor lijntekeningen en andere tekstuele of iconische afbeeldingen vanwege de scherpe contrasten tussen aangrenzende pixels., Als u een afbeelding van dat type voor uw site wilt gebruiken, moet u waarschijnlijk overwegen om verliesloze grafische formaten te gebruiken.

Wat is PNG?

PNG is gemaakt als een verbeterde vervanging voor GIFs en het is uitgegroeid tot de meest voorkomende lossless beeldcompressie formaat op het Internet.

Wat is een PNG-bestand?

bekend als Portable Network Graphics, kan PNG-afbeelding paletgebaseerd, grijswaarden en full-color niet-paletgebaseerd RGB/RGBA zijn.,

PNG – bestandsformaat is speciaal ontworpen voor het overbrengen van afbeeldingen op het Internet in plaats van voor grafische afbeeldingen en ondersteunt daarom geen niet-RGB-kleurruimten zoals CMYK.

het grote pluspunt is dat .png biedt een verscheidenheid aan transparantieniveaus, wat betekent dat de PNG-achtergrond volledig transparant kan zijn, wat belangrijk is voor PNG-logo-ontwerpen en dergelijke. Het is ook de beste keuze voor foto ‘ s met fade-effecten.,

JPG vs PNG-de basisregel

aangezien zowel JPG als PNG-indeling hun voors en tegens hebben, moet je het meeste uit beide halen en naar hun sterke punten Spelen.

in de praktijk betekent dat dat je moet gebruiken .jpeg voor foto’ s, en.png voor afbeeldingen en screenshots.

maakt het echt uit?

wanneer u JPG Versus PNG spreekt en de twee naast elkaar vergelijkt, is de waarheid dat u niet veel verschil kunt zien in de foto ‘ s.

dus als PNG-afbeeldingen er niet veel beter uitzien JPG ‘ s, waarom niet altijd JPG-formaat gebruiken en dingen gemakkelijker maken voor jezelf?,

helaas is het niet zo eenvoudig en de reden daarvoor is beeldcompressie.

u wilt de hoogste kwaliteit beeldformaat, maar u wilt ook een responsieve website, dus je moet echt rekening houden met het verschil tussen jpeg en png in de overweging en in het bijzonder het verschil in beeldcompressie.

zie het als volgt: beeldcompressie betekent het verkleinen van de afbeeldingsgrootte zonder de kwaliteit op te offeren omwille van de grootte. Over het algemeen is sterkere compressie gelijk aan kleinere bestandsgrootte die gelijk is aan slechtere beeldkwaliteit.,

dus als u een goede compressie wilt, moet u de juiste balans vinden tussen de kwaliteit en de grootte van uw bestand.

wanneer u naar de afbeelding kijkt die op uw computer is opgeslagen, ziet u de beste versie ervan omdat het bestand niet is gecomprimeerd. Echter, als dat zelfde beeld is op de website, het moet worden gedownload om voor u om het te zien.

logischerwijs betekent dit dat hoe groter de afbeelding – hoe langer de laadtijd.,

Beeldcompressiediensten

Er zijn veel diensten en hulpmiddelen voor beeldcompressie en hier zijn enkele goede die u kunt gebruiken voor jpg of png:

• Kraken.,io – grote balans tussen de grootte en de kwaliteit

• de Kraken WordPress plugin – automatische compressie van afbeeldingen die u uploadt naar uw site

• WP Smush – een WordPress plugin die uw afbeeldingen automatisch comprimeert

afbeeldingen met tekst

van tijd tot tijd wilt u afbeeldingen met tekst gebruiken en het kiezen van JPEG of PNG is hier echt belangrijk. Png ’s zijn meestal een betere keuze voor foto’ s van dit type, evenals voor afbeeldingen met fijne details.,

een belangrijk verschil tussen jpg en png is dat bij JPG ‘ s, de contouren van de letters, evenals de fijne lijnen van afbeeldingen, meestal minder scherp lijken.

regelmatige afbeeldingen

en terwijl de afbeeldingen en de afbeeldingen met letters er meestal beter uitzien in de .png-bestand, met de reguliere foto ‘ s, JPG is een betere keuze voor het web, omdat als de kleinere grootte.

Als u besluit om alleen PNG ‘ s te gebruiken, zullen deze uw website vertragen, wat kan leiden tot gefrustreerde gebruikers.,

Grootte van afbeeldingen

afgezien van compressie, kunt u ook overwegen de grootte van de afbeeldingen die u wilt gebruiken voor uw webdesign te wijzigen. Het goede nieuws is dat resizen geen ingewikkeld proces is en er zijn twee manieren om het goed te doen:

1 – Gebruik enkele van de resize tools waarmee u handmatig de randen van de afbeelding kunt verschuiven. Als u de oorspronkelijke hoogte-breedte verhouding wilt behouden, zorg ervoor dat u een hoek van de afbeelding te grijpen in plaats van een van de zijden, en het zal u toelaten om de grootte van uw afbeelding proportioneel.,

2 – Als u de grootte van de afbeelding niet wilt wijzigen door deze handmatig aan te passen, of als u een afbeelding van een bepaalde grootte nodig hebt, kunt u een aantal van de geavanceerde grafische programma ‘ s gebruiken waarmee u de afbeeldingsgrootte kunt opgeven en vervolgens de tijdafbeelding dienovereenkomstig kunt aanpassen.

echter, soms raken de afbeeldingen een beetje onscherp nadat ze zijn verkleind, dus overweeg om een aantal van de slijpgereedschappen te gebruiken voordat u het exporteert als png of jpg.

PNG vs JPG als je nu niet zeker weet

, weten we dat JPG ’s beter zijn voor foto’ s, terwijl .png-afbeeldingen werken beter voor grafieken en foto ‘ s met tekst., Maar wat is beter voor de beelden die ergens tussenin zitten?

schermafbeeldingen zijn daar een goed voorbeeld van, omdat ze vaak foto ‘ s, tekst en scherpe lijnen bevatten.

echter, als het gaat om JPG vs PNG wanneer het gaat om screenshots, is het bijna altijd beter om PNG-formaat te gebruiken om de scherpte en de leesbaarheid van de tekst in de afbeelding te behouden.

aan het eind van de dag, als u nog steeds niet zeker weet welk formaat u moet gebruiken, kunt u altijd de afbeelding in beide opslaan en ze vervolgens vergelijken en beslissen welke u het beste bij uw behoeften past.,

einde gedachten over JPG vs PNG vergelijking

Nu u weet wat PNG-bestand is en wat het verschil tussen een PNG en een JPG is, zou het makkelijker voor u moeten zijn om het juiste formaat te kiezen om uw website zowel goed uit te zien als snel en responsief te houden.

als je het hebt over JPG vs PNG zijn er een paar belangrijke dingen om in gedachten te houden.

PNG is de beste keuze voor Grafieken, de foto ‘ s met tekst, screenshots, en voor ontwerpen die het gebruik van transparantie vereisen, zoals logo ontwerpen en dergelijke., Echter, het grootste nadeel is dat ze groter zijn in omvang en ze zullen vertragen uw website.

JPG, aan de andere kant, is kleiner en sneller te laden, maar de compressie komt met enig verlies in kwaliteit die meestal geen probleem is voor foto ‘ s, maar het kan slecht zijn voor tekst of afbeeldingen met fijne lijntjes.

dus welke moet je gebruiken? Nou, het hangt af van het type van de afbeelding en van het type van de website die u aan het bouwen bent.