具體不翻譯細節(jié)，本人英文一般湊合著看，對于英文稍微鳥一點，技術鳥一點的同學們簡單解釋一下
，另外，應該說我不是在翻譯這篇文章，而是共同探討，加入了很多我自己的想法，有很多注解

Fireworks vs Photoshop Compression
Fireworks 與photoshop的圖片優(yōu)化能力比較

Surprisingly enough, based on the findings from my recent survey there are quite a bit of Fireworks users. Personally, I never used Fireworks. Photoshop is alway my first choice for designing—from image editing to designing mock-ups. But, did you know that Fireworks is way better than Photoshop in term of image compression? I’m not a software engineer, I can’t explain why Fireworks can compress better. But I can prove it to you by showing a series of experiments I did.
簡單說作者是一直堅持用photoshop的，無論做網頁設計還是圖片優(yōu)化都是如此，但作者經實驗實際發(fā)現fireworks在圖片優(yōu)化上有很好的性能

PNG Compression
以PNG格式優(yōu)化輸出的比較
For testing purpose, I used an un-compressed image with transparency. I used Photoshop to export the image to PNG-24 with transparency and the resulting file size is about 352 kb. Then I used the same image and exported it to PNG-32 with Fireworks. The file size is about 332 kb. Visually, they both look the same (at least to me). In term of file size, the image exported with Fireworks is about 20 kb less.

如下圖效果：photoshop以png24格式輸出，fireworks以png32輸出，（不羈蟲：個人認為這2個格式在2個軟件里輸出格式名稱不同，實際是相同的，我把ps導出的png24格式拖到fw里打開就是png32格式，而fw里還有一個png24格式輸出，個人感覺fw里的png24就是優(yōu)化質量100%的jpg）實際得出fireworks得到的圖片尺寸比photoshop要小20kb（不羈蟲：應該說圖片的品質是一樣的，我是沒看出差別來）




GIF Compression
以GIF格式優(yōu)化輸出的比較
Next I exported the image to GIF 256 colors, adaptive, with no dither. The results are: Fireworks = 88kb, Photoshop = 92kb. That is 4 kb less. Also, they don’t look the same. I prefer the image exported with Fireworks because it has more image details.
如下面圖所示，這次以gif256色導出圖片，結果fireworks88kb，photoshop92kb，從尺寸上來看只相差4k而已，但是從導出的圖片細節(jié)來看，fireworks導出的圖片細節(jié)更多，看上去效果更好




JPG Compression
以JPG 格式優(yōu)化輸出的比較
Now, I’m going to try the JPG compression with a different image. I exported the image with Photoshop to 60% quality JPG and the file size is 80 kb. Then I exported the same image with Fireworks to 80% quality JPG and the result is 72 kb. Both exported images look pretty much the same, but Fireworks beats Photoshop by 8 kb in this case.
如下圖：最后是以jpg格式輸出的比較，在photoshop以品質60%導出，fireworks下以品質80%導出，（不羈蟲：作者的體會和我一樣，這2個軟件導出品質不同，ps里的60%效果相當于fw里的80%），圖片看上去效果差不多，不過尺寸上還是fireworks勝出，fw72kb,ps80kb。



Please note: Fireworks and Photoshop have different compression technology. 80% compression rate in Fireworks is relevant to Photoshop 60% compression rate.

What Is The Big Deal?
有什么大問題？
You’re probably thinking: what is the big deal? It is only a few kilobytes… Well, don’t under estimate the little difference in kilobytes, it can make a big difference on your bandwidth and load time. Lets use the background image on WebDesignerWall as an example. If I export the background with Fireworks, I can reduce its file size by 20 kb. I get about 16,000 visits per day on average. 20 kb x 16, 000 = 320, 000 kb. Yes, that is 320 megabytes per day! I’m only talking about the background image here. Could you imagine how much bandwidth I can save if I compress all the graphics on the site with Fireworks? Most importantly, I can make my site load faster and that is a big deal!
這段想法是比較深遠滴，我就半參著自己的想法講了：可能從優(yōu)化上來講，從上面的實驗我們可以看到，一個圖片優(yōu)化下來想得到同樣效果的圖片，ps和fw雖然只差3，5k（視圖片尺寸和格式，尺寸越大的圖片，這個差距應該是越大），但如果整站下來，你會發(fā)現，fw優(yōu)化后得出的圖片尺寸整體要比ps要小很多，而從單個圖片來看，如果一個圖片能小20kb，而你的網站每天的訪問量如果是1萬6，那網站所要承擔的流量差距是：20k*16000=320m，而從用戶體驗上來講，更快的下載將給瀏覽者帶來更好更快的加載效果，更好的用戶體驗，這是個很大的問題！




Conclusion
結論：
If you have Photoshop and Fireworks installed on your computer, try it yourself. You will be surpised with the results. From now on, I’m going to use Fireworks to export my web graphics, particularly the template graphics.
不用說了，如果你還在使用ps優(yōu)化網頁圖片的話，趕緊換用fireworks吧，ps不是萬能的，用fw優(yōu)化圖片的、將得到更好的效果，而且優(yōu)化圖片的方式你會發(fā)現fw的切片將會讓你的優(yōu)化操作更快更準確


最后，我覺得很諷刺也比較可笑的是：
我想作為大多數fw用戶著來講，很多還和我一樣，停留在使用fireworks8的階段，
對adobe這幾年對fw的更新實在是很失望，
cs3,cs4里實在是沒有太多有用的東西，
除了添加了不能兼容的ps圖層效果和一些莫名其妙的多頁面導出方式之外，
真沒有看到什么有用的更新，
而且安裝文件的大小是成倍的往上翻，真是很adobe，
可以說adobe對fw的態(tài)度基本是不改進也不丟棄，fw完全處于不死不活的狀態(tài)，

可是當你真正熟悉fireworks時，你會發(fā)現在fw里做個web2.0的按鈕是多么的方便快捷，
雖然只是8.0版，2005年上市的軟件，但圖片的優(yōu)化能力，現在的ps根本沒法比，這確實是個諷刺，
當然使用8.0版還有一個好處，估計adobe是不會來向你收版權費，
呵呵，畢竟fireworks8.0還是屬于MacroMedia，沒有什么adobe驗證措施，
你就是全公司辦公人員裝了fw8.0，adobe也不會來向你要版權費

希望越來越多的網頁前端工作者加入使用fireworks的行列，
當你熟悉他以后，你會發(fā)現fireworks才是真正為網頁設計及優(yōu)化而生的軟件

最新評論