It is a question that many people have asked me given the emergence of new web development technologies.
Here templatemonster try to clarify this controversial issue that gives meaning to this blog …
Today I will touch on a rather controversial issue and some will surely not agree, but I will base my explanation on more than 10 years of experience in this area.
Conversion from PSD to HTML
In case you still have doubts, I comment that the conversion of PSD to HTML is the process by which a design of a website made in the Adobe Photoshop program, becomes an HTML page running on the internet.
Every website begins by designing in Photoshop or other design software as if it were a graphic piece (in fact it is) and then must be encoded to display in web browsers.
This is the process par excellence with which professional websites are created and that consists of several specific steps that you must follow to obtain good results.
New technologies, and change
Said PSD to HTML conversion process is based on exporting the different parts of the design into images (without the texts), to then be able to encode with HTML, insert those images, include the texts and make the result identical to the original design.
This process was called ” perfect pixel .”
This meant that one had to export as is and with a pixel by pixel detail, each part of the design. The elements had to have exact measurements and locations so that we then had an identical result.
This process served because precisely the intention was to achieve the same result as in the design, that is, that the final HTML site measured the same as the original.
The problem came when the different mobile devices (notebooks, tablets, smartphones) began to appear which had screens of different sizes, and since the site had fixed measures and the screens no longer, then the visualization was very complicated.
The Perfect Solution
- responsive design
In response to this market demand (mobile phones), another technology had to be implemented that will allow websites to automatically adapt to the screen size of the device that was browsing it.
This technology was called “Responsive Design” or “Responsive or Adaptive Design and served to achieve that with the assembly of a single site, the display could be covered for all devices.
It really is magical and today it works perfectly.
(If you want to know more about Resposive you can access “ ResponsiveDesgin from Zero ”)
Finally here the controversy!
Returning to the topic … with the appearance of these web creation tools, many people tend to say that the process of converting PSD to HTML has died … that is no longer necessary … so that so much work.
So the PSD to HTML still works?
The difference today is that you have to keep in mind that the site is going to adapt to mobile screens, but it ALWAYS starts from a “base design” to a fixed extent, at least to have an initial reference.
And of course, the conversion of PSD to HTML is used to reach the “ first version ” of the layout and functional site.
After that, Responsive Design photoshop website templatesis used to make the site adapt to mobiles as we want.
psd to html still lives
If we want to create websites professionally, we must design pages graphically (for example with Photoshop) following the communication requirements of the project itself.
Then we must convert that PSD design to HTML to achieve a version that works in browsers from https://templatemonster.com/.
And finally, use Responsive Design technology to make it adapt to device screens.Therefore, ladies and gentlemen, the PSD to HTML will remain alive for much longer.