上周，我參加了公司的一門課程《網站性能優化》，講師提出了一個問題：一張圖片優化后減少5K，1年內可以大概省下多少寬帶成本呢？非常好奇，仔細聽完講師分析，計算出來的數據讓小伙伴們都驚呆了，僅僅5K，看起來真的沒什么，一年內大概節省540元~1440元，這說明一個問題，用戶數龐大的網站中，一點優化可能會帶來巨大的帶寬成本節省，表現出價值是特別高的，不容忽視小小優化帶來的意義。相信很多同學也好奇這個數據是怎么計算的，公司的內部數據不好透露，給大家重新舉個例子：
<!--
公司內某個活動的最高峰半小時PV大概占總PV的3%，某天PV大概去到50萬
高峰期的半小時PV大概就是500000*0.03 = 15000，每秒PV是15000/1800 = 8.3(次每秒)（活動頁面一般只訪問一次，不考慮客戶端緩存的情況）
一張圖片優化了5K，減少的寬帶就是5*8.3 = 41.6kByte/s
Byte是字節數，bit是位數，在計算機中每八位為一字節，也就是1Byte＝8bit
那么5K產生的帶寬就是41.6*8/1024 = 0.325Mbit/s
不同地區的IDC服務效果不同，價錢差異也比較大，每月100M大概在1萬~2.68萬不等(09年市場帶寬成本價算的，數字不一定精准，但也是有力的數據)
5K的圖片所帶來的0.325M帶寬的成本，大概每月32.5元~87.1元
那么，一年大概節省390元~1045元
-->
這個例子只是圖片的優化，對於實際工作中，還有很多節省寬帶成本的方法，如果要去算，那這個影響會放大10倍，100倍甚至是1000倍以上的數量級。網站性能的優化是一個一直不容忽視的話題，曾經寫過《提高網站加載速度的3項黃金守則》一文，有興趣可以了解下，平時多關心自己網站的性能優化，無形地為公司省錢，老板不止關心賺錢的事情，省錢的事情老板也會關注，如果你為老板省錢，說不定他一高興就漲你工資了~
今天寫這篇文章不止是想告訴大家小小優化帶來的價值，另外給大家帶來jpg圖片的優化技巧，相信如何優化圖片也是大家特別關心的問題。
實際運營的業務，很多圖片存在被被忽視的優化，近期我在部門網站上下載了4張jpg廣告圖共300K+，這幾張廣告圖上線前已被公司內部的優圖工具壓縮過，而我自己再通過軟件進行二次壓縮，保證圖片質量良好下，優化后可以減少150K+，壓縮率100%，那么，是什么軟件壓縮率這么好呢？
相信很多同學會猜想是我們非常熟悉的photoshop，ps的確是非常優秀的圖像處理軟件，基本上做web開發都會使用它，我們可以使用它壓縮圖片，效果也非常不錯，以前我一直是使用它的存儲為web格式的功能來壓縮圖片。今天介紹另一款圖片處理軟件，回顧博文《PNG的使用技巧》，推薦過大家在移動端使用PNG8 alpha格式，該格式不僅文件小，節省流量，而且半透明效果良好，而導出它的軟件正是傳說中fireworks，沒錯，就是它，強大的圖片壓縮軟件，為網頁設計而出生的作圖軟件， 是一款創建與優化 Web 圖像和快速構建網站與 Web 界面原型的理想工具，我們來看實例~
保證圖片質量良好的情況下，使用firework與photosop分別對jpg圖片的進行，對比它們壓縮率
下圖是上上周上線的一張廣告圖：
圖片大小96.3KB
1.用photoshop CS6壓縮處理圖片
按存儲為web所有格式(CTRL+ALT+SHIFT+S)，彈出如下界面，設置如下，優化后的圖片大小為55.5K，減少了40.8K
2.用firework CS6壓縮處理圖片
如下界面，在優化面板中選擇：JPEG - 較高質量
使用導出功能來壓縮圖片，優化后的圖片大小為49.2K，減少了47.1K
2者對比如下：
經過筆者多次嘗試使用后，firework對圖片(jpg、png、gif)壓縮處理上比photoshop要優秀（例外：photoshop在png32的壓縮處理稍微好點），關於png的壓縮處理，可以參考《PNG的使用技巧》。強烈推薦大家使用firework，即便是Adobe公司在CC版本停止了firework，但相比其他圖片處理軟件，值得肯定的是，它的壓縮圖片功能(壓縮圖片的算法)是一流，未來我們還是可以繼續使用。
話說回來，按照文章開頭的計算，該廣告圖使用ps和fw壓縮后可剩下多少錢多少流量呢，相信這也是一個驚人的數據，具體還跟頁面的PV、廣告的上下線時間等有關系。。
網站優化如此重要，我們可以做的還有很多，今天你優化了嗎？