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

[Canonical HTML page](https://gradiently.design/da/guide/png-vs-jpeg)

Det ene format beholder hver pixel, det andet smider detaljer væk for at forblive lille. Ved du, hvilke detaljer der ryger, ved du også, hvilket format du skal vælge, hver gang.

## The short version

- PNG er tabsfri, så den bevarer hver pixel præcist, mens JPG er tabsgivende og smider detaljer væk, som øjet sjældnere opdager.
- Brug PNG til tekst, logoer, skærmbilleder, flade farver og alt, der skal have en gennemsigtig baggrund.
- Brug JPG til fotos, hvor komprimeringen er svær at se, og filen er flere gange mindre.
- JPG understøtter ikke gennemsigtighed og har en tendens til at vise blokke og striber i bløde gradienter og omkring skarpe bogstaver.
- Sociale platforme komprimerer hver upload igen, så en ren PNG eller en JPG i høj kvalitet giver deres komprimering mindre at ødelægge.

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.

| Egenskab | PNG | JPG (JPEG) |
| --- | --- | --- |
| Komprimering | Tabsfri: intet smides væk | Tabsgivende: detaljer smides væk for at spare plads |
| Gennemsigtighed | Ja, en fuld alfakanal | Nej, gennemsigtige områder bliver en ensfarvet flade |
| Bedst til | Tekst, logoer, skærmbilleder, flade farver, gradienter | Fotos og fototunge design |
| Filstørrelse | Større til fotos, lille til flad grafik | Lille til fotos, kan justeres med kvaliteten |
| Gem igen | Sikkert, intet tab hver gang | Hver gang du gemmer, tabes lidt mere |
| Farve | Op til 16 bit pr. kanal, sRGB på nettet | 8 bit pr. kanal, sRGB på nettet |

JPG og JPEG er det samme format. Endelsen på tre bogstaver er en rest fra gamle filsystemer.

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](https://gradiently.design/da/guide/transparent-background).
- **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.

Et portrætopslag til sociale medier med teksten Åbent til sent om fredagen, med skarp skrift over en blød gradient

Et tekstopslag på en gradient eksporteret som PNG: skarpe bogstaver, ingen striber.

Det samme portrætopslag, brugt til at vise, hvor JPEG-fejl opstår omkring bogstaver og i mørke områder af gradienten

Gemt som en hårdt komprimeret JPG er det her, fejlene viser sig først: glorier omkring bogstaverne og trin i de mørke hjørner.

## 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](https://gradiently.design/da/guide/social-media-image-sizes).

- Instagram-opslag 1080×1350: 1080 × 1350
- Story 1080×1920: 1080 × 1920
- X-opslag 1600×900: 1600 × 900
- LinkedIn-opslag 1200×1200: 1200 × 1200

Eksportér i præcis disse pixelstørrelser. En platform, der skal skalere dit billede om, komprimerer det hårdere.

| Det, du poster | Eksportér som | Hvorfor |
| --- | --- | --- |
| Citatkort, annoncering, karruselslide | PNG | Skrift og flade farver klarer ny komprimering bedre |
| Gradient- eller materialebaggrund med ord | PNG | Forhindrer striber i de mørke og subtile toner |
| Foto | JPG, kvalitet 85 til 90 | Ser ens ud, meget mindre |
| Logo til profilbillede | PNG | Rene kanter, og det kan genbruges med gennemsigtighed |
| Open Graph-linkbillede | PNG eller JPG | PNG til tekst, JPG til foto; hold det under et par hundrede KB |

## 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](https://gradiently.design/da/guide/svg-vs-png) forklarer, hvornår du bruger hvad, og [logostørrelser](https://gradiently.design/da/guide/logo-sizes) 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](https://gradiently.design/da/guide/gradient-banding), og det er værst på mørke baggrunde med lav kontrast.

Næsten sort til dyb violet: `linear-gradient(180deg, #0b0a14 0%, #1a1233 45%, #2e1a5c 100%)`

En subtil mørk blanding som denne er præcis det, der får striber i JPG. Eksportér den som PNG, eller tilføj lidt korn, før du eksporterer.

### Giver striber

- JPG i kvalitet 60 eller lavere
- At gemme en JPG, redigere den og gemme igen
- En helt ren digital blanding uden tekstur
- At uploade en størrelse, platformen skal skalere om

### Forhindrer dem

- PNG til alt med en gradient
- JPG i 90 eller derover, hvis du skal bruge JPG
- Et let lag korn, som bryder trinene op
- Eksport i platformens præcise pixelstørrelse

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](https://gradiently.design/da/guide/grainy-gradients) 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](https://gradiently.design/da/guide/webp-images), før du bygger din sides billeder om. Selve indstillingerne finder du i [billedkomprimering uden at ødelægge gradienter](https://gradiently.design/da/guide/image-compression).

## FAQ

### Har PNG bedre kvalitet end JPG?

PNG er tabsfri, så den mister aldrig kvalitet, uanset hvor ofte du gemmer. Til fotos ser en JPG i høj kvalitet ens ud for øjet og er meget mindre, så hvad der er bedst, afhænger af indholdet.

### Skal jeg poste PNG eller JPG på Instagram?

PNG til tekst, grafik og gradienter, JPG i kvalitet 85 eller derover til fotos. Instagram komprimerer begge igen, så eksportér i præcis den størrelse, den forventer, som 1080×1350 til et portrætopslag.

### Understøtter JPG gennemsigtige baggrunde?

Nej. JPG har ingen alfakanal, så gennemsigtige områder fyldes med en ensfarvet flade, som regel hvid. Brug PNG, WebP eller SVG til gennemsigtighed.

### Hvorfor ser min gradient stribet ud, efter jeg har gemt den som JPG?

JPG-komprimering smelter lignende farver i bløde blandinger sammen til synlige striber. Eksportér designet som PNG, hæv JPG-kvaliteten til 90 eller mere, eller tilføj et let lag korn.

### Er JPEG det samme som JPG?

Ja. Det er det samme format; JPG er blot udgaven af endelsen med tre bogstaver.