Export HTML and CSS from Photoshop or InDesign

Darko Rodic picture Darko Rodic · Jun 11, 2012 · Viewed 25.4k times · Source

I am building web site and I've got .psd file of how the site should look like and I can make it manually but it will take time. I was wondering if there is a way to export a Photoshop or InDesign file to HTML without requiring major corrections. There is a way to export from InDesign to Dreamweaver but it messes up pictures and text. Is there some a alternative?

Answer

Moin Zaman picture Moin Zaman · Jun 11, 2012

There is nothing that will give you an exact replica of your design in your graphics program converted to good semantic and usable HTML / CSS. i.e. Photoshop does have the slice tool that you can use and then export as HTML, but the resulting file/images wouldn't be considered ideal by any web developer/designer worth their salt.

Hand coding a design for someone experienced shouldn't be too time-consuming. Hand coding will also ensure that you cover all scenarios/intricacies of the design, like responsiveness, SEO, accessibility etc.

There are however some new tools like http://www.csshat.com that are getting good reviews.

And you could always google for PSD to HTML service providers if you're running short of time and don't mind paying to have a good job done.