Photoshop: CSS, DIVs, and Sprites

  • 1
  • Idea
  • Updated 8 years ago
  • Implemented
  • (Edited)
I think photoshop should use CSS, DIVs and sprites instead of tables(When exporting for the web)... It would make life easyer as a webdeveloper.
Photo of Rory Anderson

Rory Anderson

  • 2 Posts
  • 0 Reply Likes
  • Happy!

Posted 8 years ago

  • 1
Photo of Jeffrey Tranberry

Jeffrey Tranberry, Sr. Product Manager, Digital Imaging

  • 15462 Posts
  • 2293 Reply Likes
Official Response
Photoshop has allowed for saving output as CSS DIV for at least as long as I've been on the team (10 pus years):



Is that what you're looking for?
Photo of Rory Anderson

Rory Anderson

  • 2 Posts
  • 0 Reply Likes
Does it do spriting?
Photo of Jeffrey Tranberry

Jeffrey Tranberry, Sr. Product Manager, Digital Imaging

  • 15462 Posts
  • 2293 Reply Likes
The way I understand sprites is they are essentially stacking layers of images to make a different images/states. Photoshop isn't really set up to do that kind of workflow with Save For Web because it flattens the layer data. The closest thing to that's offered from Photoshop is the FXG plug-in which gives you a layered document as XML for which you could probably do some XSLT transforms to get what you want. The FXG plug-in is available on Adobe Labs:

http://labs.adobe.com/technologies/ph...

The other option is to user the File>Layer>Export Layers and Files... script.

You could even hack that script (It's essentially javascript) to output the HTML/CSS you need along with the images.