PNG-filer i Photoshop: En Komplet Guide

PNG-filer er en uundværlig del af digitalt billedarbejde, især når det kommer til webgrafik og design, hvor gennemsigtighed spiller en nøglerolle. Forkortelsen står for Portable Network Graphics, og selvom navnet måske ikke er det vigtigste at huske, er formatets egenskaber afgørende for mange kreative projekter. At mestre brugen af PNG-filer i et kraftfuldt redigeringsprogram som Adobe Photoshop åbner op for en verden af muligheder, fra at skabe logoer med gennemsigtig baggrund til at lægge grafik over eksisterende billeder uden irriterende hvide eller farvede rammer.

En af de mest markante fordele ved PNG-formatet er dets fulde understøttelse af gennemsigtighed. I modsætning til formater som JPEG, der altid har en solid baggrund, kan PNG-filer have områder, der er helt eller delvist gennemsigtige. Dette gør dem perfekte til elementer som logoer, ikoner, vandmærker eller grafik, der skal kunne placeres oven på forskellige baggrunde uden at dække dem helt. Forestil dig et logo, der glider problemfrit ind over et fotografi – det er typisk en PNG-fil, der er på spil.

Udover gennemsigtighed anvender PNG-formatet lossless kompression. Dette betyder, at når et billede gemmes som en PNG-fil, går der ingen data tabt under komprimeringsprocessen. Billedkvaliteten forbliver identisk med originalen, hvilket er en stor fordel i forhold til lossy formater som JPEG, der ofrer billeddata for at opnå mindre filstørrelser. Dette gør PNG ideel til billeder med skarpe kanter, tekst, eller områder med store ensfarvede flader, hvor selv små kompressionsartefakter kan være tydelige og forstyrrende.

PNG understøtter desuden et bredt farvespektrum. PNG-24 formatet kan inkludere over 16 millioner farver, hvilket er sammenligneligt med JPEG og langt mere end GIF-formatets maksimale 256 farver. Dette sikrer, at billeder gemt som PNG bevarer deres farverige detaljer og overgange. En variant, PNG-32, tilføjer en 8-bit alfakanal til PNG-24, hvilket muliggør variable niveauer af gennemsigtighed (semi-gennemsigtighed) ud over blot helt gennemsigtig eller helt uigennemsigtig. GIF understøtter også gennemsigtighed, men typisk kun binær (enten helt gennemsigtig eller helt uigennemsigtig) og med den begrænsede farvepalet er GIF primært kendt for animationer, hvilket PNG ikke understøtter.

Sådan Bruger du en PNG-fil i Photoshop

At arbejde med PNG-filer i Photoshop er ligetil, især når du forstår konceptet med lag. Photoshop er bygget op omkring lag, hvilket gør det nemt at kombinere forskellige elementer, herunder PNG-filer med gennemsigtige baggrunde, over andre billeder eller design.

1. Åbn Photoshop: Start programmet som normalt.
2. Åbn dit primære billede/layout: Gå til 'File' > 'Open' og vælg det billede eller det projekt, du vil arbejde med.
3. Sørg for, at lag-panelet er synligt: Hvis du ikke kan se panelet 'Layers', gå til 'Window' > 'Layers' for at få det frem.
4. Tilføj din PNG-fil: Der er flere måder. Den mest almindelige er at trække og slippe PNG-filen direkte ind i dit åbne Photoshop-dokument. Alternativt kan du gå til 'File' > 'Place Embedded' eller 'Place Linked' og vælge din PNG-fil. Dette vil indsætte PNG'en som et nyt lag.
5. Placer og transformer PNG'en: Når PNG'en er tilføjet som et nyt lag, kan du bruge 'Move Tool' (V) til at flytte den rundt. Brug 'Edit' > 'Free Transform' (Ctrl+T eller Cmd+T) til at ændre størrelse, rotere eller forvrænge PNG'en efter behov. Hold Shift nede, mens du skalerer for at bevare proportionerne.
6. Arbejd med lagene: Fordi PNG'en ligger på sit eget lag, kan du nemt justere dens placering, blandingstilstande (blending modes) eller opacitet uden at påvirke baggrundsbilledet. Træk lagene op eller ned i lag-panelet for at ændre deres rækkefølge.

En PNG-fil behøver ikke altid at have en gennemsigtig baggrund. Den kan også være en fladtrykt (flattened) billedfil, ligesom en JPEG, men stadig med fordelene ved lossless kompression for tekst og grafik. Du kan altid åbne en sådan PNG direkte i Photoshop og arbejde med den som ethvert andet billedlag.

Sådan Laver du en Gennemsigtig PNG i Photoshop

At skabe en PNG-fil med gennemsigtig baggrund er en hyppig opgave i Photoshop, især når du skal forberede logoer eller grafik til websteder. Photoshop tilbyder flere metoder til dette.

1. Gem et eksisterende billede som PNG med gennemsigtighed

Denne metode bruges, hvis dit billede allerede har en gennemsigtig baggrund (vist med det grå-hvide skakternede mønster i Photoshop). Hvis din baggrund er solid, skal du fjerne den først (se næste punkt).

1. Åbn dit billede: Gå til 'File' > 'Open' og vælg billedet i Photoshop. Sørg for, at du kan se det skakternede mønster i områder, der skal være gennemsigtige.
2. Gem som PNG: Gå til 'File' > 'Save a Copy'. Dette er ofte bedst, hvis dit dokument har flere lag, da det lader dig gemme en flad version uden at overskrive originalen. Hvis dit billede kun har et lag, kan du også bruge 'File' > 'Save As'.
3. Vælg format: I dialogboksen, der åbnes, vælg 'PNG' fra 'Format' rullemenuen.
4. Gem: Klik 'Save'. En dialogboks for PNG-indstillinger vil poppe op. Vælg 'Smallest File Size (Slowest Saving)' eller 'Fastest Saving' baseret på dit behov. Sørg for, at 'Interlace' er indstillet til 'None' for webbrug. Klik 'OK'.

Din fil er nu gemt som en PNG med bevaret gennemsigtighed.

2. Gør dele af et billede delvist gennemsigtigt (Semi-gennemsigtighed)

Hvis du vil gøre et helt lag eller dele af det semi-gennemsigtigt:

1. Åbn dit billede og lag-panelet: Åbn billedet ('File' > 'Open'). Sørg for, at 'Layers' panelet er åbent ('Window' > 'Layers').
2. Gør baggrundslaget til et almindeligt lag (hvis nødvendigt): Hvis dit lag hedder 'Background' og er låst (med et lille hængelåsikon), dobbeltklik på laget for at åbne 'New Layer' dialogboksen. Klik 'OK' for at konvertere det til et almindeligt lag (typisk kaldet 'Layer 0').
3. Juster Opacity: Med det ønskede lag valgt i 'Layers' panelet, find 'Opacity' skyderen øverst i panelet. Træk skyderen ned for at gøre laget mere gennemsigtigt (lavere værdi = mere gennemsigtig).
4. Gem som PNG: Følg trin 2-4 fra metoden ovenfor ('File' > 'Save a Copy', vælg PNG-format, gem). Husk at PNG-32 formatet er nødvendigt for at bevare semi-gennemsigtighed fuldt ud, men standard PNG-indstillinger i Photoshop håndterer dette korrekt, når du gemmer et billede med opacitet under 100%.

Nu har du en PNG-fil, hvor det valgte lag er delvist gennemsigtigt.

3. Fjern baggrunden for at isolere et motiv

Dette er måske den mest almindelige årsag til at oprette en gennemsigtig PNG: at fjerne en solid baggrund fra et billede (f.eks. et produkt eller en person) for at kunne placere motivet på en ny baggrund.

1. Åbn dit billede: Gå til 'File' > 'Open' og vælg billedet i Photoshop.
2. Fjern baggrunden: Photoshop har flere værktøjer til dette. Et hurtigt værktøj for billeder med et klart defineret motiv er 'Properties' panelet (Window > Properties). Hvis dit lag er et almindeligt lag (ikke 'Background'), kan der være en knap kaldet 'Remove Background' under 'Quick Actions'. Klik på den. Photoshop vil automatisk forsøge at maskere baggrunden væk og vise det skakternede gennemsigtige mønster.
3. Manuelt valg og maskering: For mere kontrol skal du bruge markeringsværktøjer som 'Quick Selection Tool' (W), 'Magic Wand Tool' (W) eller 'Pen Tool' (P) til at vælge dit motiv. Når motivet er valgt, klik på 'Add Layer Mask' ikonet (et rektangel med en cirkel indeni) nederst i 'Layers' panelet. Dette vil skjule den valgte baggrund og vise det skakternede mønster. Hvis du i stedet valgte baggrunden, skal du sikre dig, at masken skjuler baggrunden (masken skal være sort i de områder, der skal være gennemsigtige). Du kan invertere en maske ved at vælge maskens miniature i lag-panelet og trykke Ctrl+I (Cmd+I).
4. Finjuster masken: Vælg lagmaskens miniature i 'Layers' panelet. Brug en pensel (B) med sort farve til at male over områder, der skal være mere gennemsigtige (skjulte), og en pensel med hvid farve til at male over områder, der skal være uigennemsigtige (synlige). Brug grå farver til semi-gennemsigtighed.
5. Gem som PNG: Når du er tilfreds med resultatet, gem filen som en PNG ved at følge trin 2-4 under 'Gem et eksisterende billede som PNG med gennemsigtighed' ovenfor.

Fordele og Ulemper ved PNG-filer

Selvom PNG er et fantastisk format til mange formål, er det vigtigt at kende dets styrker og svagheder i forhold til andre formater som JPEG og GIF.

Som tabellen viser, er PNG det klare valg, når gennemsigtighed eller bevarelse af original kvalitet er afgørende for grafik og billeder uden for mange komplekse farveovergange som i fotografier. JPEG er bedre til fotografier på grund af dets effektive komprimering, selvom det er lossy. GIF er primært relevant for simple animationer.

PNG-formater: PNG-8, PNG-24, PNG-32

Du kan støde på forskellige betegnelser for PNG-formatet:

• PNG-8: Bruger en farvepalet på maksimalt 256 farver, ligesom GIF. Dette kan resultere i mindre filstørrelser for simpel grafik med få farver. Understøtter binær gennemsigtighed (enten helt gennemsigtig eller helt uigennemsigtig).
• PNG-24: Understøtter fuld 24-bit farvedybde (over 16 millioner farver). Ingen gennemsigtighedsinformation gemmes i dette format som standard.
• PNG-32: Kombinerer PNG-24's 24-bit farvedybde med en 8-bit alfakanal for gennemsigtighed. Dette giver mulighed for 256 niveauer af gennemsigtighed, hvilket muliggør semi-gennemsigtighed. Dette er formatet, der typisk bruges, når du gemmer billeder med varierende opacitet eller bløde kanter mod en gennemsigtig baggrund.

I Photoshop håndteres valget mellem disse formater ofte automatisk, når du gemmer som PNG baseret på billedets indhold og gennemsigtighed. Når du gemmer en fil med semi-gennemsigtighed, vil Photoshop typisk gemme den som en PNG-32.

Ofte Stillede Spørgsmål om PNG og Photoshop

Hvad er forskellen på PNG og JPEG?

Den primære forskel ligger i kompression og gennemsigtighed. PNG bruger lossless kompression og understøtter gennemsigtighed. JPEG bruger lossy kompression (taber data) og understøtter ikke gennemsigtighed. PNG er bedst til grafik, logoer og billeder med tekst, mens JPEG er bedre til fotografier med mange farver og overgange.

Hvornår skal jeg bruge PNG i stedet for JPEG?

Brug PNG, når du har brug for gennemsigtighed (f.eks. til logoer), til billeder med tekst, grafik med skarpe kanter eller skærmbilleder, hvor bevarelse af detaljer er vigtig. Hvis du har brug for mindre filstørrelser til fotografier uden krav om gennemsigtighed, er JPEG ofte et bedre valg.

Hvorfor er mine PNG-filer så store?

PNG-filer er ofte større end JPEG-filer, fordi de bruger lossless kompression og bevarer alle billeddata. Filstørrelsen øges også med antallet af farver og billedets kompleksitet. For webbrug kan du reducere PNG-filstørrelser ved at bruge online komprimeringsværktøjer eller ved at justere farvedybdeindstillingerne i Photoshop (f.eks. ved at gemme som PNG-8, hvis billedet tillader det).

Kan jeg konvertere en JPEG til en PNG med gennemsigtig baggrund?

Ja, du kan åbne en JPEG i Photoshop, fjerne baggrunden ved hjælp af maskeringsværktøjer og derefter gemme filen som en PNG. Da JPEG ikke indeholder gennemsigtighedsinformation, skal du manuelt definere, hvilke områder der skal være gennemsigtige.

Hvilket PNG-format skal jeg bruge – PNG-8, PNG-24 eller PNG-32?

Brug PNG-8 til simpel grafik med få farver (op til 256) for at holde filstørrelsen nede. Brug PNG-24 til komplekse billeder med mange farver, men uden behov for gennemsigtighed. Brug PNG-32, når du både har brug for millioner af farver og fuld understøttelse af gennemsigtighed (inklusive semi-gennemsigtighed), typisk til logoer, ikoner eller grafik, der skal placeres over forskellige baggrunde.

At mestre brugen af PNG-filer i Photoshop er en værdifuld færdighed for enhver, der arbejder med digital grafik. Forståelsen af gennemsigtighed, lossless kompression og de forskellige måder at oprette og gemme PNG'er på vil hjælpe dig med at skabe mere fleksible og professionelt udseende billeder til web, print eller andre formål.

Hvis du vil læse andre artikler, der ligner PNG-filer i Photoshop: En Komplet Guide, kan du besøge kategorien Fotografering.