First thing : My question is not which has better capability to make good design. question is related to workflow of convert designs to XHTML.

I think there would be not any other software to make design slices other than Photoshop and Fireworks.

Mostly i receive design file from client in Photoshop(Windows) layered PSD. And fireworks's native layered file format is PNG not PSD. and sometime i get in layered PNG and in flat JPG also. but most of the time i get in .PSD format.

Can fireworks open and handle PSD files same as it handled by Photoshop. and which software has best work-flow to convert design into HTML. Does firework has something better than photoshop to better slicing.

Till now i'm using Photoshop but i heard Firework CS4 can make XHTML and CSS both from PSD.

If I do not make design just convert design into XHTML CSS then which would be better?

Photoshop or fireworks? and what about photoshop elements

If Fireworks is a good tool then why Everyone talk about "PSD 2 HTML, PSD 2 HTML" why no body talk about PNG to HTML?

My question is not related to make designs in Photoshop or Fireworks. it's related to process of converting PSD to XHTML

3 answers


Neither. You convert your design to HTML/CSS using your favorite text editor. Photoshop or fireworks can be used to get various images for use in your page design, but really, using any form of automated psd -> html process is a not a good idea.

Answered about 8 years ago by Joost van der Borg

I bought FW CS4 as it can open PSD's and PNG's and PDF's and AI files all at varying levels of success, and it's much easier to make web element images with FW, than in PS.

However, I wouldn't rely on FW's export to HTML/CSS for anything other than very basic wireframes and prototyping. if there's any overlap it just creates a mess of absolutely positioned divs and text as graphics.

Use FW because it can open most graphics and it's combination of vector and bitmap editing makes it easy to combine elements into a suitable web graphic.

My workflow is:

  • select the objects from the layers that I need
  • make a new file
  • file preview
  • export a web image
Answered about 8 years ago by Tony Crockford

There's a plugin for Photoshop called SiteGrinder, it's made by a company called Medialab. It's nothing short of fantastic, I use it for prototyping my layouts, create it in PS with some hints in the layer names, run the plugin and presto, a webpage.

Check it out, it's really really good.

Answered about 8 years ago by Kyle Sevenoaks