1、常用的圖像類(lèi)型

1)?gif: 適用于動(dòng)畫(huà)效果。

2)?jpg: 使用有損壓縮，將圖片的每個(gè)像素分解成8*8的柵格，然后對(duì)每個(gè)柵格的數(shù)據(jù)進(jìn)行壓縮處理，通過(guò)特殊的算法用附近的顏色填充柵格。用戶(hù)可以設(shè)置質(zhì)量級(jí)別，從0到100，數(shù)字越小，圖片質(zhì)量越差。

3)?png：使用無(wú)損壓縮，將圖片出現(xiàn)的顏色進(jìn)行索引，保留在調(diào)色板上，在顯示圖像時(shí)會(huì)調(diào)用調(diào)色板的顏色去填充相應(yīng)位置。png又分為png8、png24和png32，png8表示支持2^8個(gè)種顏色，通常png8是最通用的web圖片格式。

?

2、圖像優(yōu)化

1)?jpg or png

對(duì)于顏色較多的圖像，使用jpg更好，因?yàn)閜ng可以選擇使用調(diào)色板顏色更多的png24，得到的圖片比jpg大。

對(duì)于顏色簡(jiǎn)單對(duì)比強(qiáng)烈的圖像，使用png更好，因?yàn)閜ng使用調(diào)色板顏色最少的png8就可以滿(mǎn)足顯示效果，且得到的圖片相對(duì)較小，而jpg是有損的，在清晰的顏色過(guò)渡周?chē)鷷?huì)有大色塊，影響顯示效果。

2)?將png24|32轉(zhuǎn)化為png8

某些png24|32圖片的顏色較為簡(jiǎn)單，將其轉(zhuǎn)變?yōu)閜ng8的顯示效果類(lèi)似，但能明顯減小圖片的大小。可以使用完全免費(fèi)的工具pngGo來(lái)完成，且可根據(jù)需要設(shè)置png所需的調(diào)色板顏色數(shù)，得到最大的壓縮效果。?

總結(jié)

以上是生活随笔為你收集整理的前端性能优化-图像优化的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。