CSS 用于网站开发的 Gimp vs Inkscape vs Fireworks？
声明：本页面是StackOverFlow热门问题的中英对照翻译，遵循CC BY-SA 4.0协议，如果您需要使用它，必须同样遵循CC BY-SA许可，注明原文地址和作者信息，同时你必须将它归于原作者（不是我）：StackOverFlow
原文地址: http://stackoverflow.com/questions/1135231/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me):
StackOverFlow
Gimp vs Inkscape vs Fireworks for website development?
提问by Vivek Sharma
InkScape users, can you recommend Inkscape for website-template development. I have to learn a tool for website templating, to create layout and export slices, one of my friend is suggesting fireworks i have seen him working ie why i am aware about slicing/css, and web-says lnkscape shall be fine, nothing detailed review.
Has someone, you know have used it to template creation/development. Can this tool have decent good looking layout, and then i can export the slices.
InkScape 用户，您能否推荐 Inkscape 进行网站模板开发。我必须学习一个网站模板工具，创建布局和导出切片，我的一个朋友建议烟花，我见过他工作，即为什么我知道切片/css，网络说 lnkscape 应该没问题，没有详细说明。
有人，你知道已经用它来创建/开发模板。这个工具可以有漂亮的布局吗，然后我可以导出切片。
回答by Sam DeFabbia-Kane
I've never used Fireworks, I do as much as possible of my web design outside of a graphics editor, my tool of choice for website mockups is a whiteboard, I do the layout of my websites in raw (X)HTML/CSS, and in general I only end up using the Gimp/Inkscape for quick sketches or when I specifically need to create/modify an image.
我从未使用过 Fireworks，我尽可能多地在图形编辑器之外进行网页设计，我选择的网站模型工具是白板，我使用原始 (X)HTML/CSS 进行网站布局，总的来说，我最终只使用 Gimp/Inkscape 进行快速草图或当我特别需要创建/修改图像时。
That said, I have used the GIMP and Inkscape a fair amount, so maybe my perspective will be helpful.
也就是说，我已经大量使用了 GIMP 和 Inkscape，所以也许我的观点会有所帮助。
Right now, for anything that doesn't specifically demand vector graphics work, my general preference would be the GIMP. It's a far more mature and polished program. (And there are a lot of tutorials and plugins floating around if you end up needing them.)
现在，对于任何不特别需要矢量图形工作的东西，我的一般偏好是 GIMP。这是一个更加成熟和完善的程序。（如果您最终需要它们，有很多教程和插件会随处可见。）
Here though, Inkscape does have the advantage of being a vector graphics editor. If you're going to be moving things around a lot and resizing things to get them how you want them Inkscape is going to be a lot easier to work with here. That said, if you're making images for a website you're going to end up using raster graphics in the end, and the GIMP's going to give you more fine-tuned control.
尽管如此，Inkscape 确实具有作为矢量图形编辑器的优势。如果您要经常移动事物并调整其大小以使其成为您想要的样子，那么在这里使用 Inkscape 会容易得多。也就是说，如果您为网站制作图像，您最终将使用光栅图形，而 GIMP 将为您提供更精细的控制。
I would tend to believethat in this case, a vector graphics editor like Inkscape is going to be better for quick mockups and prototyping, and the GIMP's going to be better for creating the final products. I don't think either is really very well-suited to web design (yet), but if I were doing my web development primarily in graphics editors, this is probably how I'd do it. If I had to choose a single tool it would be the GIMP.
我倾向于相信在这种情况下，像 Inkscape 这样的矢量图形编辑器更适合快速模型和原型制作，而 GIMP 更适合创建最终产品。我不认为两者都非常适合网页设计（目前），但如果我主要在图形编辑器中进行网页开发，这可能是我的做法。如果我必须选择一个工具，那就是 GIMP。
(Final note: despite what many people say about the GIMP's user interface, I'd take its over Photoshop's any day. It still has a few quirks, but it's mostly opinion at this point.)
（最后一点：尽管很多人对 GIMP 的用户界面有什么看法，但我总有一天会取代 Photoshop 的。它仍然有一些怪癖，但在这一点上主要是意见。）
回答by David
Check this slides, they are about prototyping in inkscape. Using a vector graphics tools it's better as you can drag things, duplicate and move all easily. The downside is that you're far from having a final product.
检查这张幻灯片，它们是关于在inkscape中进行原型设计的。使用矢量图形工具会更好，因为您可以轻松拖动、复制和移动所有内容。缺点是您距离最终产品还很远。
回答by hermit
I have to say I am really impressed by Inkscape. I made my first website design in Inkscape, coming from Fireworks. Learning the interface took me some time, but I was able to do what I had to do. It gets really easy after some using, I actually do my work faster now. I can only recommend it, if you can spend like 2 days reading and learning http://en.flossmanuals.net/Inkscape/. When you know Inkscape really well, you can learn Gimp for raster-editing. For any web 2.0-style website inkscape will do. You can also do basic bitmap-editting with masking,etc. Gimp is for the next level.
我不得不说 Inkscape 给我留下了深刻的印象。我在 Inkscape 中做了我的第一个网站设计，来自 Fireworks。学习界面花了我一些时间，但我能够做我必须做的事情。经过一些使用后，它变得非常容易，我现在实际上更快地完成了我的工作。我只能推荐它，如果你能花 2 天时间阅读和学习http://en.flossmanuals.net/Inkscape/。当您非常了解 Inkscape 时，您可以学习 Gimp 进行光栅编辑。对于任何 web 2.0 风格的网站，inkscape 都可以。您还可以使用遮罩等进行基本的位图编辑。Gimp 是为了下一个级别。
回答by hermit
I have a difficult time using GIMP to design a website. This is because I wanted to design a web 2.0 site, which has a lot of vector features. Things like gradients, shadows, and text are stacked up on top of one another. Inkscape allows these objects to be movable and thus will be easier.
我在使用 GIMP 设计网站时遇到了困难。这是因为我想设计一个 web 2.0 站点，它有很多矢量功能。诸如渐变、阴影和文本之类的东西相互叠加。Inkscape 允许这些对象是可移动的，因此会更容易。
Hope this helps.
希望这可以帮助。
回答by MGOwen
回答by Ryan
Both the GIMP and Inkscape handle slice export relatively well. Inkscape definitely handles vector graphics better, while the gimp is definitely raster based.
GIMP 和 Inkscape 都可以相对较好地处理切片导出。Inkscape 肯定能更好地处理矢量图形，而 gimp 绝对是基于光栅的。
In either case, you'll have to install plugins to really get the best performance out of the tools for doing web development.
无论哪种情况，您都必须安装插件才能真正从进行 Web 开发的工具中获得最佳性能。
回答by spiral
I love fireworks for web design/prototyping for the following reasons
我喜欢网页设计/原型制作的烟花，原因如下
-perfect mix of vector based editing with pixel preview -symbols that let you reuse elements and edit in just one place -9 slice scaling: make symbols that can be seamlessly be scaled horizontally and vertically -pages! have a master page with all common elements and then have multiple child pages per document. export easily from one place
- 基于矢量的编辑与像素预览的完美结合 - 符号让您可以重复使用元素并在一个地方进行编辑 -9 切片缩放：制作可以水平和垂直缩放的符号 - 页面！有一个包含所有公共元素的母版页，然后每个文档有多个子页面。从一处轻松导出
I know this doesn't directly answer your question about inkscape, but hopefully it can give you yet another perspective.
我知道这并不能直接回答您关于inkscape 的问题，但希望它可以为您提供另一个视角。
回答by hewhocutsdown
InkScape is notdesigned for web development; it is primarily a utility for print design. For a web design graphics utility that is also open source, is cross-platform and is much more comparable to Fireworks/Photoshop, I recommend The Gimp.
InkScape不是为 Web 开发而设计的；它主要是用于印刷设计的实用程序。对于同样是开源、跨平台且与 Fireworks/Photoshop 更具可比性的网页设计图形实用程序，我推荐 The Gimp。
The basics are covered here:
这里介绍了基础知识：
http://www.gimp.org/tutorials/The_Basics/
http://www.gimp.org/tutorials/The_Basics/
and there are tons more tutorials available here:
这里还有更多教程可用：
Best of luck.
祝你好运。
