Generere bilderessurser fra lag eller laggrupper

Sist oppdatert 29. okt. 2026

Bruk Generator til å opprette filer automatisk ved å legge til formatutvidelser, som .png eller .jpg, i lagnavn.

Når du legger til filutvidelser i lagnavn, utløses Generator i Photoshop til å opprette bildefiler automatisk hver gang du lagrer.Dette eliminerer repeterende eksporttrinn for web-, app- og flerenhetsprosjekter som krever flere formater eller størrelser.

Arbeidsflyten fungerer best når du trenger konsekvent, repeterbar eksport i flere formater eller oppløsninger – for eksempel for å lage @1x-, @2x- og @3x-versjoner for responsive design.For enkeltstående eksporter, eller når du trenger formatspesifikke kontroller, bruk Fil > Eksporter > Eksporter som i stedet.

Generator oppretter en egen mappe for ressursene dine, og oppdaterer filene automatisk mens du arbeider.Du kan generere flere formater fra ett enkelt lag, angi kvalitetsinnstillinger, skalere ressurser til forskjellige størrelser og organisere resultater i undermapper – alt via navnekonvensjoner for lag.

  • Photoshop-dokument med navngitte lag eller laggrupper
  • Lagret dokument på et kjent sted (eller ressursene vises på Skrivebordet)
  • Kunnskap om nødvendige utdataformater for prosjektet ditt

Aktiver generering av bilderessurser

Velg Fil > Automatiser > Generator-programtillegg > Bilderessurser.

I panelet Lag finner du laget eller gruppen du vil eksportere.

Gi laget nytt navn ved å legge til en filutvidelse: .jpg, .png, .gif eller .svg.For eksempel, gi "logo" nytt navn til "logo.png".

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

Photoshop oppretter bildefilen i en undermappe ved siden av det lagrede dokumentet.Hvis dokumentet ikke er lagret ennå, vises ressursene i en ny mappe på Skrivebordet.Generator forblir aktiv – eventuelle endringer i lag med generator aktivert utløser automatiske oppdateringer av de tilhørende ressursene.

Notat

Lagnavn kan ikke inneholde : (kolon) eller * (stjerne), siden disse tegnene hindrer generering av ressurser.

Generer flere formater fra ett lag

Ett enkelt lag kan produsere ressurser i forskjellige formater, størrelser og kvalitetsnivåer samtidig.Skill hver ressursspesifikasjon i lagnavnet med komma eller plusstegn.

Marker laget i Lag-panelet.

Gi laget nytt navn med et kommaseparert format – for eksempel: button.png, button.jpg90, 200% button@2x.png.

Lagre dokumentet.

Photoshop genererer tre separate filer fra samme laginnhold, slik at du ikke trenger å eksportere samme grafikk manuelt i forskjellige formater.

Kontroller kvalitet og skaler ressurser for ulike Screens

Marker laget i Lag-panelet.

Legg til kvalitets- eller størrelsesparametere i filnavnet. For eksempel: "button.jpg90" setter JPEG-kvaliteten til 90 %, eller "200% logo@2x.png" dobler størrelsen på ressursen.

For flere oppløsninger, skill hver spesifikasjon med komma: "icon.png, 200% icon@2x.png, 300% icon@3x.png".

Lagre dokumentet for å generere alle variasjonene.

Kvalitetssuffikser styrer komprimering for JPG-filer (1–100) og bitdybde for PNG-filer (8, 24 eller 32). Størrelsesprefikser kan bruke prosent for relativ skalering eller absolutte pikselmål. Du kan kombinere enheter – for eksempel "10in x 5cm banner.jpg" – og utelate én dimensjon for å skalere proporsjonalt: "1080 x icon.png" setter bredden til 1080 piksler samtidig som proporsjonene beholdes.

Tips

Bruk navnekonvensjonene @2x og @3x for å automatisk generere retina- og høy-DPI-versjoner for responsive webprosjekter og mobilapper.

Eksempler på relativ skalering:

200% logo.png dobler størrelsen på ressursen

50% thumbnail.jpg reduserer ressursen til halv størrelse

Eksempler på absolutt størrelse:

300 x 200 hero.png oppretter et bilde på 300×200 piksler

10in x 5cm banner.jpg kombinerer enheter (10 tommer bred, 5 centimeter høy)

1080 x icon.png setter bredden til 1080 piksler, høyden skaleres proporsjonalt

Tips

Når du angir pikselmål, skriv tallene direkte uten enhetsbetegnelser. Bruk "300 x 200" i stedet for "300px x 200px".

Organiser ressurser i undermapper

Som standard lagres alle genererte ressurser i en enkelt mappe ved siden av PSD-filen din. Hvis du legger til et navn på en undermappe før filnavnet, vil generator opprette og bruke den undermappen automatisk. Dette holder relaterte ressurser organisert uten manuell mappehåndtering.

Inkluder undermappestien i lagnavnet ditt ved å bruke skråstreker: subfolder/filename.png eller icons/logo.svg.Du kan neste flere nivåer: assets/icons/logo.png.

Eksporter ressurser til bestemte mapper

Gi laget nytt navn ved å bruke undermappestier i filnavnet.For eksempel: mobile/button.png, desktop/button.png.

Lagre dokumentet.

Photoshop lager mappestrukturen automatisk og plasserer hver ressurs på den angitte plasseringen. Ved å kombinere undermapper med størrelsesprefikser og kvalitetsinnstillinger får du full kontroll over organiseringen av ressurser: mobile/200% button@2x.png, desktop/button.jpg90.

Angi standardinnstillinger for hele dokumentet

Opprett et spesielt lag for å etablere grunnlinjeinnstillinger som gjelder for alle genererte ressurser.Dette eliminerer gjentatte parameterangivelser i individuelle lagnavn.

Opprett et tomt lag og gi det et navn som starter med "default", etterfulgt av dine foretrukne innstillinger.Vanlige konfigurasjoner inkluderer "default 200%" for å skalere alle ressurser til 200 %, "default assets/" for å lagre alt i en undermappe kalt "assets", eller "default @2x" for å legge til suffikset @2x i alle filnavn.

Du kan kombinere flere standardinnstillinger: "default 200% retina/ @2x" skalerer alle ressurser til 200 %, lagrer dem i undermappen «retina» og legger til suffikset @2x i filnavnene.Individuelle laginnstillinger overstyrer dokumentets standardinnstillinger – hvis standardinnstillingen din angir "default 200%", men et lagnavn inkluderer "50% thumbnail.png", genereres det laget med 50 %.

Arbeide med nettskydokumenter

Nettsky-dokumenter lagrer genererte ressurser lokalt i stedet for direkte sammen med PSD-filen.Photoshop beholder denne separasjonen for å skille mellom lokalt og skysynkronisert innhold.

Ressurser for nettsky-dokumenter vises på disse stedene:

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

Hvert nettsky-dokument lager sin egen undermappe i denne katalogen. Ressurser genereres automatisk mens du arbeider, men forblir på den lokale maskinen din til du eksplisitt deler eller synkroniserer dem i Creative Cloud.

Deaktiver generering av ressurser

Generering av Bilderessurser forblir aktiv for et dokument når den er aktivert, og varer over flere økter. Funksjonen genererer ressurser på nytt automatisk hver gang du lagrer, noe som kan redusere ytelsen for komplekse dokumenter.

For å slå av generering for det aktuelle dokumentet, fjern markeringen for Fil > Automatiser > Generator-plugin-moduler > Bilderessurser.Dette stopper automatisk oppretting av ressurser, men bevarer eksisterende ressurser og lagnavngivning.

Slå av generator globalt for alle dokumenter ved å velge Rediger > Innstillinger > Programtillegg, fjerne markeringen for Aktiver Generator, og velge OK.Dette slår fullstendig av generatorfunksjonaliteten til du aktiverer den på nytt i Innstillinger.