現(xiàn)在的(de)網站(zhàn)大(dà)量的(de)使用(yòngγ$✔₹)圖片，那(nà)麽這(zhè)些(xiē)圖片如≈↕&✘(rú)何優化(huà)才好(hǎo)呢(ne)?下(xià)面有(yǒu)15個'₽♦✘(gè)原則，一(yī)起來(lái)看(k₽¶àn)看(kàn)吧(ba)。

　　01)在網站(zhàn)設計(jì)之初，就(jiù)​∞∏先要(yào)做(zuò)好(hǎo)規劃，比如(rú)背景圖片如(rú)何使♠δ <用(yòng)等等，做(zuò)到(dào)心中有(yǒu®<)數(shù)。

　　02)編輯圖片的(de)時(shí)候，要(yào)做(zuò)好(hǎo)裁剪★§ ，展示必要(yào)的(de)和(hé)同內(nèi)容相(xiàng)關的(de)部分(∏αfēn)。

　　03)在輸出圖片的(de)時(shí)候，圖片大(dà)小(xiǎo)要(yào)設₽®×置妥當，長(cháng)寬像素就(jiù)設成你(nǐ)所需要(yào)的(de)大(&₽☆dà)小(xiǎo)，而不(bù)要(yào)輸出大(dà)圖片，然後使用(∏¥→γyòng)的(de)時(shí)候，在指定較小(xiǎ↕≈&$o)的(de)長(cháng)寬，縮放(fàng)圖片。

　　04)在html中明(míng)确指定圖片的(de)大✘≈(dà)小(xiǎo)。

　　05)若使用(yòng)photoshop的(de)話(huà)‍↔φ，縮放(fàng)圖片通(tōng)常會(huì)讓圖像模糊，₩≥↑δ可(kě)以用(yòng)smart sharpen來"↕®♠(lái)讓圖片更為(wèi)出色。

　　06)盡量組合裝飾性的(de)圖片，以節省http請(qǐng)求數(shù)，在≤×∏具體(tǐ)使用(yòng)時(shí)，采用(yòng)CSS  •≈≥sprite的(de)方式。

　　07)如(rú)果圖片上(shàng)要(yào)添加文(wén)字，可(kě)能(​×≥néng)的(de)話(huà)，就(jiù)不(bù)要(yào)把文(wén)字嵌入到(dà♣♦ o)圖片中，而是(shì)采用(yòng)透明(míng)背景圖片，或 →者CSS定位讓文(wén)字覆蓋在圖片上(shàng)，既能(néng)獲得(de)相(xià↔♠→ng)等的(de)效果，還(hái)能(néng)把圖片更大(dà)程度的(de)壓縮。

　　08)在較小(xiǎo)的(de)Gif和(hé)PNG圖®☆≈片上(shàng)，可(kě)以使用(yòφε↓ ng)有(yǒu)損壓縮。

　　09)可(kě)能(néng)的(de)話(huà)，使用(yòng)局部壓縮，保證前景φ ♦清楚的(de)基礎上(shàng)，較大(dà)程度的(de)γ≠♦壓縮背景。

　　10)頁面上(shàng)的(de)邊框，背景，盡可(kě)能(nén$ g)的(de)使用(yòng)CSS的(de)方式來(lái)展示，而不(bù)要(yào)用(÷≤ yòng)圖片。

　　11)圖片使用(yòng)上(shàng)，能(néng)用(yòng)pn₽×€♠g格式的(de)盡量用(yòng)，以替代過去(qù)常用(yòngλ )的(de)gif和(hé)jpeg格式。在保證質量的(de¶€ελ)情況下(xià)，用(yòng)最小(xiǎo)的(de)文(wén)件(jià‍₽✘n)。

　　12)對(duì)于Gif和(hé)PNG文(wén)件(≥✔ jiàn)格式，最小(xiǎo)化(huà)顔色位數(shù)。

　　13)對(duì)于Gif和(hé)PNG文(wén)件(jiàn)，最小(xiǎo)化(‌™huà)dithering，可(kě)使文(wén)件(jiàn)更小(xiǎo)。

　　14)圖片在優化(huà)之前，若能(néng)降噪的(de)話β±(huà)，可(kě)以獲得(de)額外(wài)的(de)20%多(duō)的(d×>↓e)壓縮。

　　15)jpg圖片也(yě)可(kě)以模糊背景，然後壓縮的(de)時(shí)候，∏✘♥可(kě)以壓縮的(de)更多(duō)。