今天看了一篇老文,對JPEG的壓縮優(yōu)化有了更深刻的理解,對JPEG存儲數(shù)據(jù)的方法也更加了解。
原文地址:http://www.smashingmagazine.com/2009/07/01/clever-jpeg-optimization-techniques/
8x8像素格

這是一個黑白格的圖片,在保存為JPEG的時候選擇“質(zhì)量”很低的話,就會出現(xiàn)模糊的鋸齒。這種鋸齒我們經(jīng)常見到,但神奇的是左上角的那個正方形的邊緣非常完美,這是因為JPEG儲存圖片的時候會把圖片存為一系列8x8像素的塊。
左上角的圖片正好壓在8x8的邊緣,所以顯示很完美,右下角的圖片沒有壓在8x8上,所以會會模糊的多。
所以優(yōu)化技巧就是,如果圖片包含輪廓清晰的元素,那么就把元素挪到8x8的參考線上。
在PS里設(shè)置網(wǎng)格的尺寸的方法是編輯>首選項>參考線、網(wǎng)格和切片>網(wǎng)格>網(wǎng)格線間隔設(shè)置為8的倍數(shù)比如32,然后子網(wǎng)格設(shè)置為4(32/8=4)即可。
顯示網(wǎng)格的方法是視圖>顯示>網(wǎng)格。
顏色優(yōu)化
顏色優(yōu)化的具體處理方法有點復(fù)雜,建議閱讀原文,按原文步驟操作一遍就大概明白了。
核心思想就是把圖片模式設(shè)置為lab顏色的話,會在通道中看見圖片被分成明度、a、b三個通道。跟RGB模式有3個通道分別儲存紅色綠色藍(lán)色不一樣的是,lab顏色模式中明度通道儲存某一點的明亮程度,a通道儲存某一點的紅色和綠色有多少,b通道儲存藍(lán)色和黃色有多少。

那么圖片中有一些黑色的部分的話,那么就會在明度通道中有暗度信息表明這一點非常之暗,同時又會在紅綠通道中儲存信息表明這一點很紅。這從人眼可視的角度來看就是冗余信息,因為很暗的黑色和很暗的紅色對于人眼都是黑色。
知道了這一點以后,我們來操作a通道(或者b通道,看具體的圖中黑色周圍是什么色調(diào)了),選取了a通道之后把黑色部分的紅綠信息抹掉,抹掉的方法就很多了,比如濾鏡>雜色>中間值,會把紅黑混雜的顏色改成中間色。這樣就能減少一些文件體積。
如果你是變態(tài)的對色溫極端追求的設(shè)計師,而且顯示器有非常之好的話,那么你會發(fā)現(xiàn)顏色可能會偏暗了,這時候?qū)τ谠瓐D調(diào)一下色階就好了。Ctrl+L,照片處理中常用的快捷鍵。
通用規(guī)則
1.程序是死的,人是活的。程序無法判斷壓縮jpeg多少是一個合適的比例,但人可以。
2.永遠(yuǎn)不要把jpeg保存為100%質(zhì)量,95%是你的上限,如果你需要很高的質(zhì)量的話。
3.如果你的圖片中有一些尖銳的元素或者邊緣,那么不要設(shè)置低于51%的質(zhì)量。
4.還有一種格式叫png,合理使用它(png的優(yōu)化規(guī)則同樣非常復(fù)雜)。
原文地址:http://yuguo.us/weblog/clever-jpeg-optimization-techniques/
復(fù)制本文鏈接 文章為作者獨立觀點不代表優(yōu)設(shè)網(wǎng)立場,未經(jīng)允許不得轉(zhuǎn)載。




發(fā)評論!每天贏獎品
點擊 登錄 后,在評論區(qū)留言,系統(tǒng)會隨機(jī)派送獎品
2012年成立至今,是國內(nèi)備受歡迎的設(shè)計師平臺,提供獎品贊助 聯(lián)系我們
MJ+SD智能設(shè)計
已累計誕生 772 位幸運星
發(fā)表評論
↓ 下方為您推薦了一些精彩有趣的文章熱評 ↓