網站開發中，如何將一張圖片壓縮得更小？

12-05

看到一些大型的網站即便是PNG透明，即便是長寬非常大的圖片也不超過20K ；但是我用photoshop做的圖片，壓縮成jpg後怎麼都有五六十K，請問如何壓縮網頁圖片？有什麼技巧？

來自 yahoo 的一個 ppt 全面的介紹了網頁圖片的壓縮技術，其中提到很多有用的方法和工具。
大綱列這：

優先用 png 而不是 gif
壓縮 png
去掉 jpg 的 metadata
壓縮 gif 動畫
嘗試使用 png8
避免使用 AlphaImageLoader
壓縮動態生成的圖像
使 favicon 更小可緩存
使用 CSS Sprites

Image Optimization for the Web at php|works from Stoyan Stefanov

你所說的情況可能是它使用的是 png8 的格式，不含多餘 chunk 的 png8 同等質量下比 gif 體積還小。jpg 適合壓縮較大的，拍攝的，允許一定失真的圖片，不適合壓縮幾十像素的小圖片。

不解釋，果斷上 WebP 啊。

WebP 在線轉換示例——讓你的網站用上 WebP

WebP 是由 Google 出品的黑科技，支持動態 Gif，PNG，JPG 等圖片格式轉換成 WebP，大大減小圖片大小。

Google 在 2010 年推出 WebP，目標是減少文件大小，但達到和 JEPG 格式相同的圖片質量。WebP 提供有損壓縮和無損壓縮，而且可以合併有損和無損幀。據測試，WebP 的無損壓縮比網路上找到的 PNG 少了45％的文件大小。

WebP 是圖片格式的發展趨勢，它能讓你的圖片大小平均減少70%。另外 WebP 在各大互聯網公司已經使用得很多了，國外的有 Google（Chrome Store 已全站使用 WebP）、Facebook 和 ebay，國內的有淘寶、騰訊和美團等。

PS 中圖像模式改成 "索引顏色", 把顏色位數調小. 存成 png 或者 gif, 不要用 jpg.

顏色複雜、不帶透明的，用 JPG。
帶透明的優先用 PNG。

用 Photoshop 時選擇「保存為 Web 或移動設備優化的格式」，它會幫你做一定的優化。

如果你是用 Mac，用 ImageOptim 吧，免費。

不同圖像壓縮格式的演算法不同，各有其適用範疇。
PNG 的壓縮演算法適用於色彩變化較小的圖片，尤其含有大量純色塊的圖片；JPEG 適合絕大多數照片（參見 [1]）。
選擇恰當的格式是基本功。

[1] http://en.wikipedia.org/wiki/Portable_Network_Graphics#Comparison_to_other_file_formats

用
https://tinypng.com/
或者將圖片轉換成
webP格式WebP 探尋之路

很多瀏覽器都支持webP格式了，同等質量webP格式圖片的大小比png小很多。
其它格式圖片轉webP格式的工具戳這：智圖、iSparta－PNG壓縮與格式轉換工具

請參考我的這一篇文章，提供了無損壓縮的理論、方法、工具腳本、在線服務等：http://blog.youyo.name/archives/imgae-compress.html

http://tinypng.org

壓圖神器不解釋。

圖好快 http://tuhaokuai.com
在線圖片壓縮的神器，國內的，速度快，超級好用，太感激了

http://ued.taobao.com/blog/2010/12/10/jpg_png/
推薦看一下這篇文章。

推薦一下我司最近開發的一個東西：圖片瘦身 - 七牛開發者中心

顏色數量多的顏色複雜的，用jpg小一點，jpg本身可以修改質量

顏色單一的，需求透明的，png，png8由於顏色信息小於png24所以容量也要小一些，但是沒有alpha通道，透明邊緣尖銳

圖片壓縮具體問題具體分析，你可以把PNG24、jpg各壓縮比、gif、PNG8等各種格式和碼率都試試，在大小和質量上找到一個平衡。

當然用老外的在線圖片壓縮程序，這是KMHPROMO開發的高級演算法，你看我一張圖片縮小了83%之多。。

樓上那些都弱爆了，看看外國的這款在線圖片壓縮工具吧：picdiet ： https://www.picdiet.com，有中文版本： picdiet中文版我無意中在producthunt上發現的，瞬間就被震撼了，為什麼被震撼了？因為這個圖片壓縮工具是用JavaScript編寫而成的

對，你沒有看錯，用JavaScript壓縮圖片大小，很多工具都是需要將圖片上傳至後端伺服器然後由伺服器壓縮提供給瀏覽器下載，但是picdiet直接在你的瀏覽器中壓縮圖片，因為在瀏覽器中運行，因此沒有任何圖片數量、大小及尺寸的限制，想壓縮多少張圖片就壓縮多少，完全免費，而且官網還聲稱：「我們大量的測試結果也證明其壓縮表現要遠好於常規的壓縮軟體如：jpegoptim，jpegtran，jpegrescan和jpegmini」，實際測驗之：

壓縮前：115kb