Daugelis svetainių dizainerių naudojo „Adobe® Photoshop®“, kad sukurtų greitus svetainės maketus prieš įtraukdami dizainą į hiperteksto žymėjimo kalbos (HTML) failą, be to, yra daug programų, kurios gali konvertuoti „Photoshop®“ dokumentą (PSD) į HTML dokumentą, tačiau yra labai nedaug paslaugų, kurios konvertuoja HTML į PSD. Vienas svarbus patarimas atliekant konvertavimą yra užtikrinti, kad bet koks dinaminis turinys, pvz., programėlės, animacijos ar daugialypės terpės turinys, turėtų statinį ekraną arba būtų konvertuotas į rezervuotos vietos vaizdą, kad būtų tinkamai konvertuojamas. Yra keletas gudrybių, kurias galima naudoti konvertuojant HTML į PSD, pvz., naudojant spausdinimo į failą funkciją daugumoje žiniatinklio naršyklių, kad būtų sukurtas nešiojamasis dokumento formato (PDF) failas, kurį vėliau būtų galima atidaryti „Photoshop®“. Nesvarbu, koks metodas naudojamas konvertuojant HTML į PSD, susidarantį puslapį galiausiai reikės šiek tiek redaguoti, pvz., atskirti ir perkelti puslapio elementus į skirtingus sluoksnius arba paryškinti tekstą puslapyje, kad būtų pašalintas slapyvardis, kuris natūraliai atsiranda konvertuojant. kad būtų priimtina.
„Photoshop® PSD“ dokumentuose iš prigimties yra rastrinių vaizdų, todėl jie dažniausiai saugomi kaip pikselių rinkinys. HTML yra kalba, skirta teikti formatavimo ir išdėstymo instrukcijas, kurios yra artimesnės vektorinei grafikai, pavyzdžiui, naudojamai Adobe® Illustrator®. Konvertuojant HTML į PSD reikia rasti būdą, kaip konvertuoti žiniatinklio naršyklėje pateiktus pikselius į vaizdo failo formatą, kurį gali nuskaityti „Photoshop®“.
Yra du paprasti būdai efektyviai konvertuoti HTML į PSD. Pirmiausia reikia naudoti ekrano fiksavimo programą, užfiksuojant kiekvieną matomą svetainės segmentą ir sujungiant juos „Photoshop®“. Tai turi pranašumą, nes tiksliai fiksuojama tai, kas matoma ekrane, todėl animacijos ir kito dinaminio turinio nereikia pašalinti, tačiau yra gana nepatogus procesas. Be to, svetainės ekrano nuotraukose bus nustatyta pikselių skiriamoji geba, o vaizdas atskiruose monitoriuose gali būti rodomas skirtingai, nes nėra spalvų korekcijos.
Antrasis būdas konvertuoti HTML į PSD yra naudoti integruotą spausdinimo komandą, kurią įgyvendina dauguma žiniatinklio naršyklių. Taip bus sukurtas failas – kartais vaizdas, kartais PDF – kurį Photoshop® galės atidaryti ir redaguoti. Naudojant šį metodą, dinaminis turinys, programėlės, animacijos ir vaizdai, sukurti naudojant scenarijus, gali būti netinkamai spausdinami, o sudėtingas dokumento formatavimas arba rėmeliai gali būti rodomi kaip atskirtos PSD dokumento sritys. Dinaminio turinio pakeitimas tokio pat dydžio ar mastelio rezervuotos vietos vaizdais gali išspręsti kai kurias iš šių problemų, nors sudėtingas formatavimas naudojant pakopinius stiliaus lapus (CSS) ir rėmelius vis tiek gali sukelti problemų.
Naudojant rastrinės grafikos programą, pvz., Photoshop®, reikės atlikti tam tikrą redagavimo darbą su vaizdu, kuris gaunamas konvertuojant HTML į PSD. Tekstas paprastai tampa labai slapyvardžiu, o kartais yra vaizdinių artefaktų, pvz., mažų, neryškių elementų kraštinių arba mažos grafikos, kurios išnyksta dėl mastelio. Labai sudėtingai svetainei su keliais elementais geriau naudoti kitas programas, pvz., Adobe® Illustrator arba Adobe® InDesign®, ir sutaupyti laiko.