作為一名網(wǎng)頁(yè)設(shè)計(jì)師,你應(yīng)當(dāng)盡量減少HTTP對(duì)圖像的請(qǐng)求次數(shù),所以要對(duì)圖片優(yōu)化有所了解,今天北京匯仁智杰網(wǎng)站推廣公司給大家分享一些網(wǎng)頁(yè)設(shè)計(jì)中圖片優(yōu)化的技巧。
1、將圖片保存成Web所用格式
網(wǎng)頁(yè)設(shè)計(jì)師經(jīng)常犯的一個(gè)錯(cuò)誤便是使用“另存為”命令,而不是使用“存儲(chǔ)為Web所用格式”。“存儲(chǔ)為Web所用格式”可以將圖像保存成基于網(wǎng)頁(yè)設(shè)計(jì)優(yōu)化過(guò)的格式,包括圖像質(zhì)量、圖像分辨率、瀏覽器兼容性和文件大小。
這一命令會(huì)有一個(gè)對(duì)話框,你可以用來(lái)微調(diào)你的圖像。當(dāng)你調(diào)整圖像的設(shè)置時(shí),它會(huì)顯示出文件的大小和圖像的質(zhì)量。
相比之下,“另存為”對(duì)話框則不具有這么多選擇,并且其往往會(huì)保存成較大的圖像。
2、考慮使用Web安全色
Web安全色在大多數(shù)瀏覽器和顯示器上都能夠正確顯示,這確保了你的網(wǎng)頁(yè)無(wú)論在哪里看起來(lái)都有相同的效果。
3、 考慮使用JPG的“逐行掃描”選項(xiàng)
JPG文件格式是攝影和高分辨率圖像的理想選擇。根據(jù)你的目標(biāo)受眾,逐行掃描有時(shí)候是個(gè)不錯(cuò)的選擇。在網(wǎng)站加載時(shí),這種格式的圖像會(huì)逐漸呈現(xiàn)(即使在現(xiàn)代寬帶連接的互聯(lián)網(wǎng)時(shí)代,這種等待時(shí)間的類型已不是問(wèn)題了)。這使用戶在圖像完全加載之前便可快速預(yù)覽到,令人感覺(jué)網(wǎng)頁(yè)反應(yīng)更快。
4、 將圖像保存成透明的PNG格式
當(dāng)你需要透明的圖片時(shí),PNG格式是你的最佳選擇。
5、 將動(dòng)態(tài)圖片保存成GIF格式
GIF圖像格式雖然大多數(shù)情況下可以被PNG格式所取代,但有一點(diǎn)仍然很有用。雖然這種格式相對(duì)PNG和JPG來(lái)說(shuō)顯得粗糙,但GIF格式本身有個(gè)非常給力的功能,就是支持動(dòng)畫(huà)。
6、 請(qǐng)注意“下載時(shí)間”這一信息
當(dāng)你在優(yōu)化圖像時(shí),要時(shí)刻關(guān)注“下載時(shí)間”,這將會(huì)顯示在“存儲(chǔ)為Web所用格式”對(duì)話窗口的左下角。
圖片優(yōu)化也可以使用戶盡可能的快速打開(kāi)你的網(wǎng)站,所以我們何樂(lè)而不為呢?