Paljud veebisaitide kujundajad kasutasid Adobe® Photoshop®-i, et luua veebisaidist kiireid makette enne kujunduse lisamist hüperteksti märgistuskeele (HTML) faili, ja on palju programme, mis võivad Photoshop®-i dokumendi (PSD) HTML-dokumendiks teisendada, kuid HTML-i PSD-ks teisendavad utiliidid on väga vähe. Üks oluline näpunäide teisendamisel on tagada, et mis tahes dünaamilisel sisul (nt apletid, animatsioonid või multimeediumisisu) oleks staatiline ekraan või see oleks teisendatud kohatäite kujutiseks, nii et see teisendaks õigesti. HTML-i PSD-ks teisendamiseks saab kasutada mõningaid nippe, näiteks kasutada enamikus veebibrauserites failiks printimise funktsiooni, et luua kaasaskantava dokumendivormingu (PDF) fail, mida saab seejärel Photoshop®-is avada. Olenemata sellest, millist meetodit kasutatakse HTML-i teisendamiseks PSD-ks, nõuab tulemuseks olev leht lõppkokkuvõttes mõningast redigeerimist, näiteks lehe elementide eraldamist ja teisaldamist erinevatele kihtidele või lehe teksti teravdamist, et eemaldada konversiooni käigus loomulikult esinev alias. vastuvõetav olema.
Photoshop® PSD-dokumendid sisaldavad loomupäraselt rasterdatud kujutisi, seega salvestatakse need enamasti pikslite kogumina. HTML on keel, mis on loodud pakkuma vormindus- ja paigutusjuhiseid, mis on lähedasemad vektorpõhisele graafikale, nagu Adobe® Illustrator®. HTML-i teisendamine PSD-ks hõlmab viisi, kuidas teisendada veebibrauseris renderdatud pikslid pildifailivormingusse, mida Photoshop® suudab lugeda.
HTML-i tõhusaks teisendamiseks PSD-ks on kaks lihtsat viisi. Esimene on kasutada ekraanihõiveprogrammi, mis jäädvustab veebisaidi iga vaadatava segmendi ja ühendab need seejärel Photoshop®-is kokku. Selle eeliseks on ekraanil nähtu täpne jäädvustamine, nii et animatsioone ja muud dünaamilist sisu ei pea eemaldama, kuid selle puuduseks on see, et protsess on üsna räpane. Lisaks on veebisaidi ekraanipiltidel määratud pikslite eraldusvõime ja pilt võib erinevatel monitoridel ilmuda erinevalt, kuna puudub värviparandus.
Teine viis HTML-i PSD-ks teisendamiseks on kasutada sisseehitatud printimiskäsku, mida enamik veebibrausereid rakendab. See loob faili – mõnikord pildi, mõnikord PDF-i –, mida Photoshop® saab avada ja redigeerida. Selle meetodi kasutamisel ei pruugi dünaamiline sisu, apletid, animatsioonid ja skriptide abil loodud pildid korralikult printida ning dokumendi keeruline vorming või raamid võivad ilmuda PSD-dokumendis lahtiühendatud aladena. Dünaamilise sisu asendamine sama suuruse või mõõtkavaga kohatäitekujutistega võib mõned neist probleemidest lahendada, kuigi keeruline vormindamine kaskaadlaadilehtede (CSS) ja raamidega võib siiski põhjustada probleeme.
Rastergraafikaprogrammi (nt Photoshop®) kasutamisel tuleb HTML-i PSD-ks teisendamise tulemusel saadava pildiga teha mõned redigeerimistööd. Tekst muutub üldiselt tugevaks varjunimeks ja mõnikord on elementide ümber visuaalseid artefakte, nagu väikesed nõrgad äärised või väike graafika, mis skaleerimise tõttu kaovad. Väga keeruka ja mitme elemendiga veebisaidi puhul võib teiste programmide (nt Adobe® Illustrator või Adobe® InDesign®) kasutamine olla parem valik ja võib säästa aega.