前言：該文收集了前輩們的一些關(guān)于圖片優(yōu)化的技巧，在此收攏到一起，對于各個方法的優(yōu)化原理做了一些研究，希望能給大家對于圖片優(yōu)化這一塊起到拋磚引玉的作用。
騰訊財付通設(shè)計中心 Jia ：提到圖片，我們不得不從位圖開始說起，位圖圖像(bitmap)，也稱為點陣圖像或繪制圖像，是由稱作像素（圖片元素）的單個點組成的。這些點可以進(jìn)行不同的排列和染色以構(gòu)成一副圖片。當(dāng)放大位圖時，可以看見賴以構(gòu)成整個圖像的無數(shù)單個方塊。
常見的格式中JPG、PNG、GIF亦屬于位圖，所以它們的數(shù)據(jù)結(jié)構(gòu)大致相同，只是每一種圖片格式都有不同的壓縮算法，不同的掃描方式，但是優(yōu)化的方法都有一個共同點，都是圍繞著每個像素顏色值來下手，具體如何進(jìn)行優(yōu)化呢？
下面來給大家介紹一下圖片的一些基本原理和優(yōu)化的方法：
1.JPG原理與優(yōu)化
JPG是一種對彩色或灰階之類連續(xù)色調(diào)圖形作壓縮和解壓縮的標(biāo)準(zhǔn)．這個標(biāo)準(zhǔn)是由ISO/IEC JTC1/SC29 WG10所訂定。
壓縮算法為正、反離散余弦轉(zhuǎn)換，如下圖：
反離散余弦轉(zhuǎn)換即把整個流程反轉(zhuǎn)。
這里的8X8像素區(qū)塊是我們JPG優(yōu)化方法的重點，在之后會涉及到取樣、區(qū)塊量化、掃描的步驟，然而取樣、區(qū)塊量化這兩個步驟將是導(dǎo)致圖像失真的過程，也是我們優(yōu)化工作所涉及到核心部分。
取樣：
