網站建設中圖像優化指導原則

網站建設中圖像優化指導原則

作為專業的網頁設計公司,深圳新龍始終追求為客戶製作高性能高轉化適合SEO的營銷型網站。優化圖像通常可以減少從網站下載的字節數並提高網站性能。那麼新龍如何處理網站建設中的圖像呢?

下面討論我們對待網站圖像的一般原則:

圖像優化既是一門藝術,也是一門科學,它即關係到企業品牌形象和內容傳遞,同時關係到網站性能和用戶體驗。我們在為客戶提供的網站設計服務中需要謹慎處理。

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

如果圖像需要外框裝飾,漸變效果或者給圖片加上陰影等等修飾性元素,這些不要做進圖像裡,而是通過CSS達到這類效果。

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

二、網站圖像儘可能使用SVG格式

比如網站LOGO,合作伙伴LOGO,大尺寸的主題圖片等等,儘可能採用SVG格式,以保證文件字節數最小,提升網站性能。

三、網站圖標儘可能採用圖標字庫

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

四、對網站圖像進行字節數優化

對於不能夠使用SVG格式的圖像,深圳新龍將對其進行字節數優化。同時也會指導客戶對產品圖優化後上傳到網站。

這裡有一個使用Photoshop優化圖片字節數的教程。這裡有優化圖片的在線工具介紹。

五、圖像的命名進行優化

網站的圖像名稱不能是毫無疑義的數字或者字母,必須是可以識別的有意義字母、數字、中橫線組合,並且包含產品關鍵詞或者品牌詞。在網站建設服務中,深圳新龍將與客戶進行詳細討論,以確定客戶提交的每一張圖像進行重新命名,確保訪問者通過搜索引擎能夠發現該圖片,為企業帶來更多客戶線索。

規避瀏覽器的禁忌詞。有些瀏覽器針對圖片命名中含有的某些詞語而引發禁止圖片顯示,這非常影響企業的網絡形象,因此我們需要幫助客戶規避此類問題。

六、圖像的Meta數據必須填寫

這是基本的SEO要求,客戶的每一張圖像都將填寫Meta數據,並且我們也指導客戶上傳產品圖時填寫,請看教程如何填寫圖像Meta信息?

參考來源:https://developers.google.com/web/fundamentals/performance/optimizing-content-efficiency/image-optimization?hl=zh-CN

上雨果網搜索“跨境資料庫”,領取歐美/東南亞各國市場商機、各大平臺熱銷品報告、跨境電商營銷白皮書!


分享到:


相關文章: