圖片優化(huà)基本原則:
一、圖片縮放
通(tōng)常情況下(xià),數碼相機拍(pāi)出的(de)照(zhào)片分(fēn)辨率是用(yòng)于沖洗照(zhào)片所用(yòng)的(de),在網上浏覽不需要上傳那麽大(dà)的(de)照(zhào)片,既影(yǐng)響圖片上傳速度,又浪費下(xià)載觀衆的(de)帶寬,解決方法是上傳圖片前,用(yòng)圖片編輯軟件(photoshop 或者 光(guāng)影(yǐng)魔術手)壓一下(xià),500像素左右就可(kě)以了(le)。
二、圖片裁切
切圖時(shí)盡量貼合圖形區(qū),避免空白區(qū)域占用(yòng)文件大(dà)小。
三、圖片輸出
1. 使用(yòng)photoshop的(de)“存儲爲web所用(yòng)格式”功能來(lái)輸出圖片。測試表明(míng):輸出某張圖片爲jpg格式,分(fēn)别使用(yòng)“存儲爲web所用(yòng)格式”和(hé)一般的(de)“存儲爲”,都壓縮到50%,前者得(de)到的(de)圖片結果爲14.4kb,後者爲47.1kb。
2. 在使用(yòng)上述功能進行圖片輸出的(de)過程中,對(duì)比jpg、gif格式下(xià)的(de)文件大(dà)小,選擇效果和(hé)大(dà)小較優的(de)文件格式。一般情況下(xià),色彩少的(de)圖片使用(yòng)png-8、gif格式文件會小些,色彩漸變豐富的(de)圖片,則使用(yòng)jpg會小些。
3. Jpg格式的(de)圖片,需綜合對(duì)比壓縮品質高(gāo)、中、低下(xià)的(de)效果,盡量選擇效果好且壓縮品質較低的(de)選項,以達到獲取較小文件的(de)目的(de)。
4. 對(duì)于無多(duō)通(tōng)道透明(míng)需求的(de)圖片,避免使用(yòng)png24位格式輸出。
Gif圖片如何優化(huà)?
有些圖片,色彩并不是很豐富,通(tōng)過對(duì)比可(kě)知輸出gif會更小些;或者,因爲要用(yòng)在多(duō)種背景中使用(yòng),需要輸出爲透明(míng)格式(非多(duō)通(tōng)道),這(zhè)時(shí),就需要選用(yòng)gif 格式。我們都知道Jpg格式可(kě)以通(tōng)過控制壓縮比來(lái)優化(huà),相對(duì)于JPG,gif優化(huà)是比較容易被忽視的(de)。看到身邊有些朋友在輸出gif時(shí)基本不作什(shén)麽優化(huà)選擇,覺得(de)很可(kě)惜。其實,即使确定要輸出gif格式,通(tōng)常也(yě)仍有繼續瘦身的(de)餘地。
做(zuò)個(gè)實驗,下(xià)面四個(gè)圖片,大(dà)家在肉眼、不進行圖片放大(dà)的(de)情況下(xià)能看出區(qū)别來(lái)嗎?
其實,這(zhè)幾張圖片有著(zhe)不同的(de)色階。請看下(xià)面在Photoshop中輸出時(shí)的(de)相關參數,注意文字中紅色線标注的(de)内容。
樣圖解讀:
圖1爲要輸出的(de)原圖效果;
圖2爲64色輸出的(de)效果,輸出後文件大(dà)小爲601字節;
圖3爲128色輸出的(de)效果,輸出後文件大(dà)小爲853字節;
圖4爲256色輸出的(de)效果,輸出後文件大(dà)小爲1.286K。
由此可(kě)見,上述四張圖中,在肉眼可(kě)辨識情況下(xià),64色的(de)圖片對(duì)比256色圖片,輸出後可(kě)以少掉一半還(hái)多(duō)的(de)字節數,且效果完全能滿足視覺要求。不要小看這(zhè)幾百個(gè)字節,試想網站裏幾百張圖片,如果每張圖都節省一些,最終可(kě)以節省多(duō)少空間出來(lái)?
這(zhè)是PS的(de)輸出模式中提供的(de)gif色彩選項。
根據這(zhè)些選項,我們再看看更多(duō)的(de)Gif格式下(xià)多(duō)色階的(de)效果和(hé)文件大(dà)小對(duì)比。
經對(duì)比可(kě)知,其實對(duì)于此圖片而言,用(yòng)32色來(lái)輸出也(yě)是可(kě)以接受的(de)。
優化(huà)小結
對(duì)于jpg而言,選擇一個(gè)能看清楚的(de)最大(dà)的(de)壓縮率;
對(duì)于gif而言,色彩越少,文件也(yě)就越小。在肉眼可(kě)接受的(de)範圍内,盡量将gif色彩數量降低。
道理(lǐ)其實很簡單,關鍵就在于我們實際輸出過程中要細心、耐心。雖然從外表上,客戶看不到我們所做(zuò)出的(de)優化(huà)工作,但客戶的(de)客戶肯定更喜歡開啓速度快(kuài)的(de)網站。順手多(duō)付出一點,不是壞事情。