Generera bildresurser från lager

Senast uppdaterad den 2 nov. 2026

Använd Generator för att automatiskt skapa filer genom att lägga till formatändelser som .png eller .jpg till lagernamnen.

Om du lägger till filnamnstillägg i lagernamn utlöser det Photoshop Generator så att bildfiler skapas automatiskt varje gång du sparar. Detta eliminerar upprepade exportsteg för webb-, app- och flerenhets­projekt som kräver flera format eller storlekar.

Det här arbetsflödet fungerar bäst när du behöver konsekventa, upprepningsbara exporter i flera format eller upplösningar – till exempel när du tar fram versioner i @1x, @2x och @3x för responsiva designer. För engångsexporter eller när du behöver formatspecifika kontroller använder du istället Arkiv > Exportera > Exportera som.

Generator skapar en särskild mapp för dina resurser och uppdaterar filer automatiskt medan du arbetar. Du kan generera flera format från ett enda lager, ange kvalitetsinställningar, skala resurser till olika storlekar och organisera utdata i undermappar – allt genom namnkonventioner för lager.

  • Photoshop-dokument med namngivna lager eller lagergrupper
  • Sparat dokument på en känd plats (annars visas resurser på skrivbordet)
  • Kunskap om vilka utdataformat som krävs för projektet

Aktivera generering av bildresurser

Välj Arkiv > Automatisera > Generator-pluginprogram > Bildresurser.

Leta upp lagret eller gruppen du vill exportera i panelen Lager.

Byt namn på lagret genom att lägga till ett filnamnstillägg: .jpg, .png, .gif eller .svg. Byt till exempel namn på ”logo” till ”logo.png”.

Spara dokumentet med Ctrl + S (Windows) eller Command + S (macOS).

Photoshop skapar bildfilen i en undermapp bredvid det sparade dokumentet. Om dokumentet inte har sparats än visas resurser i en ny mapp på skrivbordet. Generatorn förblir aktiv – alla ändringar i lager med generator aktiverat utlöser automatiska uppdateringar av motsvarande resurser.

Obs!

Lagernamn får inte innehålla : (kolon) eller * (asterisk), eftersom dessa tecken förhindrar generering av resurser.

Generera flera format från ett lager

Ett enda lager kan samtidigt skapa resurser i olika format, storlekar och kvalitetsnivåer.Avgränsa varje resursspecifikation i lagernamnet med ett kommatecken eller ett plustecken.

Markera lagret på panelen Lager.

Byt namn på lagret med ett kommaseparerat format – till exempel: button.png, button.jpg90, 200% button@2x.png.

Spara dokumentet.

Photoshop genererar tre separata filer från samma lagerinnehåll, vilket gör att du inte behöver exportera samma grafik manuellt i olika format.

Kontrollera kvaliteten och skala resurser för olika skärmar

Markera lagret på panelen Lager.

Lägg till kvalitets- eller storleksparametrar i filnamnet.Till exempel: "button.jpg90" anger JPEG-kvaliteten till 90 %, eller "200% logo@2x.png" dubblerar resursens storlek.

För flera upplösningar skiljer du varje specifikation med kommatecken: "icon.png, 200% icon@2x.png, 300% icon@3x.png".

Spara dokumentet för att generera alla variationer.

Kvalitetssuffix styr komprimeringen för JPG-filer (1–100) och bitdjupet för PNG-filer (8, 24 eller 32).Storleksprefix kan använda procent för relativ skalning eller absoluta pixelmått.Du kan blanda enheter – till exempel "10in x 5cm banner.jpg" – och utelämna en dimension för att skala proportionellt: "1080 x icon.png" anger bredden till 1080 px samtidigt som bildförhållandet bibehålls.

Tips

Använd namnkonventionerna @2x och @3x för att automatiskt generera retina- och high DPI-versioner för responsiva webbprojekt och mobilappar.

Exempel på relativ skalning:

200% logo.png dubblerar resursens storlek

50% thumbnail.jpg minskar resursen till halva storleken

Exempel på absolut storlek:

300 x 200 hero.png skapar en bild på 300×200 px

10in x 5cm banner.jpg blandar enheter (10 tum bred, 5 centimeter hög)

1080 x icon.png anger bredden till 1080 px, höjden skalas proportionellt

Tips

När du anger pixeldimensioner skriver du siffrorna direkt utan enhetsbeteckningar.Använd "300 x 200" istället för "300px x 200px".

Organisera resurser i undermappar

Som standard sparas alla genererade resurser i en enda mapp bredvid din PSD-fil.Om du lägger till ett undermappsnamn före filnamnet instrueras generatorn att automatiskt skapa och använda den undermappen.Detta håller relaterade resurser organiserade utan manuell mapphantering.

Inkludera undermappens sökväg i lagernamnet med snedstreck: subfolder/filename.png eller icons/logo.svg.Du kan kapsla in flera nivåer: assets/icons/logo.png.

Exportera resurser till specifika mappar

Byt namn på lagret med sökvägar till undermappar i filnamnet. Till exempel: mobile/button.png, desktop/button.png.

Spara dokumentet.

Photoshop skapar mappstrukturen automatiskt och placerar varje resurs på rätt plats. Genom att kombinera undermappar med storleksprefix och kvalitetsinställningar får du full kontroll över hur resurserna organiseras: mobile/200% button@2x.png, desktop/button.jpg90.

Ange standardvärden för hela dokumentet

Skapa ett speciallager för att fastställa baslinjeinställningar som gäller för alla genererade resurser. Det gör att du slipper upprepa parameterspecifikationer i namn på enskilda lager.

Skapa ett tomt lager och ge det ett namn som börjar med "default" följt av dina önskade inställningar. Vanliga konfigurationer är "default 200%" för att skala alla resurser till 200 %, "default assets/" för att spara allt i en assets-undermapp eller "default @2x" för att lägga till suffixet @2x till alla filnamn.

Du kan kombinera flera standardvärden: "default 200% retina/ @2x" skalar alla resurser till 200 %, sparar dem i en retina-undermapp och lägger till suffixet @2x till filnamnen. Inställningar för enskilda lager åsidosätter dokumentets standardvärden – om standardvärdet anger "default 200%" men ett lagernamn innehåller "50% thumbnail.png" genereras det lagret i 50 %.

Arbeta med molndokument

Molndokument lagrar genererade resurser lokalt i stället för direkt bredvid PSD-filen. Photoshop behåller den här åtskillnaden för att skilja mellan lokalt innehåll och innehåll som synkas med molnet.

Resurser för molndokument visas på följande platser:

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

Varje molndokument skapar en egen undermapp i den här katalogen. Resurser genereras automatiskt medan du arbetar, men ligger kvar på din lokala dator tills du uttryckligen delar eller synkar dem i Creative Cloud.

Inaktivera resursgenerering

Generering av bildresurser förblir aktiv för ett dokument när den har aktiverats och fortsätter att gälla mellan sessioner. Funktionen återskapar automatiskt resurser varje gång du sparar, vilket kan göra att prestandan blir sämre i komplexa dokument.

Om du vill stänga av genereringen för det aktuella dokumentet avmarkerar du Arkiv > Automatisera > Generator Plugins > Bildresurser. Det här stoppar automatisk skapande av resurser men bevarar alla befintliga resurser och lagernamn.

Om du vill stänga av generator globalt i alla dokument väljer du Redigera > Inställningar > Tillägg, avmarkerar Aktivera Generator och väljer OK.Detta stänger helt av generatorfunktionen tills du aktiverar den igen i Inställningar.