PNG vs JPG: hvilket billedformat du skal bruge og hvornår

Det korte svar på PNG vs JPG: brug PNG til alt med tekst, logoer, flade farver, skarpe kanter eller gennemsigtig baggrund, og brug JPG til fotos. PNG er tabsfri, så hver pixel, du eksporterer, er den pixel, der kommer frem. JPG er tabsgivende: den smider detaljer væk for at gøre filen lille, og de detaljer, den smider væk, er præcis det, der gør bogstaver skarpe og gradienter bløde. Et foto skjuler det tab godt. En overskrift på en gradient gør ikke.

Forskellen på PNG og JPG

Begge formater gemmer et gitter af pixels, så ingen af dem kan skaleres op uden at blive bløde. Det, der skiller dem ad, er, hvordan de presser gitteret ned i en fil.

JPG fungerer ved at dele billedet op i små firkanter på 8×8 pixels og derefter forenkle farven og de fine detaljer i hver firkant. I et foto fuld af tekstur forsvinder forenklingen i støjen. I en blød gradient eller langs kanten af et bogstav viser den sig som svage blokke, udtværede glorier og trappetrin af farve.

Hvornår du skal bruge PNG

• Teksttung grafik: citatkort, annonceringer, karruseller, slides.
• Logoer og ikoner, især på en gennemsigtig baggrund.
• Skærmbilleder af brugerflader, hvor JPG slører lille tekst.
• Gradienter og flade farver, som får striber og blokke under JPG-komprimering.
• Masterfiler, du skal redigere igen, så kvaliteten ikke går tabt, hver gang du gemmer.

Hvornår du skal bruge JPG

Brug JPG til fotos: produktbilleder, portrætter, rejser, mad. Rigtige fotos er fulde af korn og tekstur, som skjuler komprimeringen, og en JPG med en kvalitet på omkring 80 til 85 ser som regel ud præcis som originalen til en brøkdel af størrelsen. Et stort foto i PNG kan let være flere gange tungere uden synlig gevinst.

JPG passer også til design, der mest er foto med lidt tekst, så længe teksten er stor. Er teksten lille eller tynd eller står den over en blød himmel, så eksportér PNG i stedet, eller test begge og sammenlign ved 100 % zoom.

PNG eller JPG til sociale medier

Instagram, Facebook, X og LinkedIn komprimerer alt, du uploader, igen, som regel til JPG. Det lyder som en grund til at være ligeglad, men det er det modsatte: komprimering hober sig op. En JPG, der allerede var presset, bliver presset igen, og fejlene fordobles. Giv platformen den reneste fil, du kan, i præcis den størrelse, den forventer, så den ikke skal ændre noget. Størrelserne står i billedstørrelser til sociale medier.

PNG eller JPG til et logo

PNG, hver gang, hvis du har brug for en pixelfil. Et logo består af flade former og hårde kanter, som PNG komprimerer godt og JPG ødelægger, og et logo har næsten altid brug for en gennemsigtig baggrund, så det kan stå på fotos, farver og mørk tilstand. Endnu bedre er det at gemme masteren som SVG, som forbliver skarp i enhver størrelse. SVG vs PNG forklarer, hvornår du bruger hvad, og logostørrelser viser de filer, du har brug for.

Derfor får gradienter striber i JPG

Bløde gradienter er den sværeste test for ethvert format. En mørk blanding fra næsten sort til dyb violet har kun et par dusin forskellige farveværdier at arbejde med, og JPG-komprimering smelter naboerne sammen til synlige striber. Det er striber i gradienter, og det er værst på mørke baggrunde med lav kontrast.

Korn hjælper mere end nogen indstilling, fordi det giver komprimeringen tekstur at arbejde med i stedet for en flad række af næsten ens farver. Kornede gradienter viser, hvor meget der er nok. Marks fra Gradiently har deres eget korn og lys, og det er præcis den tekstur, der hjælper et gradientdesign med at klare en platforms nye komprimering.

Hvad med WebP og AVIF

På din egen hjemmeside slår nyere formater dem begge: WebP og AVIF kan være tabsgivende eller tabsfri, understøtter gennemsigtighed og er mindre ved samme kvalitet. Alle nuværende browsere understøtter WebP. Behold PNG og JPG til uploads på platforme og til deling af filer, og læs WebP vs PNG og JPG, før du bygger din sides billeder om. Selve indstillingerne finder du i billedkomprimering uden at ødelægge gradienter.