PNG

PNG står for Portable Network Graphics og er et rasterbaseret billedformat med tabsfri komprimering. Det betyder, at billedets pixeldata kan komprimeres og pakkes ud igen uden det kvalitetstab, man forbinder med eksempelvis JPEG. PNG bruges især til grafik på web, skærmbilleder, ikoner, illustrationer og billeder, hvor gennemsigtighed er vigtig.

PNG er ikke et vektorformat. En PNG består af pixels og har derfor en fast pixelstørrelse. Et logo på 800 × 300 pixels kan se knivskarpt ud i en menu eller et dokument, men hvis det forstørres voldsomt, bliver kanter og detaljer til sidst synligt pixelerede. Skal et logo kunne skaleres frit, er den originale vektorfil normalt et bedre udgangspunkt.

W3C beskriver PNG som et format til tabsfri, portabel og komprimeret lagring af rasterbilleder. Formatet understøtter blandt andet gråtoner, indekserede farver og truecolor samt mulighed for en alfakanal. Alfakanalen er den del, der gør det muligt at have gradueret gennemsigtighed: en pixel kan være helt synlig, helt gennemsigtig eller ligge et sted imellem.

Det er netop derfor PNG ofte bruges til logoer og grafiske elementer med gennemsigtig baggrund. En rund grafik behøver ikke få en hvid firkant omkring sig, og en skygge kan tone gradvist ud mod baggrunden. Det er en væsentlig forskel fra almindelig JPEG/JPG, som ikke har den samme traditionelle understøttelse af gennemsigtighed.

Tabsfri komprimering betyder dog ikke, at PNG altid giver den mindste fil. Et fotografi med millioner af små farvevariationer kan blive markant tungere som PNG end som et passende komprimeret fotoformat. Til gengæld er PNG ofte effektivt til grafik med flade farver, tekst, skarpe kanter og relativt ensartede områder.

Det er derfor forkert at tænke “PNG er høj kvalitet, JPEG er lav kvalitet”. De to formater løser forskellige opgaver. Et produktfoto kan være bedre egnet som JPEG eller WebP, mens et logo med transparent baggrund kan være bedre som PNG. Kvaliteten afhænger af motiv, dimensioner, eksport og anvendelse.

PNG kan også indeholde farveinformation og metadata, og den nyere PNG-specifikation omfatter både statiske PNG-filer og APNG til animation. Til almindeligt web- og designarbejde er det dog stadig de klassiske egenskaber — tabsfri komprimering, rastergrafik og gennemsigtighed — der er vigtigst at forstå.

Når vi arbejder med grafisk design eller hjemmesider, vælger vi derfor ikke filformat ud fra vane. Vi ser på, om materialet er et foto, et logo, en illustration, et screenshot eller noget helt femte, og hvor det skal bruges.

Start med at spørge, om motivet overhovedet passer til PNG. Har du et logo, en ikonserie, en UI-grafik eller et screenshot med tekst og skarpe linjer, er PNG ofte et fornuftigt valg. Har du et stort stemningsfoto til en hjemmeside, er PNG derimod sjældent det første format, du bør prøve.

Til web skal du kontrollere tre ting: pixelmål, gennemsigtighed og filstørrelse. En PNG på 5000 pixels i bredden er stadig unødvendigt stor, hvis den kun vises 600 pixels bred. Tabsfri komprimering fritager dig ikke fra at dimensionere billedet korrekt.

En praktisk arbejdsgang kan være:

1. Bevar en redigerbar original i det program, grafikken er lavet i.
2. Eksportér PNG i de pixelmål, der faktisk skal bruges.
3. Aktivér gennemsigtighed kun når den er nødvendig.
4. Kontrollér resultatet på både lys og mørk baggrund.
5. Sammenlign filstørrelsen med relevante alternativer som WebP eller JPEG.
6. Test den færdige grafik i den rigtige kontekst på hjemmeside, mail eller dokument.

Hvis PNG-filen er et logo, bør den normalt ikke være den eneste masterfil, virksomheden gemmer. Logoet bør også findes i et egentligt vektorformat. PNG-versionen er en praktisk leveringsfil til skærmbrug, men ikke nødvendigvis kilden, man skal bygge fremtidige størrelser ud fra. Det samme gælder anden grafik, der oprindeligt er lavet som logo eller illustration.

Til screenshots er PNG ofte velegnet, fordi tekst, ikoner og tynde linjer kan bevares uden de blokke og udtværinger, som hård JPEG-komprimering kan skabe omkring skarpe kontraster. Det betyder ikke, at alle screenshots skal gemmes i fuld størrelse. Et billede fra en 4K-skærm kan stadig være voldsomt stort, hvis det skal stå i en lille guide.

Vær også opmærksom på farver. PNG bruges typisk i RGB-baserede workflows til skærm. Skal materialet ende i en professionel tryksag, bør du ikke bare aflevere en tilfældig PNG og forvente, at den fungerer som et komplet trykgrundlag. Her skal format, CMYK, farveprofil, opløsning og den samlede produktion vurderes sammen.

Hvis du får tilsendt et logo som PNG og skal bruge det til en stor folie, et skilt eller andet format, så spørg efter originalen, før du begynder at opskalere. En 1000-pixel fil bliver ikke til ægte vektorgrafik, fordi den gemmes på ny eller får sat et højere DPI-tal.

På en hjemmeside bør filformatet indgå i den almindelige performancekontrol. Små transparente grafikfiler kan være fine som PNG, mens store PNG-fotos kan gøre siden unødigt tung. Det er bedre at blande formater efter behov end at beslutte, at hele sitet skal bruge én filtype.

W3C's nyere PNG-specifikation beskriver også APNG, altså animeret PNG. Det kan være relevant i særlige tilfælde, men en animation kræver stadig omtanke om filstørrelse og brugeroplevelse. At et format teknisk kan noget, er ikke det samme som, at funktionen bør bruges overalt.

Forestil dig en virksomhed, der har fået lavet et nyt logo. Designeren afleverer en SVG- eller anden vektororiginal samt PNG-versioner i flere størrelser. På hjemmesiden bruges en transparent PNG i et system, der ikke kan håndtere den ønskede vektorfil direkte. Logoet står skarpt, og den gennemsigtige baggrund gør, at det kan ligge oven på en farvet header.

Et halvt år senere skal virksomheden have en tre meter bred messevæg. Medarbejderen finder PNG-logoet fra hjemmesiden og sender det til trykkeriet. Det er kun 900 pixels bredt. På skærmen ser det fint ud, men i den nye størrelse er rasterfilen ikke det optimale grundlag.

Den rigtige løsning er ikke at åbne PNG-filen og skrive 300 DPI i et felt. I stedet findes vektororiginalen frem. Den kan skaleres til den store flade uden at være bundet til de 900 pixels. PNG-filen var ikke forkert; den var bare lavet til en anden opgave.

Et andet eksempel er et screenshot af en administrationsside til en vejledning. Som JPEG med hård komprimering bliver små bogstaver lidt uklare, og der opstår synlige komprimeringsspor omkring tekst og ikoner. Som PNG bliver filen større, men de skarpe kontraster bevares bedre. Her er den ekstra filstørrelse en rimelig pris, fordi læsbarheden er selve pointen.

Omvendt har virksomheden et stort stemningsfoto fra en kundecase. Den eksporterer det som PNG og ender med en fil på flere megabyte. Billedet har ingen gennemsigtighed, og motivet består af naturlige farveovergange og fotografisk støj. Ved en passende JPEG- eller WebP-eksport kan filen blive væsentligt mindre uden en synlig forskel i den størrelse, den vises i.

Det illustrerer den vigtigste beslutning: PNG er ikke “bedre kvalitet” som generel regel. Det er et værktøj, der er særligt godt til bestemte typer billeddata.

Den mest almindelige fejl er at bruge PNG til alle billeder, fordi formatet er tabsfrit. Resultatet kan være en hjemmeside med meget større billeder end nødvendigt. Brugeren kan ikke se den teoretiske fordel ved tabsfri komprimering, hvis siden føles tung og langsom.

En anden fejl er at tro, at transparens gør PNG til et vektorformat. Gennemsigtige pixels ændrer ikke på, at billedet stadig har en bestemt opløsning. Hvis et logo skal bruges i mange størrelser, bør vektororiginalen opbevares ved siden af PNG-versionerne.

Pas også på med at gemme den eneste redigerbare original som en flad PNG. Photoshop-lag, redigerbare tekster og andre programspecifikke funktioner bliver ikke automatisk bevaret som et fuldt arbejdsdokument. Bevar derfor masterfilen i et format, der passer til produktionen, og brug PNG som leveringsformat.

En fjerde faldgrube er at sammenligne filstørrelser uden samme dimensioner. En 3000 × 2000 PNG og en 1200 × 800 JPEG fortæller intet om formaternes effektivitet, fordi du samtidig har ændret pixelmængden. Sammenlign samme motiv i samme slutstørrelse, hvis du vil vurdere formatet.

Til tryk kan der også opstå misforståelser. En PNG kan godt indgå i et layout, men en løs PNG-fil er ikke det samme som en trykklar PDF. Beskæring, bleed, farvestyring, fonte og andre produktionskrav ligger uden for selve PNG-formatet.

PNG-specifikationen er løbende blevet videreudviklet. W3C's tredje udgave blev en Recommendation i 2025 og omfatter blandt andet APNG og nye muligheder omkring moderne billeddata. Det ændrer ikke den praktiske hovedregel for de fleste virksomheder: PNG er et tabsfrit rasterformat, som er stærkt til grafik, screenshots og gennemsigtighed.

Filendelsen er normalt .png, og den officielle medietype er image/png. Det kan virke som en teknisk detalje, men korrekte filtyper og serverheaders er relevante, når billeder leveres via websystemer, CDN'er eller API'er.

PNG kan gemme mere information, end en almindelig webgrafik behøver. Derfor er “tabsfri” ikke det samme som “uoptimeret skal være stort”. Eksportværktøjer kan reducere unødvendige metadata og vælge mere effektive indstillinger uden nødvendigvis at ændre selve billedets synlige pixeldata.

Brug PNG som en del af en filstrategi. Et logo kan eksempelvis ligge som vektororiginal, PNG til bestemte skærmformål og PDF til dokumenter. Et foto kan ligge som højopløselig original, JPEG til deling og WebP til web. Det giver færre kompromiser end at prøve at tvinge ét format til alle opgaver.

Hvis du er i tvivl om, hvad en fil skal bruges til, så spørg efter anvendelsen før formatet. En fil til hjemmeside, storformat, brochure og e-mail har forskellige krav. Det er netop dér, formatvalget bliver praktisk i stedet for bare teknisk.