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

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

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

首先，控制圖片的大小：

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

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

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

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

其次：我們可以選擇WebP（是一種同時提供了有損壓縮與無損壓縮的圖片文件格式）的新型圖片格式，同質量的WebP圖片比JPEG小25-34%，比PNG的體積小26%。像目前我們知道的京東等大型網站都開始慢慢使用這種WebP的圖片格式。

再次：可以通過優化程序代碼的方式，對上傳的圖片進行縮略圖的處理，尤其是在訪問網站首頁、頻道頁面和列表頁面或者相關專題頁面的時候，也可以有效的減少網站的負載；或者也可以通過jQuery.lazyload實現圖片延時加載，這樣不但可以提高網頁下載速度，不至于出現整個頁面打不開的情況，jQuery.lazyload在某些情況下，它也能幫助減輕服務器負載。

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

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

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

html圖片調用方法

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

<imgclass="lazy"data-original="圖片路徑">

<imgclass="lazy"data-original="圖片路徑">

js出始化lazyload并設置圖片顯示方式

<scripttype="text/javascript"charset="utf-8">

$(function(){

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

});

</script>

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

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

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

已經個人針對【在網站建設中如何處理圖片？】的一點見解，希望能幫到你。

以上由【科技周】綜合整理，！