免費參與·100+跨境活動 
免費下載·4000+跨境資料 
免費學習·2000+直播課程 
免費加入·15萬+賣家交流群 
2020-02-14 14:32
作為專業的網頁設計公司，深圳新龍始終追求為客戶制作高性能高轉化適合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
（來源：newloong）
以上內容屬作者個人觀點，不代表雨果網立場！本文經原作者授權轉載，轉載需經原作者授權同意。
