圖片可謂是網頁設計中核心元素之一,banner大圖,模塊背景圖、局部小圖標等這些都是直接影響用戶體驗的主要元素,但不難發現很多企業網站頁面在加載的時候圖片會出來的很慢,因為往往網站首頁會加載非常多的圖片,導致首頁變大加載速度很長,然而服務器帶寬是有限的,且骨干線路的不穩定性,會造成加載較大文件或者頁面時速度較慢,下面網站設計專家"海之睿"給大家講解網站圖片加載慢的三種解決方法。
1、開啟web服務的傳輸壓縮:通過壓縮減小圖片大小,加快數據傳輸,提高網頁加載速度。
2、插圖盡量使用外鏈:由于服務器性能的限制,如果一個頁面里http請求太多的話,頁面往往要等很久才能完全載入。特別是圖片,如果太長時間不能加載的話,瀏覽器就會斷開與服務器的鏈接,這時就需要在點擊一下顯示圖片才能顯示出來。盡量用外鏈圖片來做文章插圖。這樣做能減輕服務器壓力節約流量。
3、控制jpg圖片的質量(ps保存圖片為web格式):質量高的jpg格式圖片比較清晰,色彩更鮮艷,其實這對速度的影響是很大的,建議盡量使用gif格式,gif格式能顯示的顏色數量最多為256色,其實對不包含大量色彩漸變的圖片來說,已經是非常足夠了,因此在制作顏色比較少的gif時,嘗試一下降低顏色數,只要效果不會相差太大。