Monet verkkosivujen suunnittelijat käyttivät Adobe® Photoshopia® luodakseen verkkosivustosta nopeat mallit ennen suunnittelun tekemistä HyperText Markup Language (HTML) -tiedostoon, ja monet ohjelmat voivat muuntaa Photoshop® -asiakirjan (PSD) HTML -asiakirjaksi, mutta on hyvin vähän apuohjelmia, jotka muuttavat HTML: n PSD: ksi. Yksi tärkeä vinkki muunnettaessa on varmistaa, että dynaamisella sisällöllä, kuten appletilla, animaatioilla tai multimediasisällöllä, on joko staattinen näyttö tai se on muutettu paikkamerkiksi, jotta se muunnetaan oikein. On olemassa joitain temppuja, joita voidaan käyttää HTML: n muuntamiseen PSD-muotoon, kuten useimmissa selaimissa tulostus tiedostoon -toiminnon avulla voit luoda PDF-tiedoston (PDF), joka voidaan avata Photoshopissa®. Riippumatta siitä, mitä menetelmää käytetään HTML: n muuntamiseen PSD: ksi, tuloksena oleva sivu vaatii viime kädessä jonkin verran muokkaamista, kuten sivun elementtien eristämistä ja siirtämistä eri kerroksiin tai sivun tekstin terävöittämistä muuntamisen aikana luonnollisesti esiintyvän aliaksen poistamiseksi, olla hyväksyttävä.
Photoshop® PSD -asiakirjat sisältävät luonnostaan rasteroituja kuvia, joten ne tallennetaan enimmäkseen pikseleinä. HTML on kieli, joka on suunniteltu tarjoamaan muotoilu- ja asetteluohjeita, jotka ovat lähempänä vektoripohjaista grafiikkaa, kuten Adobe® Illustrator®. HTML: n muuntaminen PSD: ksi sisältää keinon muuntaa verkkoselaimessa renderöidyt pikselit kuvatiedostomuotoon, jota Photoshop® voi lukea.
On kaksi yksinkertaista tapaa muuntaa HTML tehokkaasti PSD: ksi. Ensimmäinen on käyttää näytön kaappausohjelmaa, kaapata verkkosivuston jokainen katseltavissa oleva segmentti ja yhdistää ne sitten Photoshopiin®. Tämän etuna on se, että se kaappaa näytöllä näkyvän tarkasti, joten animaatioita ja muuta dynaamista sisältöä ei tarvitse poistaa, mutta sen haittana on melko sotkuinen prosessi. Lisäksi verkkosivuston kuvakaappauksilla on asetettu pikselitarkkuus, ja kuva saattaa näkyä eri tavalla eri näytöissä, koska värinkorjausta ei ole.
Toinen tapa muuntaa HTML PSD-muotoon on käyttää sisäänrakennettua tulostuskomentoa, jonka useimmat verkkoselaimet toteuttavat. Tämä luo tiedoston – joskus kuvan, joskus PDF -tiedoston – jonka Photoshop® voi avata ja muokata. Tätä menetelmää käytettäessä skriptien avulla luotu dynaaminen sisältö, appletit, animaatiot ja kuvat eivät ehkä tulostu kunnolla, ja asiakirjan monimutkainen muotoilu tai kehykset saattavat näkyä irrotettuina alueina PSD -asiakirjassa. Dynaamisen sisällön korvaaminen saman kokoisilla tai mittakaavan paikkamerkillä varustetuilla kuvilla voi korjata joitakin näistä ongelmista, vaikka monimutkainen muotoilu CSS -tyylisivujen ja kehysten kanssa voi silti aiheuttaa ongelmia.
Jos käytät rasteri -grafiikkaohjelmaa, kuten Photoshop® -ohjelmaa, HTML -PSD -muunnoksen tuloksena saatua kuvaa on muokattava. Teksti muuttuu yleensä erittäin varjoisaksi, ja joskus on visuaalisia esineitä, kuten pieniä, heikkoja reunoja elementtien ympärillä tai pieniä grafiikoita, jotka katoavat skaalauksen vuoksi. Erittäin monimutkaiselle verkkosivustolle, jossa on useita elementtejä, muiden ohjelmien – kuten Adobe® Illustratorin tai Adobe® InDesignin® – käyttö voi olla parempi valinta ja säästää aikaa.