Guide: Eksport af PNG-filer i Photoshop

Som fotograf, grafisk designer eller webudvikler er det essentielt at vide, hvordan man gemmer sine billeder i det rette format. PNG (Portable Network Graphics) er et populært og alsidigt billedformat, der er særligt nyttigt, når du har brug for gennemsigtighed eller ønsker at bevare billedkvaliteten uden tab. I denne omfattende guide gennemgår vi, hvordan du eksporterer dine projekter som PNG-filer i Adobe Photoshop, herunder håndtering af billedsekvenser til animation og eksport af specifikke markeringer.

Hvorfor vælge PNG-formatet?

PNG-formatet adskiller sig fra andre formater som JPG på flere vigtige punkter. Den mest markante fordel ved PNG er understøttelsen af gennemsigtighed via en alfakanal. Dette gør det muligt at have områder i billedet, der er helt eller delvist gennemsigtige, hvilket er perfekt til logoer, ikoner eller billeder, der skal lægges over en baggrund på en hjemmeside uden en irriterende hvid eller farvet boks omkring. Derudover er PNG et tabsløst format. Det betyder, at billeddata komprimeres uden tab af information, hvilket sikrer, at billedkvaliteten bevares, hver gang filen gemmes eller åbnes. Dette står i kontrast til JPG, som bruger tabsgivende komprimering, der kan forringe billedkvaliteten over tid med gentagne redigeringer og gemninger. PNG er derfor ideelt til grafik, tekst og billeder med skarpe kanter og store områder med ensfarvede farver, hvor JPG's komprimering kan skabe artefakter.

Standard eksport af et enkelt PNG-billede

Den mest ligefremme måde at gemme dit færdige billede som en PNG-fil er ved at bruge Photoshops indbyggede eksportfunktioner. Adobe har gennem årene tilbudt flere måder at gøre dette på, men de mest gængse er "Gem til Web (Ældre)" og "Eksporter som...".

Metode 1: Gem til Web (Ældre)

Denne funktion er en klassiker og giver dig detaljeret kontrol over eksportindstillingerne, hvilket er særligt nyttigt for weboptimering.

1. Åbn det Photoshop-dokument (.PSD), du ønsker at eksportere.
2. Gå op i menuen Filer.
3. Vælg Eksporter > Gem til Web (Ældre).... Der åbnes nu et dialogvindue.
4. I "Forindstilling"-dropdownmenuen vælger du en passende PNG-indstilling. Typisk vælger du PNG-24, da dette format understøtter fuld alfa-kanal (gradvis gennemsigtighed) og 16 millioner farver. Hvis dit billede er meget simpelt med få farver og kun kræver binær transparens (enten helt gennemsigtig eller helt dækkende), kan PNG-8 give en mindre filstørrelse.
5. Vigtigt: Sørg for, at boksen "Gennemsigtighed" (Transparency) er markeret, hvis din fil har gennemsigtige områder, som du ønsker at bevare.
6. Du kan justere andre indstillinger som billedstørrelse, farveprofil og metadata efter behov. Hold øje med filstørrelsen i vinduets nederste venstre hjørne, da den opdateres dynamisk, når du ændrer indstillinger.
7. Klik på knappen Gem.
8. Vælg en placering på din computer, navngiv filen, og klik Gem igen.

Fordelen ved "Gem til Web (Ældre)" er dens detaljerede kontrol og forhåndsvisningsmuligheder, der hjælper med at optimere filen til webbrug.

Metode 2: Eksporter som...

Denne nyere eksportfunktion er mere strømlinet og ofte hurtigere.

1. Åbn dit Photoshop-dokument.
2. Gå til menuen Filer.
3. Vælg Eksporter > Eksporter som....
4. I det nye vindue vælger du PNG fra "Format"-dropdownmenuen.
5. Marker "Gennemsigtighed" (Transparency), hvis du har gennemsigtige områder.
6. Du kan justere størrelsen og skaleringen af billedet her, hvis det er nødvendigt.
7. Valgfrit: Hvis du ønsker en mindre filstørrelse for simpel grafik, kan du markere "Mindre fil (8-bit)", hvilket svarer til PNG-8. For høj kvalitet og fuld transparens skal dette felt ikke markeres (det svarer til PNG-24).
8. Klik på Eksporter alle.
9. Vælg en placering og et navn til din fil, og klik Gem.

"Eksporter som..." er hurtig og nem at bruge, især hvis du ikke har brug for de meget avancerede weboptimeringsfunktioner fra den ældre metode.

Eksport af en PNG-sekvens til animation

Du nævnte specifikt behovet for at eksportere en sekvens af PNG-filer til en animation, f.eks. en rullende baggrund. Den mest effektive og korrekte måde at gøre dette på i Photoshop er ved at bruge Tidslinje-panelet (tidligere kendt som Animation Timeline).

Sådan gør du:

1. Forbered din animation: Opret eller importer dine grafikker og lag i Photoshop. Arranger dine lag og brug tidslinjen til at definere animationen (f.eks. ved at flytte et baggrundslag over tid for at simulere rulning). Hvis du ikke allerede har Tidslinje-panelet åbent, gå til Vindue > Tidslinje.
2. Opret en video-tidslinje: I Tidslinje-panelet skal du klikke på knappen "Create Video Timeline". Dette giver dig mulighed for at animere lagsegenskaber som position over tid ved hjælp af keyframes. Hvis du har en frame-baseret animation, kan du også bruge "Create Frame Animation" og derefter konvertere den til Video Timeline via panelets menu for mere fleksibilitet under eksport.
3. Indstil arbejdsområdet: Træk de små blå håndtag i toppen af tidslinjen for at definere det område af animationen, du vil eksportere. Dette kaldes arbejdsområdet.
4. Start eksporten: Gå til menuen Filer > Eksporter > Gengiv video... (Render Video...).
5. Konfigurer gengivelsesindstillinger:
   • Navn: Vælg et filnavn og en placering for din sekvens. Photoshop vil automatisk tilføje sekvensnumre (f.eks. mitbaggrund_0000.png, mitbaggrund_0001.png, osv.).
   • Format: Vælg Adobe Media Encoder.
   • Forindstilling: Vælg "Custom" eller en anden passende indstilling.
   • Under "Format" i "Adobe Media Encoder"-sektionen vælger du PNG.
   • Vigtigt for transparens: Hvis din animation indeholder gennemsigtige områder, skal du under "Video"-indstillingerne sikre, at Alpha Channel er indstillet korrekt. Vælg typisk "Straight - Unmatted" eller "Premultiplied" afhængigt af, hvordan du vil have transparensen håndteret i din endelige brug (f.eks. i videoredigeringssoftware).
   • Sørg for, at "Range" er indstillet til "Work Area" for at eksportere den del af tidslinjen, du definerede.
   • Gennemgå andre indstillinger som billedstørrelse, frame rate osv., og juster dem efter behov.
6. Gengiv: Klik på Gengiv. Photoshop (via Adobe Media Encoder) vil nu behandle tidslinjen frame for frame og gemme hver frame som en separat PNG-fil i den angivne mappe.

Dette er den standardiserede og mest effektive måde at producere billedsekvenser til animation fra Photoshop. Actions er, som du korrekt observerede, ikke velegnede til denne type opgave, da de mangler den tidsbaserede logik og den automatiske filnavngivning, som Tidslinjen og "Gengiv video"-funktionen tilbyder.

Hurtig eksport af en markering som PNG

Du spurgte specifikt til en hurtig måde at eksportere kun en markering som en PNG-fil. Desværre findes der ikke en enkelt knap i Photoshop, der udfører "eksporter markering som PNG". Den information, du fandt om iPhone-hjemmeskærmen, er ikke relevant for desktop-versionen af Photoshop og den opgave, du beskriver.

Den mest direkte metode til at opnå dette involverer et par manuelle trin:

1. Lav din markering: Brug et hvilket som helst markeringsværktøj (f.eks. Marquee Tool, Lasso Tool, Magic Wand Tool, Quick Selection Tool) til at definere det præcise område af dit billede, du ønsker at eksportere.
2. Kopier den markerede del: Når markeringen er aktiv, gå til menuen Rediger > Kopier (tastaturgenvej: Ctrl+C på Windows, Cmd+C på Mac). Dette kopierer indholdet inden for markeringen til udklipsholderen.
3. Opret et nyt dokument: Gå til menuen Filer > Ny (tastaturgenvej: Ctrl+N på Windows, Cmd+N på Mac). Photoshop er intelligent nok til at foreslå dimensionerne for det nye dokument baseret på størrelsen af det indhold, du lige kopierede til udklipsholderen. Sørg for, at baggrundsindholdet er sat til "Gennemsigtig" (Transparent), hvis du ønsker en PNG med gennemsigtig baggrund. Klik Opret.
4. Indsæt indholdet: Gå til menuen Rediger > Sæt ind (tastaturgenvej: Ctrl+V på Windows, Cmd+V på Mac). Indholdet fra din markering indsættes nu som et nyt lag i det nye dokument.
5. Eksportér det nye dokument som PNG: Nu har du et nyt dokument, der kun indeholder den del af billedet, du markerede. Du kan nu eksportere dette dokument som en PNG ved at følge trinene beskrevet tidligere i guiden (enten "Gem til Web (Ældre)" eller "Eksporter som..."). Husk at vælge en PNG-variant, der understøtter transparens, hvis din markering havde gennemsigtige områder (f.eks. hvis du markerede en del af et objekt på en gennemsigtig baggrund i dit oprindelige dokument).

Dette workflow er den standardmåde, Photoshop håndterer eksport af specifikke områder på. Selvom det kræver et par trin, er det hurtigt, når man først vænner sig til det.

Sammenligning af eksportmetoder

For at opsummere, her er en hurtig sammenligning af de primære PNG-eksportmetoder:

Tips til PNG-eksport

• Filstørrelse: Selvom PNG er tabsløst, kan filerne stadig blive store, især med mange farver og stor billedstørrelse. Overvej at bruge online optimeringsværktøjer, hvis filstørrelsen er kritisk (f.eks. til web).
• Metadata: Når du eksporterer til web, kan du ofte fjerne metadata (som kamerainformation eller copyright-oplysninger) for at reducere filstørrelsen. Dette er en indstilling i "Gem til Web (Ældre)" og "Eksporter som...".
• Farveprofil: For webbrug er sRGB den mest kompatible farveprofil. Sørg for at eksportere med denne profil for at sikre konsistente farver på tværs af forskellige skærme og browsere.
• Interlaced PNG: "Gem til Web (Ældre)" tilbyder en "Interlaced"-indstilling. Dette får billedet til at blive vist gradvist i en browser, mens det loader. Det kan give en bedre brugeroplevelse på langsomme forbindelser, men øger filstørrelsen en smule. For moderne internetforbindelser er det sjældent nødvendigt.

Afsluttende tanker

At mestre eksportfunktionerne i Photoshop er afgørende for at få dine billeder og grafikker ud i verden i det bedst mulige format. PNG er et fremragende valg til mange formål, især hvor transparens og høj kvalitet uden tab er påkrævet. Uanset om du eksporterer et enkelt billede, en animationssekvens ved hjælp af tidslinjen, eller et specifikt udvalgt område, giver Photoshop dig de nødvendige værktøjer til opgaven. Ved at følge disse trin og tips kan du sikre, at dine PNG-filer altid lever op til dine forventninger.

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