Weebly 官網是怎麼把 2560x1400 的圖片壓縮到如此之小的？

01-03

weebly官網http://www.weebly.com/index.php?lang=zh
5張大圖，尺寸為2560x1400。如何壓縮到以下k數，甚至更小？同時圖片質量瀏覽起來不要損失太大。
（知道這幾張圖的色彩和背景虛化有利於壓縮）

Organic-Gallery.jpg 147KB

Howlattire.jpg 108KB

Our-Table.jpg 160KB

Whiskey-Ball.jpg 135KB

Yoga.jpg 201KB

不是虛化有利於壓縮，而是你可以在這種圖像上使用損失更大的壓縮參數，而結果看起來不那麼糟糕。

主要是由於常用的JPEG有損壓縮演算法，損失掉的是圖像的高頻內容。就是一些邊緣，輪廓，色彩突變等細節的地方。JPEG做的就是先把圖像變換到頻率域，然後扔掉一些高頻數據，再對剩下的數據做無損壓縮。

而這些圖像很多地方都模糊成了大片的色塊，這樣的話，就算扔掉很多的高頻數據，損失也不會很明顯。而且JPEG裡面還有個色度抽樣的過程，就是把幾個像素的顏色用一個像素來代替。這種損失在它這些圖裡影響也不大。比如你第一張圖，差不多是PS里，保存為WEB格式，30品質這種水平。你可以自己弄張細節多的圖壓成30品質的JPEG試試看，結果就沒這麼好看了。

我在這個問題里寫了比較詳細的JPEG壓縮過程，感興趣可以看看：兩張圖片就顏色不一樣，dpi，尺寸都一樣為什麼體積相差這麼大（20M）？

樓上各位沒說到點子上

一個JPEG圖可以在不同區域用不同的壓縮比，所以細節部分採用高質量壓縮，其餘大塊面積用低質量壓縮。

具體的工具：

http://blog.assortedgarbage.com/2009/10/jpeg-optimization-the-fireworks-advantage/

Selective JPEG compression in Photoshop

圖片大是大，但是細節不多啊，雖然我沒有測試過，但顯然比普通的照片包含了更少的信息，壓縮了肯定更小。