網站圖片的運用占據的大部分,若圖片運用不佳,會直接影響網站后期用戶的觀看;網站兆數過大影響網站加載率,會很大程度上提高網站的跳出率。對于這方面,其實互聯網有很多類似的答案,比如把小圖片寫到CSS,多張小圖片整合到一張,圖片限制大小等等,其實這類優化都是浪費時間又不賺錢的事情,一張不到10PX的圖片能加載多久?何必浪費幾天的事情去處理這些細節,在想把細節處理好的前提是,把大問題解決,那么我們網站的圖片上的大問題在哪里呢?
圖片尺寸
很多人在發布企業網站產品圖片的時候,喜歡用代碼限制其圖片大小,而不是使用PS把圖片剪切了上傳,大家都知道,圖片剪切了后上傳相對會小一點,加載上面會快很多,而通過限制的方式,雖然瀏覽器會加載限制的大小,但一樣在加載原始圖片,所以上傳上去是1M還是會加載1M的圖片。
通常情況下,一個企業網站的內容頁會有很多細節圖片,比如一張圖片算300K,5張細節圖片,那就有1M多,一個網頁總共才10-20K,一張圖片就要加載1M,如果客戶網速慢,那1M的圖片基本是加載不出來了。
延遲加載
延遲加載技術都是大型網站才會使用到的,不過有必要把這一技術應用多圖片頁面,當瀏覽器加載到某部位的時候,就加載某部位的圖片,其他圖片暫停加載,客戶看起來就不需要等待加載圖片了。這一技術我曾經分享過,瀑布流圖片延遲加載技術,可以應用到任意網站。就一段JS代碼,操作簡單。
WEB格式圖片
在PS圖片的時候,建議選擇WEB格式保存圖片,這樣圖片文件小了,但不會很影響圖片的質量,當然如果有特別需求的,建議以下載的形式,或者點擊新窗口打開的形式來開啟圖片。通常情況下1M的圖片,使用WEB格式保存后,圖片的大小不會超過50KB的。
alt標簽
搜索引擎暫時還未能識別圖片,對于圖片的收錄完全取決于Alt標簽的文字。所以對于網站圖片應做好Alt的編寫,通常格式為 alt=編寫內容。