網站圖片處理不能(néng)不知道(dào)的二十個技巧

所有網站工作者在網站制作的過(guò)程中不可避免的要用到一些圖片，即背景圖片或者産品圖片，這(zhè)些得要一些使用技巧，然而在頁面(miàn)中恰到好(hǎo)處地使用圖像能(néng)使網頁更加生動形象并且美觀。在網站建設中關于圖片的格式，圖片的大小，圖片的分辨率都(dōu)有很多使用的技巧，下面(miàn)成(chéng)都(dōu)網站建設-尚狐網絡工作室的小編就(jiù)給大家分享下這(zhè)方面(miàn)的經(jīng)驗。

1. 網站在設計的時(shí)候，就(jiù)先要做好(hǎo)相應的設計，如背景圖怎麼(me)設計，使用等。

2. 在網站切圖的時(shí)候，要盡量做好(hǎo)裁剪，隻展示必要的、重要的、同内容相關的部分。

3. 在輸出圖片的時(shí)候，圖片大小要設置妥當，長(cháng)寬像素就(jiù)設成(chéng)你所需要的大小，而不要輸出大圖片，然後(hòu)使用的時(shí)候，再指定較小的長(cháng)寬，縮小圖片。

4. 盡量組合裝飾性的圖片，以節省http請求數，在具體使用時(shí)，采用CSS sprite的方式。

5. 頁面(miàn)上的邊框，背景，盡可能(néng)的使用CSS的方式來展示，而不要用圖片。

6. 圖片使用上，能(néng)用png格式的盡量用，以替代過(guò)去常用的gif和jpeg格式。在保證質量的情況下，用最小的文件。

7. 在html中明确指定圖片的大小。

8. 若使用photoshop的話，縮放圖片通常會(huì)讓圖像模糊，可以用smart sharpen來讓圖片更爲出色。

9. 對(duì)于GIF和PNG文件格式，最小化顔色位數，可使文件更小。

10. 對(duì)于GIF和PNG文件，最小化dithering，可使文件更小。

11. 如果圖片上要添加文字，可能(néng)的話，就(jiù)不要把文字嵌入到圖片中，而是采用透明背景圖片，或者CSS定位讓文字覆蓋在圖片上，既能(néng)獲得相等的效果，還(hái)能(néng)把圖片更大程度的壓縮。

12. 在較小的GIF和PNG圖片上，可以使用有損壓縮。

13. 可能(néng)的話，使用局部壓縮，保證前景清楚的基礎上，較大程度的壓縮背景。

14. 圖片在優化之前，若能(néng)降噪的話，可以獲得額外的20%多的壓縮。

15. jpg圖片也可以模糊背景，然後(hòu)壓縮的時(shí)候，可以壓縮的更多。

16. 網站中所有的背景圖都(dōu)放在一張圖片上面(miàn)，降低圖片加載時(shí)長(cháng)，提高網站打開(kāi)速度。

17. 網站中的圖片盡量使用GIF格式的圖片，以降低圖片的體積大小。

18. 網站中存在jpg的圖片，需要在儲存jpg圖片的時(shí)候，選用品質高、格式基線已優化模式。

19.網站中存在png的圖片，如果png背景透明，應該加入防止IE6 png背景透明失效的JS代碼。

20. 網站中純色的背景圖片，應該使用CSS的方法控制，盡量減少圖片的使用。