En tiedä tekeekö kukaan muu enää mun lisäkseni web-grafiikkaa Photoshopilla, mutta tässä todella paljon aikaa säästävä vinkki kaikille ’ei-Sketch-käyttäjille’. Tämän niksin avulla vältyt itse tekemästä jokaisesta kuvasta kaksi eri kokoista versiota webiä varten ja annat Photoshopin luoda ne puolestasi.

Nimeä kaikki tasot jotka haluat viedä kuvasta webiin, siten että niillä on haluamasi tiedostopääte (kuva.xxx). Jos kuvalle ei anneta päätettä, sitä ei viedä ohjelmasta.

Tee ylimmäksi tasoksi tyhjä taso ja anna sen nimeksi default hi-res/@2x + 50% lo-res/

Tässä nimessä hi-res ja lo-res ovat kansion nimet, jotka luodaan vietäessä. Hi-resiin PS laittaa kuvat 1:1 kokoon ja lisää automaattisesti nimeen ”retina”liitteen @2x. Lo-res kansioon viedään kuvista puolet pienempi versio.

Valitse Tiedosto/Luo/Kuvaresurssit

Photoshop luo alkuperäisen kuvan tallennuspaikkaan Assets-kansion, jonka sisällä:

Ja edelleen Hi-resin sisällä: