小(xiǎo)程序相對傳統PC端不但交互豐富，界面更爲精美，因此圖片優化就顯得極爲重要。那麽小(xiǎo)程序開(kāi)發中(zhōng)怎麽做好圖片優化呢？接下(xià)來爲您簡單的說明一(yī)下(xià)。

一(yī)、圖片大(dà)小(xiǎo)

現在4G網絡技術很發達，但是圖片到達一(yī)定大(dà)小(xiǎo)還是會給小(xiǎo)程序運行帶來負擔，在小(xiǎo)程序開(kāi)發中(zhōng)圖片一(yī)定要保持合适的大(dà)小(xiǎo)，這樣不但會增加浏覽器的交互感覺，增加網絡速度，還可以使用戶使用中(zhōng)提高用戶體(tǐ)驗。

二、圖片資(zī)源優化

在小(xiǎo)程序和網頁研發中(zhōng)，有效減少圖片資(zī)源請求數，合并HTTP請求，用DataURL這種方式将圖片被轉換成base64編碼的字符串形式，單純地“嵌”入HTML中(zhōng)，不會被緩存，隻有通過CSS或JS文件便可達到了間接緩存以base64編碼的圖片。

三、用圖規範

圖片雖然有擁有獨特的魅力，但我(wǒ)(wǒ)們在小(xiǎo)程序開(kāi)發中(zhōng)，還要注意一(yī)定的用圖規範。首先一(yī)個好的小(xiǎo)程序，不管圖片再精美，元素再精彩，都不能忽略圖片與小(xiǎo)程序内容的關聯性。好的圖片，是一(yī)個俱佳的用戶交流媒介，圖片用的好，不但能引發用戶的興趣，還能有效增加用戶的黏性

四、圖片格式

1、PEG格式。JPEG或JPG支持級别高的壓縮。

2、更靈動的GIF格式。GIF格式的圖片在色彩較爲豐富的圖片顯示質量比JPEG有很大(dà)差異。

3、透明的PNG圖片格式。PNG占用的體(tǐ)積極小(xiǎo)，P更适合logo或一(yī)般裝飾性圖案的使用和顯示。

五、圖片清晰度

有時候，一(yī)副細節清晰内容豐富的圖片更能傳圖片的信息，模糊的圖片不但對用戶的價值大(dà)打折扣，還會影響用戶的使用體(tǐ)驗。

六、多角度圖片

小(xiǎo)程序開(kāi)發中(zhōng)要注意不同角度圖片的使用，用戶肯定不會滿足于呆闆角度的圖片，要選擇更多角度更豐富的圖片，多角度的圖片會讓你的小(xiǎo)程序更有吸引力。