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