對於網站建設的運營的人來說，除了網站本身的框架(程式功能、佈局、版塊、內容等)安全穩定之外，還需要做好網站最佳化(SEO)，而網站最佳化又包括站內最佳化和站外最佳化兩大方面，這樣做的目的只要是為了滿足搜尋引擎的排名規則，從而讓網站內容在搜尋引擎檢索中獲得比較靠前的排名，從而實現增加網站的流量，提高網站轉化率等。

　　而在網站最佳化中的站內最佳化規劃中，網站圖片的處理也是尤為重要的，對於大多數的網站來說，都主要是以圖文為主的，而最佔網站空間大小、影響網站開啟訪問速度的也是圖片，所以要如何處理好網站圖片最佳化的問題也是很關鍵的。

　　那麼我們應該如何處理圖片呢?主要從兩方面下手：

首先，控制圖片的大小：

　　不管是資訊網站還是企業網站，建議儘量少用那種全屏大小的圖片，如果不得不用到的話，也建議在做完圖片後，對需要展示的圖片在不影響圖片質量的情況下進行壓縮，關於如何做圖片壓縮，網上也有很多關於圖片壓縮的工具，這裡個人推薦一款：【智圖】的工具，主要功能是用於圖片壓縮和圖片格式轉換的工具，操作也很簡單，只需要選擇【質量調節】(圖片質量)然後點選【上傳】就可以自動壓縮完成，處理完成後我們可以看到處理後的資訊，最主要是目前這款工具是免費的，有需要的可以瞭解使用。

壓縮前圖片的大小是：5.03M

壓縮後的圖片大小是：1.13M

　　除了使用圖片壓縮工具之外，也可以透過ps對即將儲存的圖片進行圖片品質的選擇，從而實現圖片的壓縮。

其次：我們可以選擇WebP（是一種同時提供了有失真壓縮與無失真壓縮的圖片檔案格式）的新型圖片格式，同質量的WebP圖片比JPEG小25-34%，比PNG的體積小26%。像目前我們知道的京東等大型網站都開始慢慢使用這種WebP的圖片格式。再次：可以透過最佳化程式程式碼的方式，對上傳的圖片進行縮圖的處理，尤其是在訪問網站首頁、頻道頁面和列表頁面或者相關專題頁面的時候，也可以有效的減少網站的負載；或者也可以透過jQuery.lazyload實現圖片延時載入，這樣不但可以提高網頁下載速度，不至於出現整個頁面打不開的情況，jQuery.lazyload在某些情況下，它也能幫助減輕伺服器負載。

　　它的使用方法也很簡單，直接引用jquery和jquery.lazyload.js到你網站的相關頁面：

<SCRIPT src="jquery-1.11.0.min.js"></SCRIPT>

<SCRIPT src="jquery.lazyload.js?v=1.9.1"></SCRIPT>

　　html圖片呼叫方法

　　為圖片加入樣式lazy 圖片路徑引用方法用data-original

<img data-original="圖片路徑">

<img data-original="圖片路徑">

　　js出始化lazyload並設定圖片顯示方式

<script type="text/javascript" charset="utf-8">

$(function() {

$("img.lazy").lazyload({effect: "fadeIn"});

});

</script>

　　在圖片中也可以不使用，初始化時使用：

$("img").lazyload({effect: "fadeIn"});

　　這樣就可以對全域性的圖片都有效！