Kuvaresurssien luominen tasoista

Päivitetty viimeksi 29. lokakuuta 2026

Käytä generaattoria ja luo tiedostoja automaattisesti lisäämällä tasojen nimiin muotopäätteitä, kuten .png tai .jpg.

Kun lisäät tasojen nimiin tiedostopäätteitä, Photoshopin generaattori luo kuvatiedostot automaattisesti aina tallennuksen yhteydessä.Tämä poistaa toistuvat vientivaiheet verkko-, sovellus- ja monilaiteprojekteista, jotka vaativat useita muotoja tai kokoja.

Tämä työnkulku toimii parhaiten, kun tarvitset yhtenäisiä ja toistettavia vientejä useissa muodoissa tai tarkkuuksissa – esimerkiksi kun luot @1x-, @2x- ja @3x-versioita responsiivista suunnittelua varten.Kertaluonteisissa vienneissä tai kun tarvitset muotokohtaista hallintaa, käytä kohtaa Tiedosto > Vie > Vie muodossa sen sijaan.

Generaattori luo omistetun kansion asseteillesi ja päivittää tiedostoja automaattisesti sitä mukaa, kun työskentelet.Voit generoida useita muotoja yhdestä tasosta, määrittää laatuasetukset, skaalata assetteja eri kokoihin ja järjestää tulosteet alikansioihin – kaikki tasojen nimeämiskäytäntöjen avulla.

  • Photoshop-asiakirja, jossa on nimettyjä tasoja tai tasoryhmiä
  • Tallennettu asiakirja tunnettuun sijaintiin (tai assetit näkyvät työpöydällä)
  • Tieto projektissa tarvittavista tulostusmuodoista

Ota Kuva-assettien generointi käyttöön

Valitse Tiedosto > Automatisoi > Generaattorin lisäosat > Kuva-assetit.

Etsi vietävä taso tai ryhmä Tasot-paneelista.

Nimeä taso uudelleen lisäämällä siihen tiedostopääte: .jpg, .png, .gif tai .svg.Nimeä esimerkiksi ”logo” uudelleen muotoon ”logo.png”.

Tallenna asiakirja painamalla Ctrl + S (Windows) tai Command + S (macOS).

Photoshop luo kuvatiedoston alikansioon tallennetun asiakirjan vierelle.Jos asiakirjaa ei ole vielä tallennettu, resurssit näkyvät uudessa kansiossa työpöydällä.Generaattori pysyy käytössä – mahdolliset muutokset generaattorin käyttöön otetuissa tasoissa päivittävät vastaavat assetit automaattisesti.

Muistiinpano

Tasojen nimissä ei voi käyttää merkkejä : (kaksoispiste) tai * (asteriski), koska ne estävät assettien generoinnin.

Generoi useita muotoja yhdestä tasosta

Yksi taso voi tuottaa assetteja eri muodoissa, kooissa ja laatutasoissa samanaikaisesti.Erota tasonimessä olevat assettimäärittelyt toisistaan pilkulla tai plusmerkillä.

Valitse taso Tasot-paneelista.

Nimeä taso uudelleen pilkuin erotetussa muodossa, esimerkiksi: button.png, button.jpg90, 200 % button@2x.png.

Tallenna tiedosto.

Photoshop luo samasta tason sisällöstä kolme erillistä tiedostoa, jolloin samaa grafiikkaa ei tarvitse viedä manuaalisesti eri muodoissa.

Hallitse laatua ja skaalaa resursseja eri screensille

Valitse taso Tasot-paneelista.

Lisää tiedostonimeen laatu- tai kokoparametrit.Esimerkiksi "button.jpg90" asettaa JPEG-laaduksi 90 %, tai "200 % logo@2x.png" kaksinkertaistaa resurssin koon.

Jos tarvitset useita resoluutioita, erota määritykset pilkuilla: "icon.png, 200 % icon@2x.png, 300 % icon@3x.png".

Tallenna asiakirja, jotta kaikki variaatiot generoituvat.

Laatupäätteet hallitsevat JPG-tiedostojen pakkausta (1–100) ja PNG-tiedostojen bittisyvyyttä (8, 24 tai 32).Kokoetuliitteet hyväksyvät prosentteja suhteellista skaalausta varten tai absoluuttisia pikselimittoja.Voit yhdistää yksiköitä – esimerkiksi ”10in x 5cm banner.jpg” – ja jättää yhden mitan pois, jolloin kuva skaalautuu suhteellisesti: ”1080 x icon.png” asettaa leveydeksi 1080 pikseliä ja säilyttää kuvasuhteen.

Vihje

Käytä @2x- ja @3x-nimeämiskäytäntöjä, niin saat automaattisesti generoitua retina- ja high-DPI-versioita responsiivisia verkkoprojekteja ja mobiilisovelluksia varten.

Suhteellisen skaalauksen esimerkkejä:

200% logo.png kaksinkertaistaa resurssin koon

50% thumbnail.jpg pienentää resurssin puoleen kokoon

Absoluuttisen koon esimerkit:

300 x 200 hero.png luo 300 × 200 pikselin kuvan

10in x 5cm banner.jpg yhdistää yksiköitä (leveys 10 tuumaa, korkeus 5 senttimetriä)

1080 x icon.png asettaa leveydeksi 1080 pikseliä, ja korkeus skaalautuu suhteessa

Vihje

Kun määrität pikselimittoja, kirjoita luvut suoraan ilman yksikkömerkintöjä.Käytä muotoa ”300 x 200” eikä ”300px x 200px”.

Järjestä resurssit alikansioihin

Oletusarvoisesti kaikki generoidut resurssit tallentuvat yhteen kansioon PSD-tiedoston vierelle.Kun lisäät alikansion nimen tiedostonimen eteen, generator luo ja käyttää kyseistä alikansiota automaattisesti.Tämä pitää toisiinsa liittyvät resurssit järjestyksessä ilman manuaalista kansionhallintaa.

Lisää alikansion polku tason nimeen vinoviivoja käyttäen: subfolder/filename.png tai icons/logo.svg.Voit sisäkkäistää useita tasoja: assets/icons/logo.png.

Vie resurssit tiettyihin kansioihin

Nimeä taso uudelleen sisällyttämällä tiedostonimeen alikansiopolku.Esimerkiksi: mobile/button.png, desktop/button.png.

Tallenna tiedosto.

Photoshop luo kansiorakenteen automaattisesti ja sijoittaa kunkin resurssin sille määritettyyn paikkaan.Yhdistämällä alikansiot kokoetuliitteisiin ja laatuasetuksiin saat täyden hallinnan resurssien järjestämiseen: mobile/200% button@2x.png, desktop/button.jpg90.

Määritä asiakirjan oletusasetukset

Luo erityinen taso, joka määrittää peruslinja-asetukset kaikille generoiduille resursseille.Tämä poistaa tarpeen toistaa parametrimäärityksiä yksittäisten tasojen nimissä.

Luo tyhjä taso ja anna sille nimi, joka alkaa sanalla ”default” ja jatkuu haluamillasi asetuksilla.Yleisiä määrityksiä ovat esimerkiksi ”default 200%”, joka skaalaa kaikki resurssit 200 prosenttiin, ”default assets/”, joka tallentaa kaiken assets-alikansioon, sekä ”default @2x”, joka lisää @2x-päätteen kaikkiin tiedostonimiin.

Voit yhdistää useita oletusasetuksia: ”default 200% retina/ @2x” skaalaa kaikki resurssit 200 prosenttiin, tallentaa ne retina-alikansioon ja lisää tiedostonimiin @2x-päätteen.Yksittäisen tason asetukset ohittavat dokumentin oletusasetukset. Jos oletusasetus on ”default 200%”, mutta tason nimessä on ”50% thumbnail.png”, kyseinen taso generoituu 50 prosentin kokoisena.

Pilvidokumenttien työstäminen

Pilvidokumentit tallentavat generoidut resurssit paikallisesti sen sijaan, että ne tallennettaisiin suoraan PSD-tiedoston yhteyteen.Photoshop säilyttää tämän erottelun, jotta paikallinen ja pilveen synkronoitu sisältö pysyvät erillään.

Pilvidokumenttien resurssit näkyvät seuraavissa sijainneissa:

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

Jokainen pilvidokumentti luo oman alikansion tähän hakemistoon.Resurssit luodaan automaattisesti työskentelyn aikana, mutta ne pysyvät paikallisella koneella, kunnes jaat tai synkronoit ne erikseen Creative Cloudissa.

Poista resurssien generointi käytöstä

Kuvaresurssien generointi pysyy käytössä dokumentille sen jälkeen, kun se otetaan käyttöön, ja säilyy istuntojen välillä.Ominaisuus generoi resurssit automaattisesti uudelleen aina tallennuksen yhteydessä, mikä voi hidastaa monimutkaisten dokumenttien suorituskykyä.

Poista nykyisen dokumentin generointi käytöstä poistamalla valinta kohdasta Tiedosto > Automatisoi > Generator Plugins > Kuva-resurssit.Tämä pysäyttää automaattisen resurssien luonnin, mutta säilyttää olemassa olevat resurssit ja tasojen nimeämisen.

Jos haluat poistaa generatorin käytöstä yleisesti kaikissa asiakirjoissa, valitse Muokkaa > Asetukset > Liitännäiset, poista valinta kohdasta Ota generator käyttöön ja valitse OK. Tämä poistaa generator-toiminnallisuuden kokonaan käytöstä, kunnes otat sen uudelleen käyttöön Asetuksissa.