Användarhandbok Avbryt

Generera bildresurser från lager

Obs!

Bildresurser finns nu under Arkiv > Automatisera > Generator-plugin-program.

Du kan generera bildresurser i formaten JPEG, PNG, GIF eller SVG från innehållet i ett lager eller en grupp av lager i en PSD-fil. Resurser genereras automatiskt när du anger ett tilläggsnamn för bildformat som stöds i ett lagernamn eller i en lagergrupps namn. Du kan även ange kvalitets- och storleksparametrar för de genererade bildresurserna.

Att skapa bildresurser från PSD-filer är särskilt användbart vid webbdesign för flera enheter.

Information om hur du skapar och exporterar webbilder finns i Exportera filer i olika format från Photoshop.

Generera bildresurser från lager eller lagergrupper

Om du bättre vill förstå hur bildresurser genereras kan du använda en enkel PSD-fil (hämtas från länken) med följande lagerhierarki som exempel:

Photoshop: Generera bildresurser
Exempel på PSD-fil och lagerhierarki.

Lagerhierarkin i filen består av två lagergrupper – Rounded_rectangles och Ellipses. Vardera lagergrupp innehåller fem lager.

Följ dessa anvisningar för att generera bildresurser från PSD-filen:

  1. PSD-filen ska vara öppen. Välj Arkiv > Automatisera > Generator-plugin-program > Bildresurser.
  2. Lägg till lämpligt filformat som tillägg (.jpg, .png.gif, eller .svg) till namn på de lager eller lagergrupper som du vill använda för att generera bildresurser. Du kan exempelvis ändra namn på lagergrupperna Rounded_rectangles och Ellipses till Rounded_rectangles.jpg och Ellipses.png, samt lagret Ellipse_4 till Ellipse_4.gif.
Obs!

Specialtecknen : och * stöds inte i lagernamn.

Photoshop genererar bildresurserna och sparar dem i en undermapp vid sidan av PSD-källfilen. Om PSD-källfilen inte är sparad kommer Photoshop att spara genererade bildresurser i en ny mapp på skrivbordet.

Photoshop: Namn på bildresurser
Namn på bildresurserna genereras från namn på lager eller lagergrupper

Obs!

Generering av bildresurser är aktiverad för aktuellt dokument. När funktionen väl har aktiverats är den tillgänglig varje gång dokumentet öppnas på nytt. Gör så här för att avaktivera generering av bildresurser för aktuellt dokument: Avmarkera Arkiv > Automatisera > Generator-plugin-program > Bildresurser.

Skapa molndokumentsresurser

Om du arbetar med ett molndokument sparas resurserna i katalogen ”Photoshop Cloud Associates”:

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

Generera flera bildresurser från ett lager eller en lagergrupp

Om du vill generera flera bildresurser från ett lager eller en lagergrupp avgränsar du namnen på resurserna med kommatecken. Följande lagernamn genererar till exempel tre resurser:

Ellipse_4.jpg, Ellipse_4b.png, Ellipse_4c.png

Spara resurser i en undermapp

Du kan välja att spara bildresurser som genererats från specifika lager eller lagergrupper i en undermapp direkt under dokumentets resursmapp. Inkludera undermappens namn i namnet för lagret eller lagergruppen, till exempel:

[undermapp]/Ellipse_4.jpg 

Exempel på användning i webbdesign

Att skapa bildresurser från PSD-filer är speciellt användbart vid webbdesign för flera enheter. Ta en titt på följande webbdesign och dess lagerstruktur:

Webbdesign och dess lagerhierarki

Vi ska extrahera ikonen högst upp och den översta raden på Global Hotspots-bildens stödraster som bildresurser:

  • Ange bildformatstillägget i önskat lagernamn.
Photoshop: Ändra namn på lager eller lagergrupper

Photoshop: Ändra namn på lager eller lagergrupper

Ändra namn på önskade lager eller lagergrupper

Obs!

En enda bildresurs genereras från innehållet i ett lager eller en lagergrupp. Exempel: Lagergruppen AdventureCo Logo i skärmbilden ovan innehåller ett formlager och ett animerat textlager. Båda lagren förenklas när en bildresurs genereras från lagergruppen.

Photoshop genererar bildresurserna och sparar dem på samma plats som PSD-källfilen.

Photoshop: Genererade bildresurser
Genererade bildresurser

Ange kvalitets- och storleksparametrar

JPEG-resurser genereras med kvaliteten 90 % som standard. PNG-resurser genereras som 32-bitars bilder som standard. GIF-resurser genereras med grundläggande alfa-genomskinlighet.

Samtidigt som du byter namn på lager eller lagergrupper som förberedelse inför att generera resurser, kan du anpassa kvalitet och storlek.

Parametrar för JPEG-resurser

  • Lägg till önskad utdatakvalitet som ett suffix till resursnamnet: .jpg(1-10) eller .jpg(1-100 %). Exempel:
    • Ellipse_4.jpg5
    • Ellipse_4.jpg50%
  • Lägg till önskad utdatabildstorlek (relativt eller med ett format som stöds: px, in, cm och mm) som prefix till resursnamnet. Photoshop formaterar bilden i skalan enligt ditt val. Exempel:
    • 200% Ellipse_4.jpg
    • 300 x 200 Rounded_rectangle_3.jpg
    • 10in x 200mm Rounded_rectangle_3.jpg

Obs! Glöm inte att lägga till ett mellanrum mellan prefixet och resursnamnet. Om du anger storleken i pixlar kan du utesluta måttenheten. Till exempel 300 x 200.

Obs!

Som du ser kan du blanda olika måttenheter och pixlar när du anger önskat utvärde för bildstorlek. Exempel: 4in x 100 Rounded_rectangle_3.jpg är ett giltigt lagernamn för att generera en resurs.

Parametrar för PNG-resurser

  • Lägg till önskad utdatakvalitet som ett suffix till resursnamnet: 8, 24 eller 32. Exempel:
    • Ellipse_4.png24
  • Lägg till önskad utdatabildstorlek (relativt eller med ett format som stöds: px, in, cm och mm) som prefix till resursnamnet. Photoshop formaterar bilden i skalan enligt ditt val. Exempel:
    • 42% Ellipse_4.png
    • 300mm x 20cm Rounded_rectangle_3.png
    • 10in x 50cm Rounded_rectangle_3.png

Obs! Glöm inte att lägga till ett mellanrum mellan prefixet och resursnamnet. Om du anger storleken i pixlar kan du utesluta måttenheten. Till exempel 300 x 200.

Obs!

Som du ser kan du blanda olika måttenheter och pixlar när du anger önskat utvärde för bildstorlek. Exempel: 4in x 100 Rounded_rectangle_3.jpg är ett giltigt lagernamn för att generera en resurs.

Parametrar för GIF-resurser

  • Lägg till önskad utdatabildstorlek (relativt eller med ett format som stöds: px, in, cm och mm) som prefix till resursnamnet. Exempel:
    • 42% Ellipse_4.gif
    • 300mm x 20cm Rounded_rectangle_3.gif
    • 20in x 50cm Rounded_rectangle_3.gif

Obs! Glöm inte att lägga till ett mellanrum mellan prefixet och resursnamnet. Om du anger storleken i pixlar kan du utesluta måttenheten. Till exempel 300 x 200.

Obs!

Som du ser kan du blanda olika måttenheter och pixlar när du anger önskat utvärde för bildstorlek. Exempel: 4in x 100 Rounded_rectangle_3.gif är ett giltigt lagernamn för att generera resurser.

Kvalitetsparametrar är inte tillgängliga för GIF-resurser.

Skapa komplexa lagernamn

Du kan ange flera resursnamn när du namnger ett lager för att generera en resurs. Exempel:

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

Photoshop genererar följande resurser från detta lager:

  • Delicious.jpg (en JPG-bild med kvalitet 8 och i skala 120 %)
  • Delicious.png (en 24-bitars PNG-bild i skala 42 %)
  • Delicious_2.jpg (en JPG-bild med 90 % i kvalitet och en absolut storlek om 100x100 px)
  • Delicious.gif (en GIF-bild i skala 250 %)

Exempel på absolut skalförändring

Bra exempel på absolut skalförändring

  • 100 x 80 foo.png (enskild absolut skalförändring)
  • 80 x 100 px foo.png (mellanrum mellan längder)
  • 4 tum x 100 foo.png (blandning av måttenheter eller inga måttenheter)
  • 90 mm x 120 cm foo.png (blandning av olika måttenheter)
  • 100x? foo.png (jokertecken)
  • ?x60in foo.png (jokertecken i början)

Dåliga exempel på absolut skalförändring

  • 100x100foo.png (inget blanksteg före filnamn)
  • 80x100 60% foo.png (blandning av absolut och relativ skalförändring)
  • 50% 80x100 foo.png (blandning av absolut och relativ skalförändring)
  • 20in cm x50cm foo.png (flera måttenheter)
  • 30nm x20 nano.png (ogiltig måttenhet)

Formatera och separera flera filer

Bra exempel

  • Layer 1.png (blanksteg i filnamn tillåts – skapar en enskild fil med namnet ”Layer 1.png”)
  • Layer 1.png, Layer 2.jpg (komma som avgränsare)
  • Layer 1.png, Layer 2.jpg (komma följt av blanksteg som avgränsare)
  • Layer 1.png+Layer 2.jpg (plus som avgränsare)
  • Layer 1.png + Layer 2.jpg (plus följt av blanksteg som avgränsare)

Lägga ihop allt

100% Delicious, 42% Layer 1.png24 + 100x100 Layer.jpg-90% , 250% Quux/Foo Bar Baz.gif -resultat i tre filer (strängen ”100% Delicious” ignoreras eftersom det inte är ett filnamn):

  • Layer 1.png, i 42 % skala, som en 24-bitars png
  • Layer.jpg, med en absolut storlek på 100x100 pixlar, som en jpg med kvalitet på 90 %
  • Foo Bar Baz.gif i undermappen Quux, i 250 % skala, som gif.

Ange standardinställningar för resurser

Du kan ange omfattande standardinställningar för dokument för genererade resurser. Gör så här:

  1. Skapa ett tomt lager i dokumentet.
  2. Börja lagernamnet med nyckelordet standard. Ange inställningarna som du vill använda på samtliga bildresurser genererade från dokumentet. Exempel:

standard-hi-res/

Genererar alla bildresurser i en undermapp med namnet hi-res. Exempel:[resurs_mapp]/hi-res/Delicious.jpg.

standard-hi-res/@2x

Genererar alla bildresurser i en undermapp med namnet hi-res. Dessutom läggs @2x till resursnamnet. Exempel:[resursmapp]/hi-res/Delicious@2x.jpg.

standard 50 %-lo-res/

Sparar bildresurser som förminskats med 50 % i undermappen lo-res under dokumentets resursmapp 

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

Genererar två bildresurser från ett lager:

  • I undermappen hi-res läggs en bildresurs till med tillägget @2x
  • I undermappen lågupplösta förminskas en bildresurs med 50 %
Obs!

Standardskalfaktorer skrivs över av skalfaktorer som angetts för enskilda lager.

Avaktivera generering av bildresurser för alla dokument

Du kan avaktivera generering av bildresurser globalt i alla Photoshop-dokument genom att ändra dina Inställningar.

  1. Välj Redigera > Inställningar > Plugin-program.
  2. Avmarkera Aktivera Generator.
  3. Klicka på OK.
Obs!

Menyalternativet Arkiv > Automatisera > Generator-plugin-program är inte tillgängligt när du avaktiverar generering av bildresurser i Inställningar. Funktionen kan aktiveras på nytt, men enbart i dialogrutan Inställningar.

Meny för Generator-plugin-program

Före juli 2024-versionen av Photoshop för datorer version 25.11 hittade du Generator-plugin-program under menyn Arkiv > Generera.

Nu finns alla Generator-plugin-program, inklusive standardplugin-programmet Bildresurser, på menyn Arkiv > Automatisera > Generator-plugin-program.  Den här ändringen görs för att göra undermenyns namn tydligare och skilja det från de nya generativa funktionerna som Generera bild

Vanliga frågor

Liknande innehåll

Få hjälp snabbare och enklare

Ny användare?