Why use Photoshop for Web Design

Aside from its bitmap effects, can someone tell me why I should use Photoshop for creating website layouts instead of Illustrator? To the best of my knowledge Photoshop was never intended to be used as a layout application and is inferior to both Illustrator and InDesign by a longshot as such.

I know about building sites in the code. I get it. But for a lot of shops that is not the workflow.

I’m equally fluent in Photoshop and Illustrator / print and web design. I only ask because it drives me crazy when I get files from other web designers and they have been built out in Photoshop. It just seems very inefficient and for years I have been looking for a reasonable explanation.


This has been asked several times and I will still say the same thing each time. The best place to develop websites is in the browser which is the environment it will live in. Photoshop and Illustrator have their merits but should, at best, be only used for mockup or wireframing to get a general idea.

If this is for a client that will also use the same assets for print I will try to stick completely in Illustrator and use the Logo or any items I create in SVG for web with a PNG fallback. You could theoretically build the site mockup in InDesign or Illustrator and export the CSS and adjust accordingly.

If you are trying to develop the entire site in Photoshop that is a waste of time since this is a responsive era. I hardly use Photoshop anymore and when I need a mockup I use Illustrator for its artboard feature and I can add it in a browser with CSS media queries and use the mockup as a background image and build through that if I needed or someone sent me some mockups.


Source : Link , Question Author : psawce , Answer Author : Community

Leave a Comment