Care sunt cele mai bune sfaturi pentru conversia HTML în PSD?

Mulți designeri de site-uri web au folosit Adobe® Photoshop® pentru a crea machete rapide ale unui site web înainte de a trimite designul într-un fișier HTML (HyperText Markup Language) și există multe programe care pot converti un document Photoshop® (PSD) într-un document HTML, dar există foarte puține utilitare care convertesc HTML în PSD. Un sfat important atunci când faceți conversia este să vă asigurați că orice conținut dinamic – cum ar fi applet-urile, animațiile sau conținutul multimedia – fie are o afișare statică, fie a fost convertit într-o imagine substituentă, astfel încât să se convertească corect. Există câteva trucuri care pot fi folosite pentru a converti HTML în PSD, cum ar fi utilizarea funcției de imprimare în fișier în majoritatea browserelor web pentru a crea un fișier în format de document portabil (PDF) care poate fi apoi deschis în Photoshop®. Indiferent de metoda folosită pentru a converti HTML în PSD, pagina rezultată va necesita în cele din urmă unele modificări, cum ar fi izolarea și mutarea elementelor unei pagini în straturi diferite sau clarificarea textului de pe pagină pentru a elimina aliasingul care apare în mod natural în timpul conversiei, a fi acceptabil.

Documentele Photoshop® PSD conțin în mod înnăscut imagini rasterizate, astfel încât acestea sunt în mare parte stocate ca o colecție de pixeli. HTML este un limbaj conceput pentru a oferi instrucțiuni de formatare și aspect care sunt mai apropiate de graficele bazate pe vectori, cum ar fi cele utilizate de Adobe® Illustrator®. Conversia HTML în PSD implică găsirea unei modalități de a converti pixelii care au fost redați în browserul web într-un format de fișier imagine pe care Photoshop® îl poate citi.

Există două moduri simple de a converti în mod eficient HTML în PSD. Primul este să utilizați un program de captură de ecran, captând fiecare segment vizibil al site-ului web și apoi îmbinându-le împreună în Photoshop®. Acest lucru are avantajul de a surprinde cu acuratețe ceea ce se vede pe ecran, astfel încât animațiile și alt conținut dinamic nu trebuie să fie eliminate, dar are dezavantajul de a fi un proces destul de dezordonat. În plus, capturile de ecran ale unui site web vor avea o rezoluție setată în pixeli, iar imaginea poate apărea diferit pe monitoare separate, deoarece nu există corecție de culoare.

O a doua modalitate de a converti HTML în PSD este să utilizați comanda de imprimare încorporată pe care o implementează majoritatea browserelor web. Aceasta va crea un fișier – uneori o imagine, alteori un PDF – pe care Photoshop® îl va putea deschide și edita. Când utilizați această metodă, conținutul dinamic, applet-urile, animațiile și imaginile generate prin scripturi s-ar putea să nu se imprime corect, iar formatarea complexă sau cadrele unui document pot apărea ca zone deconectate în documentul PSD. Înlocuirea conținutului dinamic cu imagini substituenți de aceeași dimensiune sau scară poate rezolva unele dintre aceste probleme, deși formatarea complexă cu foi de stil în cascadă (CSS) și cadre poate cauza totuși probleme.

Atunci când utilizați un program de grafică raster, cum ar fi Photoshop®, va trebui să se facă unele lucrări de editare asupra imaginii care rezultă dintr-o conversie HTML în PSD. În general, textul devine foarte alias și, uneori, există artefacte vizuale, cum ar fi margini mici, subțiri în jurul elementelor sau elemente grafice mici, care dispar din cauza scalării. Pentru un site web extrem de complex, cu mai multe elemente, utilizarea altor programe — cum ar fi Adobe® Illustrator sau Adobe® InDesign® — ar putea fi o alegere mai bună și ar putea economisi timp.