網(wǎng)站建設中的圖像優(yōu)化發(fā)布者：本站     時(shí)間：2020-05-24 13:05:07

優(yōu)化圖像通?？梢詼p少從網(wǎng)站下載的字節數并提高網(wǎng)站性能。如何處理網(wǎng)站建設中的圖像呢？

圖像優(yōu)化既是一門(mén)藝術(shù)，也是一門(mén)科學(xué)，它即關(guān)系到企業(yè)品牌形象和內容傳遞，同時(shí)關(guān)系到網(wǎng)站性能和用戶(hù)體驗。我們在為客戶(hù)提供的網(wǎng)站設計服務(wù)中需要謹慎處理。

 

一、盡可能使用CSS修飾圖像

 

如果圖像需要外框裝飾，漸變效果或者給圖片加上陰影等等修飾性元素，這些不要做進(jìn)圖像里，而是通過(guò)CSS達到這類(lèi)效果。

 

通過(guò)CSS修飾的元素，在任何分辨率和縮放等級下始終能夠清晰地顯示，并且需要的字節數往往只是圖片文件的幾分之一。

 

二、網(wǎng)站圖像盡可能使用SVG格式

 

比如網(wǎng)站LOGO，合作伙伴L(cháng)OGO，大尺寸的主題圖片等等，盡可能采用SVG格式，以保證文件字節數最小，提升網(wǎng)站性能。

 

三、網(wǎng)站圖標盡可能采用圖標字庫

 

對于常規使用的圖標，圖標字體化是一種很好的解決方案。字體圖標具有和文字一樣放大縮小不變形的特點(diǎn)，并且字節數小、靈活、兼容各種現代瀏覽器，包括版本較低的IE瀏覽器。

 

四、對網(wǎng)站圖像進(jìn)行字節數優(yōu)化

 

對于不能夠使用SVG格式的圖像，深圳新龍將對其進(jìn)行字節數優(yōu)化。同時(shí)也會(huì )指導客戶(hù)對產(chǎn)品圖優(yōu)化后上傳到網(wǎng)站。

 

這里有一個(gè)使用Photoshop優(yōu)化圖片字節數的教程。這里有優(yōu)化圖片的在線(xiàn)工具介紹。

 

五、圖像的命名進(jìn)行優(yōu)化

 

網(wǎng)站的圖像名稱(chēng)不能是毫無(wú)疑義的數字或者字母，必須是可以識別的有意義字母、數字、中橫線(xiàn)組合，并且包含產(chǎn)品關(guān)鍵詞或者品牌詞。在網(wǎng)站建設服務(wù)中，深圳新龍將與客戶(hù)進(jìn)行詳細討論，以確定客戶(hù)提交的每一張圖像進(jìn)行重新命名，確保訪(fǎng)問(wèn)者通過(guò)搜索引擎能夠發(fā)現該圖片，為企業(yè)帶來(lái)更多客戶(hù)線(xiàn)索。

 

規避瀏覽器的禁忌詞。有些瀏覽器針對圖片命名中含有的某些詞語(yǔ)而引發(fā)禁止圖片顯示，這非常影響企業(yè)的網(wǎng)絡(luò )形象，因此我們需要幫助客戶(hù)規避此類(lèi)問(wèn)題。

 

六、圖像的Meta數據必須填寫(xiě)

 

這是基本的SEO要求，客戶(hù)的每一張圖像都將填寫(xiě)Meta數據，并且我們也指導客戶(hù)上傳產(chǎn)品圖時(shí)填寫(xiě)，請看教程如何填寫(xiě)圖像Meta信息？