網(wǎng)站制作中圖片該如何優(yōu)化呢
發(fā)布時間:2020-02-15來源:admin
作為專業(yè)的網(wǎng)頁設(shè)計公司,深圳新龍始終追求為客戶制作高性能高轉(zhuǎn)化適合SEO的營銷型網(wǎng)站。優(yōu)化圖像通常可以減少從網(wǎng)站下載的字節(jié)數(shù)并提高網(wǎng)站性能。那么新龍如何處理網(wǎng)站建設(shè)中的圖像呢?圖像優(yōu)化既是一門藝術(shù),也是一門科學(xué),它即關(guān)系到企業(yè)品牌形象和內(nèi)容傳遞,同時關(guān)系到網(wǎng)站性能和用戶體驗(yàn)。我們在為客戶提供的網(wǎng)站設(shè)計服務(wù)中需要謹(jǐn)慎處理。<br />
一、盡可能使用CSS修飾圖像<br />
如果圖像需要外框裝飾,漸變效果或者給圖片加上陰影等等修飾性元素,這些不要做進(jìn)圖像里,而是通過CSS達(dá)到這類效果。通過CSS修飾的元素,在任何分辨率和縮放等級下始終能夠清晰地顯示,并且需要的字節(jié)數(shù)往往只是圖片文件的幾分之一。<br />
二、網(wǎng)站圖像盡可能使用SVG格式<br />
比如網(wǎng)站LOGO,合作伙伴LOGO,大尺寸的主題圖片等等,盡可能采用SVG格式,以保證文件字節(jié)數(shù)最小,提升網(wǎng)站性能。<br />
三、網(wǎng)站圖標(biāo)盡可能采用圖標(biāo)字庫<br />
對于常規(guī)使用的圖標(biāo),圖標(biāo)字體化是一種很好的解決方案。字體圖標(biāo)具有和文字一樣放大縮小不變形的特點(diǎn),并且字節(jié)數(shù)小、靈活、兼容各種現(xiàn)代瀏覽器,包括版本較低的IE瀏覽器。<br />
四、對網(wǎng)站圖像進(jìn)行字節(jié)數(shù)優(yōu)化<br />
對于不能夠使用SVG格式的圖像,深圳新龍將對其進(jìn)行字節(jié)數(shù)優(yōu)化。同時也會指導(dǎo)客戶對產(chǎn)品圖優(yōu)化后上傳到網(wǎng)站。<br />
這里有一個使用Photoshop優(yōu)化圖片字節(jié)數(shù)的教程。這里有優(yōu)化圖片的在線工具介紹。<br />
五、圖像的命名進(jìn)行優(yōu)化<br />
網(wǎng)站的圖像名稱不能是毫無疑義的數(shù)字或者字母,必須是可以識別的有意義字母、數(shù)字、中橫線組合,并且包含產(chǎn)品關(guān)鍵詞或者品牌詞。在網(wǎng)站建設(shè)服務(wù)中,深圳新龍將與客戶進(jìn)行詳細(xì)討論,以確定客戶提交的每一張圖像進(jìn)行重新命名,確保訪問者通過搜索引擎能夠發(fā)現(xiàn)該圖片,為企業(yè)帶來更多客戶線索。<br />
規(guī)避瀏覽器的禁忌詞。有些瀏覽器針對圖片命名中含有的某些詞語而引發(fā)禁止圖片顯示,這非常影響企業(yè)的網(wǎng)絡(luò)形象,因此我們需要幫助客戶規(guī)避此類問題。<br />
六、圖像的Meta數(shù)據(jù)必須填寫<br />
這是基本的SEO要求,客戶的每一張圖像都將填寫Meta數(shù)據(jù),并且我們也指導(dǎo)客戶上傳產(chǎn)品圖時填寫,請看教程如何填寫圖像Meta信息?<br />
聯(lián)系方式: 0755-84185494