快速的字面回答：在 Illustrator 和 Photoshop 之间，PhotoShop 是光栅，网站也是。

稍微更详细的答案：您将同时使用两者。

备选答案：考虑使用 Adob​​e Fireworks。一旦您掌握了 Fireworks 制作 Web 图形的窍门，它就更容易使用。

冗长无聊的讲座答案：

“Slice-n-Dice”方法有点过时了。它在十年前很流行，但现在它真的不是推荐的方法。我建议：

• 使用任何应用程序 (AI/PSD) 来“绘制”网站。随意高保真，但仅将其视为模型。

• 一旦建立起来，就开始构建站点。深入了解 HTML/CSS/JS。

• 根据需要，跳转到 PhotoShop 以创建您需要的单个图形元素。

为什么？好吧，在 Photoshop 中进行设计并没有考虑到您正在使用的媒介。它是一个固定的画布，而 Web 不是一个固定的画布，甚至也不是标准的画布。它带领团队朝着像素完美的想法前进，而网络根本不是像素完美的。

使用 Fireworks 或 Illustrator 创建徽标和图标。对于照片编辑使用 Photoshop。对于其他一切，它都无关紧要。我知道关于使用哪种图形软件存在争议，但这确实是个人喜好。

但是，请记住：

• Fireworks 更适合 PNG 压缩。文件大小往往比 Photoshop 小 20%-30%。

• 如果您知道将来您将为该站点设计其他非 Web 内容（T 恤、海报、传单等），那么最好从基于矢量的程序开始。

我不得不不同意DA01。

Web 文档不是静态图像这一事实与图形编辑器在布局和设计网站时的实用性无关。您的设计模型不需要（也不应该）是您网站的工作原型。设计模型是一个文档，可帮助您可视化和塑造您网站的美学设计。

仅仅因为一张纸或白板不具备 Web 文档的所有细微品质，并不意味着它不能用于为网站制作线框。同样，浏览器窗口可以拉伸和调整大小这一事实与设计模型的价值无关。任何有经验的网页设计师都知道将布局的某些部分规划为弹性的，并考虑到网络技术的局限性。布局的所有视觉元素仍然可以在平面图像中表示（毕竟这就是它在屏幕上呈现的方式）。

其次，零碎的设计方法不利于质量结果。您正在设计一个 Web 布局，而不是一百个孤立的小部件。如果没有完整布局的模型，您基本上只是在拍打东西，而不知道最终结果应该是什么样子。在没有完整构图概述的情况下逐个添加单个图形元素与良好的设计实践背道而驰。当您用完要删除的东西时，设计就完成了，而不是当您用完要添加的东西时。

最后，在代码中进行设计更改比调整模型图像需要更长的时间。这就是为什么在您提交代码之前，您应该始终在模型中规划您的设计。是使用 Fireworks 或 Illustrator 等矢量图形程序还是 Photoshop 等光栅程序取决于您。但是在开始编码之前，您应该始终在图形编辑器中敲定您的设计。

这是一篇很好的帖子，以一种有趣的方式解释了这一点:) http://www.gomediazine.com/tutorials/photoshop-vs-illustrator-part-1/

这是来自非常可靠的来源“http://99designs.com/help/whats-the-difference-between-photoshop-and-illustrator”的更好解释

" 最终，使用什么工具的决定应该由竞赛持有人规定，但一般来说，Illustrator 应该用于徽标和印刷工作，而 Photoshop 应该用于网页设计和任何只能在计算机上看到的设计屏幕。”