你在做前端设计的时候，优化图片是用的Fireworks还是Photoshop？我大多数时候用的是PS，不管是做网页前端设计还是图片优化，但是我看完这篇文章：http://www.webdesignerwall.com/general/fireworks-vs-photoshop-compression/，然后自己实验了，确实如文章中所说，Fireworks才是真正为网页设计及优化而生的软件。全文翻译我就不贴了，把文章里的数据摆出来，大家自己有空验证一下就OK。我用的软件版本：PS和FW都是CS4。
以PNG格式优化输出的比较
如上图效果：photoshop以png24格式输出，fireworks以png32输出，实际得出FW得到的图片尺寸比PS要小 20kb，但应该说图片的品质是一样的，我是没看出差别来。
以GIF格式优化输出的比较
如上图所示，都以gif256色导出图片，结果fireworks88kb，photoshop92kb，从尺寸上来看只相差4k而已，但是从导出的图片细节来看，FW导出的图片细节更多，看上去效果更好。
以JPG格式优化输出的比较
如上图：最后是以jpg格式输出的比较，在photoshop以品质60%导出，fireworks下以品质80%导出，如果同是PS或者FW，80%比60%导出图片大小肯定要大，但实际是图片看上去效果差不多，尺寸上还是fireworks胜出，FW72kb,ps80kb。
总结
从上面的实验我们可以看到，一个图片优化下来想得到同样效果的图片，ps和fw虽然只差3，5k（视图片尺寸和格式，尺寸越大的图片，这个差距应该是越大），但如果整站下来，你会发现，FW优化后得出的图片尺寸整体要比ps要小很多，而从单个图片来看，如果一个图片能小 20kb，而你的网站每天的访问量如果是1万6，那网站所要承担的流量差距是：20k*16000=320m，而从用户体验上来讲，更快的下载将给浏览者带来更好更快的加载效果，更好的用户体验，这是个很大的问题！
如果你还在使用ps优化网页图片的话，赶紧换用fireworks吧，ps不是万能的，用FW优化图片的、将得到更好的效果，而且在切片时FW将会让你的优化操作更快更准确。
当然，反过来说，FW也不是万能的。对大体积图片处理，还是要用PS的，FW的最大像素只有6000，而且它对大图的处理效率真是不行。不过做网页设计还是FW的效率高了。
今日附送 更多>>
大学的时候老七是学校电脑维修社团的，平时没事专门帮学校里的学生免费维修电脑。一天一个女童鞋Jclyn找他，说电脑坏了，开不了机让他帮她修下。老七就去了。不过5分钟就见他回来了，大家问他怎么那么快？他无奈的说，那女的机箱里的东西都给人偷了啥都没有。。。我修个P啊！！
原创文章请注明转载自： 三七八蛋
本文地址： http://www.378Q.com.cn/html-js-css/187.html
