iT邦幫忙

3

[Tool]使用Google WebP壓縮網頁圖片

gipi 2010-10-26 16:16:514006 瀏覽

原文來自點部落:http://www.dotblogs.com.tw/jimmyyu/archive/2010/10/03/compress-image-by-google-webp.aspx

文中有較多的圖片與連結,建議連到以上網址觀看。
我想有在寫網頁應用程式的朋友應該都知道一個網頁的流量大致上取決於以下幾大項:
1.html標籤
2.js/css檔
3.image檔
4.ViewState

裏頭的js/css/image等靜態檔案是會被瀏覽器給cache住的,因此有些網頁第一次載入會特別的慢,但第二次以後就會變快許多,原因都在於使用了很多的js/css/image檔案,但如果我們要提高網頁的互動性、美觀性,這些似乎都不能夠省掉,裡面幾乎每一項我之前都有寫過解決方案:

動態處理
壓縮js/css檔、html原始碼:
ASP.NET]使用IIS的網頁壓縮

壓縮ViewState:
[ASP.NET]使用SharpZipLib進行網頁ViewState壓縮

Lazy load:
[ASP.NET]DOLOTO: Code Splitting for Network-Bound Web 2.0 Applications

前置處理
最佳化javascript:
[ASP.NET]用Microsoft Ajax Minifier幫你的Javascript瘦身

處理html/js/css/ViewState等都有相對應的解決方案了,目前唯獨對image沒有辦法,熟悉美工設計的朋友可能會知道,要讓網頁長的漂亮,通常會需要套用一堆的圖來處理,而圖片若要講求效果,會需要堆疊很多的圖層,圖層一多色系變多後,圖片的size就變大了,而如果要降低流量,可能就是不要用圖片,或將圖片的效果降低,但你就會發現你的網頁質感變差了。

....


尚未有邦友留言

立即登入留言