Brukerveiledning Avbryt

Generere bilderessurser fra lag eller laggrupper

Merk:

Bilderessurser finner du nå under Fil > Automatiser > Pluginmoduler for generator.

Du kan generere JPEG-, PNG-, GIF- eller SVG-bilderessurser fra innholdet i lag eller laggrupper i en PSD-fil. Ressurser blir automatisk generert når du legger til en støttet bildeformatendelse til et lagnavn eller et laggruppenavn. Alternativt så kan du også spesifisere parametre for kvalitet og størrelse for den genererte bilderessursen.

Det å generere bilderessurser fra en PSD-fil er spesielt nyttig når du skal gjøre webdesign for flere enheter.

For informasjon om hvordan du oppretter og eksporterer webgrafikk, kan du se Hvordan eksportere filer i ulike formater fra Photoshop.

Generere bilderessurser fra lag eller laggrupper

Vurder en enkel PSD-fil (last ned fra denne koblingen) med følgende laghierarki, for å forstå generering av bilderessurs:

Genererte bilderessurser i Photoshop
PSD-eksempelfil og laghierarkiet

Laghierarkiet for denne filen har to laggrupper – Rounded_rectangles og Ellipses. Hver av disse laggruppene inneholder fem lag.

Følg disse trinnene for å generere bilderessurser fra denne PSD-filen:

  1. Med PSD-filen åpen velger du Fil > Automatiser > Pluginmoduler for generator > Bilderessurser.
  2. Legg den riktige filendelsen for formatet (.jpg, .png, .gif eller .svg) til navnene på lagene eller laggruppene du ønsker å generere bilderessurser fra. Du kan for eksempel endre navn på laggruppene Rounded_rectangles og Ellipses til Rounded_rectangles.jpg og Ellipses.png, og endre navnet på laget fra Ellipse_4 til Ellipse_4.gif.
Merk:

Spesialtegnene : og * støttes ikke i lagnavn.

Photoshop genererer bilderessursene og lagrer dem i en undermappe ved siden av PSD-kildefilen. Hvis PSD-kildefilen ikke er lagret ennå, lagrer Photoshop de genererte ressursene i en ny mappe på skrivebordet ditt.

Bilderessursnavn i Photoshop
Bilderessursnavn genereres fra lagnavn/laggruppenavn

Merk:

Generering av bilderessurs er aktivert for det gjeldende dokumentet. Når det er aktivert, forblir funksjonen tilgjengelig når dokumentet åpnes igjen. Fjern markeringen for Fil > Automatiser > Pluginmoduler for generator > Bilderessurser for å deaktivere generering av bilderessurser for det gjeldende dokumentet.

Generere ressurser for nettskydokumenter

Hvis du arbeider med et nettskydokument, lagres ressursen i katalogen «Photoshop Cloud Associates»:

  • Windows: C:\Users\yourname\Documents\Adobe\Photoshop Cloud Associates
  • macOS: /Users/yourname/Documents/Adobe/Photoshop Cloud Associates

Generere bilderessurser fra et lag eller en laggruppe

Separer ressursnavnene med komma for å generere flere ressurser fra et lag / en laggruppe. Eksempel: Det følgende lagnavnet genererer tre ressurser:

Ellipse_4.jpg, Ellipse_4b.png, Ellipse_4c.png

Lagre ressurser i en undermappe

Du kan velge å lagre bilderessursene som er generert fra bestemte lag/laggrupper, i en undermappe direkte under dokumentressursmappen. Inkluder undermappens navn i laget/laggruppenavnet, for eksempel:

[undermappe]/Ellipse_4.jpg 

Webdesign som brukseksempel

Det å generere bilderessurser fra en PSD-fil er spesielt nyttig når du skal gjøre webdesign for flere enheter. Vurder følgende webdesign og lagstruktur:

En webdesign og laghierarkiet

Du kan for eksempel trekke ut ikonet på toppen og den øverste raden av Global Hotspots-bilderutenettet som bilderessurser:

  • Legg til bildeformatendelse til de passende lagnavnene.
Gi nytt navn til de aktuelle lagene/laggruppene i Photoshop

Gi nytt navn til de aktuelle lagene/laggruppene i Photoshop

Gi nytt navn til de aktuelle lagene/laggruppene

Merk:

En enkelt bilderessurs genereres fra innholdet av et lag / en laggruppe. Eksempel: Laggruppen AdventureCo Logo i skjermbildet ovenfor inneholder et formlag og et direkte tekstlag. Disse lagene blir slått sammen når en bilderessurs genereres fra laggruppen.

Photoshop genererer ressursene og lagrer dem på samme sted som PSD-kildefilen.

Genererte bilderessurser i Photoshop
Genererte bilderessurser

Spesifisere parametre for kvalitet og størrelse

JPEG-ressurser genereres som standard med en kvalitet på 90 %. PNG-ressurser genereres som 32-biters bilder som standard. GIF-ressurser genereres med grunnleggende alfakanal.

Når du gir nytt navn til lag eller laggrupper i forberedelse av ressursgenerering, kan du tilpasse kvalitet og størrelse.

Parametre for JPEG-ressurser

  • Legg til ønsket utdatakvalitet etter ressursnavnet: .jpg(1–10) eller .jpg(1–100 %). Eksempel:
    • Ellipse_4.jpg5
    • Ellipse_4.jpg50%
  • Legg til ønsket utdatastørrelse for bilde (relativ eller i støttede formater: px (bildepunkter), in (tommer), cm og mm) før ressursnavnet. Photoshop skalerer bilde i henhold til dette. Eksempel:
    • 200% Ellipse_4.jpg
    • 300 x 200 Rounded_rectangle_3.jpg
    • 10in x 200mm Rounded_rectangle_3.jpg

Merk: Husk å legge til et ekstra mellomrom mellom prefikset og ressursnavnet. Hvis du angir størrelsen i bildepunkter (px), trenger du ikke å angi måleenheten. Eksempel: 300 x 200.

Merk:

Du kan, som illustrert, blande forskjellige enheter og bildepunkter mens du spesifiserer ønsket bildestørrelse for utdata. Eksempel: 4in x 100 Rounded_rectangle_3.jpg er et gyldig lagnavn for ressursgenerering.

Parametre for PNG-ressurser

  • Legg til ønsket utdatakvalitet etter ressursnavnet: 8, 24 eller 32. Eksempel:
    • Ellipse_4.png24
  • Legg til ønsket utdatastørrelse for bilde (relativ eller i støttede formater: px (bildepunkter), in (tommer), cm og mm) før ressursnavnet. Photoshop skalerer bilde i henhold til dette. Eksempel:
    • 42% Ellipse_4.png
    • 300mm x 20cm Rounded_rectangle_3.png
    • 10in x 50cm Rounded_rectangle_3.png

Merk: Husk å legge til et ekstra mellomrom mellom prefikset og ressursnavnet. Hvis du angir størrelsen i bildepunkter (px), trenger du ikke å angi måleenheten. Eksempel: 300 x 200.

Merk:

Du kan, som illustrert, blande forskjellige enheter og bildepunkter mens du spesifiserer ønsket bildestørrelse for utdata. Eksempel: 4in x 100 Rounded_rectangle_3.png er et gyldig lagnavn for ressursgenerering.

Parametre for GIF-ressurser

  • Legg til ønsket utdatastørrelse for bilde (relativ eller i støttede formater: px (bildepunkter), in (tommer), cm og mm) før ressursnavnet. Eksempel:
    • 42% Ellipse_4.gif
    • 300mm x 20cm Rounded_rectangle_3.gif
    • 20in x 50cm Rounded_rectangle_3.gif

Merk: Husk å legge til et ekstra mellomrom mellom prefikset og ressursnavnet. Hvis du angir størrelsen i bildepunkter (px), trenger du ikke å angi måleenheten. Eksempel: 300 x 200.

Merk:

Du kan, som illustrert, blande forskjellige enheter og bildepunkter mens du spesifiserer ønsket bildestørrelse for utdata. Eksempel: 4in x 100 Rounded_rectangle_3.gif er et gyldig lagnavn for ressursgenerering.

Parametre for kvalitet er ikke tilgjengelig for GIF-ressurser.

Konstruere komplekse lagnavn

Du kan spesifisere flere ressursnavn med parametre mens du navngir et lag for ressursgenerering. Eksempel:

120% Delicious.jpg, 42% Delicious.png24, 100x100 Delicious_2.jpg90%, 250% Delicious.gif

Photoshop genererer følgende ressurser fra dette laget:

  • Delicious.jpg (et JPG-bilde med en kvalitet på 8, skalert til 120 %)
  • Delicious.png (et 24-biters PNG-bilde, skalert til 42 %)
  • Delicious_2.jpg (et JPG-bilde med en kvalitet på 90 %, med en absolutt størrelse på 100 x 100 px)
  • Delicious.gif (et GIF-bilde skalert til 250 %)

Eksempler på absolutt skalering

Gode eksempler på absolutt skalering

  • 100x80 foo.png (enkel absolutt skalering)
  • 80 x 100px foo.png (mellomrom mellom lengdene)
  • 4in x100 foo.png (blanding av enheter og ingen enheter)
  • 90mm x 120cm foo.png (blanding av ulike enheter)
  • 100x? foo.png (jokertegn)
  • ?x60in foo.png (jokertegn i starten)

Dårlige eksempler på absolutt skalering

  • 100x100foo.png (ingen mellomrom før filnavn)
  • 80x100 60% foo.png (blanding av absolutt og relativ skalering)
  • 50% 80x100 foo.png (blanding av absolutt og relativ skalering)
  • 20in cm x50cm foo.png (flere enheter)
  • 30nm x20 nano.png (ugyldig enhet)

Formattere og dele flere filer

Gode eksempler

  • Layer 1.png (mellomrom i filnavn er tillatt – resultater i én enkelt fil kalt «Layer 1.png»)
  • Layer 1.png,Layer 2.jpg (komma som skilletegn)
  • Layer 1.png, Layer 2.jpg (komma etterfulgt av mellomrom som skilletegn)
  • Layer 1.png+Layer 2.jpg (plusstegn som skilletegn)
  • Layer 1.png + Layer 2.jpg (plusstegn etterfulgt av mellomrom som skilletegn)

Sette alt sammen

100% Delicious, 42% Layer 1.png24 + 100x100 Layer.jpg-90% , 250% Quux/Foo Bar Baz.gif resulterer i tre filer («100% Delicious»-strengen ignoreres fordi den ikke er et filnavn):

  • Layer 1.png, ved 42 % skala, som 24-biters png
  • Layer.jpg, som en absolutt størrelse for 100 x 100 piksler, som en jpg med 90 % kvalitet
  • Foo Bar Baz.gif i undermappe Quux, ved 250 % skala, som en gif.

Angi standardinnstillinger for ressurser

Du kan spesifisere standard dokumentinnstillinger som gjelder for de genererte ressursene. Følg disse trinnene:

  1. Opprett et tomt lag i dokumentet.
  2. Start navnet på laget med nøkkelordet standard. Nå kan du angi innstillingene som du ønsker å bruke på alle bilderessurser generert fra dokumentet. Eksempel:

standard hi-res/

Genererer alle bilderessurser i en undermappe som heter hi-res. Eksempel: [ressursmappe]/hi-res/Delicious.jpg.

standard hi-res/@2x

Genererer alle bilderessurser i en undermappe som heter hi-res. I tillegg er @2x lagt til ressursnavnene. Eksempel: [ressursmappe]/hi-res/Delicious@2x.jpg.

standard 50% lo-res/

Lagrer bilderessurser skalert ned med 50 % i undermappen lo-res under dokumentets ressursmappe

standard hi-res/@2x + 50% lo-res/

Genererer to bilderessurser fra et lag:

  • En bilderessurs i hi-res-undermappen, hvis navn er tillagt @2x
  • En bilderessurs i lo-res-undermappen, som er skalert ned med 50 %
Merk:

Standard skaleringsfaktorer overstyres av skaleringsfaktorer angitt for individuelle lag.

Deaktivere generering av bilderessurser for alle dokumenter

Du kan deaktivere generering av bilderessurser globalt for alle Photoshop-dokumenter ved å endre Innstillinger.

  1. Velg Rediger > Innstillinger > Programtillegg.
  2. Fjern markeringen for Aktiver generator.
  3. Klikk på OK.
Merk:

Menykommandoen Fil > Automatiser > Pluginmoduler for generator er utilgjengelig når du deaktiverer generering av bilderessurser i Innstillinger. Funksjonen kan bare aktiveres på nytt i dialogboksen Innstillinger.

Meny for pluginmoduler for generator

Før juli 2024-utgivelsen av Photoshop på datamaskin versjon 25.11, fant man pluginmoduler for generator under menyen Fil > Generer.

Nå finner du alle pluginmodulene for generator, inkludert standardpluginmodulen Bilderessurser, under menyen Fil > Automatiser > Pluginmoduler for generator.  Denne endringen ble gjort for å gjøre undermenyens navn mer tydelig, og gjøre det enklere å skille den fra de nye generative funksjonene, for eksempel Generer bilde

VANLIGE SPØRSMÅL

Mer som dette

Få hjelp raskere og enklere

Ny bruker?