psd 2 CSS Online is a free web service which automatically converts web designs uploaded as psd files into strict XHTML compliant. It’s a handy way to turn layered with Photoshop or Gimp psd files into clean CSS layouts. While Photoshop can basically do the same, it is an online service based on Drupal as site platform. Upload size limit for psd files is 4MB and 8MB for registered users.

To make your file compatible with psd2css just follow these simple guidelines: make only one layer for one element: logo, footer, etc., layers with Opacity other than 100% or Blending Options set need to be rasterized, for any layer in the Gimp where the actual art is smaller than the whole page, choose the layer to edit, then in the layer menu choose ‘Autocrop Layer’.

You have more control on generated HTML and graphics output by naming your layers in the specific way explained on site. You can make block of html text, image rollovers, change generated image format from png to jpg, make autogenerated forms, centered, floating CSS elements and CSS background-image instead of img tag.

Besides detailed help guidelines, there are number of video tutorials to help get started with this service. psd 2 CSS Online is a great service for people not familiar with CSS and HTML coding.