PNG, en forkortelse for Portable Network Graphics, er et tabsfrit billedformat, der understøtter gennemsigtige baggrunde. Det fungerer bedst til logoer, ikoner, skærmbilleder og grafik med tekst eller flade farver, hvor klarhed er vigtig.
I modsætning til JPEG bevarer PNG billedkvaliteten, selv efter flere lagringer. Ulempen er filstørrelsen. PNG-filer er normalt to til fem gange større end JPEG-billeder. Denne vejledning forklarer, hvornår man skal bruge PNG i stedet for JPEG eller WebP, hvordan PNG-komprimering fungerer, og hvordan man reducerer filstørrelsen uden at miste kvalitet.
TL;DR: Forklaring af PNG-filformatet
- PNG er et billedfilformat af høj kvalitet, der bruger tabsfri komprimering, så billedklarheden bevares, selv efter ændring af størrelse eller redigering.
- PNG understøtter gennemsigtighed, hvilket gør det ideelt til logoer, ikoner og webgrafik med rene baggrunde.
- Sammenlignet med JPEG, GIF og TIFF fungerer PNG bedst til billeder med ensartede farver og webfokuserede anvendelsesscenarier på grund af dens balance mellem kvalitet og filstørrelse.
- PNG-billeder bør optimeres omhyggeligt, da de kan blive store, især når de bruges til detaljerede visuelle elementer eller omfattende redigering.
Definition og betydning af PNG-filformat
PNG-filformatet, en forkortelse for Portable Network Graphics, er et udbredt billedformat designet til lagring og transmission af rasterbilleder på internettet.
PNG blev introduceret den 1. oktober 1996 som et patentfrit alternativ til GIF og bruger en tabsfri komprimeringsalgoritme til at bevare den originale billedkvalitet. Det betyder, at ingen billeddata går tabt under komprimering eller dekomprimering, i modsætning til tabsgivende komprimering, der bruges i JPG.
En PNG-fil starter med en fast filsignatur, der identificerer formatet og hjælper med at opdage transmissionsfejl. Efter signaturen er filstrukturen organiseret i bidder.
Hvert chunk består af et længdefelt, en chunk-typekode skrevet med ASCII-bogstaver, et datafelt og en 32-bit CRC-værdi til fejlkontrol. Nogle chunks er kritiske chunks, der skal vises i alle PNG-filer, såsom IHDR-billedheader-chunk'en, IDAT-billeddatachunk'erne og IEND-filslutmarkøren.
Billedheader-delen gemmer vigtige oplysninger som billedets bredde, højde, bitdybde, farvetype, komprimeringsmetode, filtermetode og interlace-metode.
PNG understøtter farvebilleder, gråtonebilleder, indekserede farver og en alfakanal for gennemsigtighed. Med understøttelse af 8 bit og 16 bit pr. pixel tilbyder PNG høj farvepræcision og stærk billedkvalitet, hvilket gør den ideel til logoer, ikoner og websidegrafik på tværs af operativsystemer og webbrowsere.
Fordele ved PNG-filformater
Der er mange fordele ved at bruge PNG-filformatet.
- En fordel er, at det er muligt at have en gennemsigtig baggrund med denne filtype (i modsætning til JPEG). Dette kan være praktisk til at skabe et billede med en "gennemsigtig" effekt.
- Derudover bevarer PNG-billeder deres kvalitet, når de skaleres, så de kan bruges til både små og store billeder uden at miste detaljer.
- Et andet plus er, at PNG-filer er meget mindre end andre tabsfri filtyper som TIFF, hvilket gør dem ideelle til webbrug eller e-mailvedhæftninger.
Lær: Introduktion til næste generations billedformater
Hvordan bruger man PNG'er i webdesign?
PNG-billeder bruges bedst i webdesign, når billedet har store områder med ensartet farve eller gennemsigtig baggrund. Dette skyldes, at PNG-billeder er tabsfrie, hvilket betyder, at de bevarer alle detaljerne i det originale billede. PNG-billeder er også mindre i filstørrelse end JPEG-filer, hvilket gør dem hurtigere at indlæse.
Sådan bruger du et PNG-billede i dit webdesign:
- Sørg for, at billedet er gemt som en .png-fil.
- Brug et HTML-billedtag til at indsætte billedet i din websidekode. `img src`-attributten skal pege på PNG-filens placering på din server.
- Indstil bredde- og højdeattributterne, så billedet vises i den korrekte størrelse på din side.
Hvis du vil oprette et gennemsigtigt PNG-billede, kan du bruge et onlineværktøj som Pixlr eller Photoshop:
- Opret et nyt lag i dit billedredigeringsprogram, og fyld det med den farve, du vil gøre gennemsigtig.
- Indstil lagets opacitet til 50% eller mindre.
- Gem dit billede som en .png-fil, og upload det til din server.
Når billedet vises i en webbrowser, vises det med en gennemsigtig baggrund.
Relateret: Bedste WordPress-plugins til billedoptimering
Sammenligning af PNG med andre billedfilformater (JPEG, GIF, TIFF)
PNG er et fremragende valg til billeder med store områder med ensartet farve eller billeder, der kræver en gennemsigtig baggrund. Du bør dog være opmærksom på nogle kritiske forskelle mellem PNG og andre billedfilformater, før du træffer din beslutning.
- JPEG er bedst egnet til billeder med mange detaljer, som f.eks. fotografier. Den komprimeringsalgoritme, der bruges af JPEG, resulterer i et vist tab af detaljer, så det er ikke det ideelle format til billeder med få farver eller store områder med ensfarvet farve.
- GIF er bedst egnet til små billeder med begrænsede farver, såsom logoer eller stregtegninger. Komprimeringsalgoritmen, der bruges af GIF, kan resultere i artefakter (synlig forvrængning) i billedet, hvis det ikke er omhyggeligt optimeret.
- TIFF er et format af høj kvalitet, der er egnet til trykte applikationer. TIFF-filer er generelt meget vigtigere end andre billedfilformater, så de er ikke ideelle til brug på nettet.
Tips til oprettelse og redigering af PNG-billeder
Når du arbejder med PNG-billeder, er der et par ting, du skal huske på for at oprette og redigere dem effektivt.
- PNG-billeder bruges bedst, når store områder er ensartede. Det betyder, at de ikke er ideelle til fotografier eller billeder med mange detaljer og variationer. De kan dog være gode til logoer, ikoner og anden grafik, hvor du ønsker et rent og enkelt udseende.
- PNG-billeder understøtter gennemsigtighed. Det betyder, at du kan have en gennemsigtig baggrund bag dit billede, hvilket kan være praktisk til visse typer designarbejde. For at oprette en gennemsigtig baggrund i dit PNG-billede skal du bruge et onlineværktøj som Pixlr til at fjerne baggrundsfarven fra dit billede.
- Når du redigerer PNG-billeder, er det vigtigt at huske på filstørrelsen. Da PNG-billeder er tabsfrie (hvilket betyder, at de ikke mister kvalitet, når de redigeres eller komprimeres), kan de have en tendens til at være ret store filer. Derfor er det generelt bedst at redigere dem i et program som Photoshop, der har værktøjer specifikt til at håndtere store filstørrelser.
Konklusion
PNG er et praktisk billedfilformat til en række forskellige applikationer. Dets evne til at bevare data og holde billeder rene, selv når de er komprimerede, gør det ideelt til websider, logoer og anden grafik med store områder med ensartet farve eller gennemsigtige baggrunde.
Hvis du leder efter en billedfil i høj kvalitet, der optager minimal plads, så behøver du ikke lede længere end til PNG!
Ofte stillede spørgsmål om PNG-filformat
Hvad er en PNG-fil, og hvad bruges den til?
En PNG-fil er et rasterbilledformat, der bruger tabsfri komprimering. Det bruges almindeligvis til webgrafik, logoer og billeder, der kræver gennemsigtighed og høj billedkvalitet.
Hvordan fungerer PNG-komprimering?
PNG bruger deflate-komprimeringsmetoden med PNG-filtre. Denne komprimeringsproces reducerer filstørrelsen uden at fjerne pixeldata fra det originale billede.
Hvad er PNG-stykker, og hvorfor er de vigtige?
PNG-stykker gemmer billeddata og metadata. Kritiske stykker som IHDR, IDAT og IEND definerer filstrukturen, mens tilhørende stykker gemmer tekst, gammaværdi og farveprofilinformation.
Hvordan kan jeg åbne en PNG-fil?
Du kan åbne en PNG-fil ved hjælp af billedredigeringssoftware, billedredigeringsprogrammer, webbrowsere eller standardbilledfremviseren i dit operativsystem.
Er PNG bedre end JPG eller GIF?
PNG er bedre til billeder med gennemsigtighed, tekst og skarpe kanter. JPG passer til fotos med tabsgivende komprimering, mens GIF er begrænset til indekserede farver og grundlæggende grafik.
