在網站建設中最為常見的就是圖片了，一張張大大小小的網站圖片，如果沒有做好優化，網站的維護優化就會變得艱難，相反，優化好圖片一方面有利于網站的加載和用戶的體驗，另一方面是有利于搜索引擎對圖片的收錄和增加曝光。

網站圖片的優化可以從以下幾個方面入手：

圖片格式，圖片尺寸，圖片大小，圖片加載，圖片標簽，圖片命名等

網站圖片盡量采取jpg格式

常見的圖片格式有jpg、png、gif、svg，而在網站建設中通常會采用jpg格式，jpg格式的圖片具有兼容性強，占據空間小的特點，非常適合網站上使用，而png、gif圖片格式文件相對jpg來說較大，在網站中應當盡量少用，除非是對圖片有特殊要求的處理，比如要求透明背景的圖標或者是動態gif圖。

網站圖片尺寸規范

不同的位置，圖片尺寸也不同，比如banner大圖，圖片寬度在1920px，而產品主圖，文章封面圖這些，尺寸一般在800px左右，而在我們日常拍攝的原圖，尺寸一般是比較大的，網站建設需要先用圖片處理工具縮小圖片尺寸后在放到網站上來。

網站圖片需要做好質量壓縮

圖片占用空間太大的話，會影響網站的加載速度。而不同尺寸的圖片，大小也有要求，比如海報大圖建議控制在500K以內，產品主圖文章配圖建議控制在200K以內，而一些小圖標縮略圖則是要控制在100K以下的，這樣整個網站加載的速度就很流暢了，用戶體驗也會提升。

網站圖片分批加載

有時候我們也會引用其他網站的文章內容，但是圖片記得要上傳到本地空間，因為加載圖片外鏈會比加載本地空間圖片的速度要慢，而且一旦外鏈接失效，圖片就會加載不出來。在產品圖比較多的情況下，圖片加載一般會選擇分頁加載或者下滑加載更多兩種形式。

給網站圖片添加alt及title屬性

搜索引擎是讀不懂、看不見圖片上是什么內容的，搜索引擎只能識別圖片的alt屬性，atl的屬性直接告訴搜索引擎這是什么圖片，講的什么意思。所以圖片的優化一定要做好這兩個屬性的內容，內容上可以放一兩個與圖片主題、內容主題相關的關鍵詞哈。

OK，以上就是網站建設里圖片的優化內容，其實核心主要兩個重點：一是圖片大小的優化，二是圖片屬性命名的優化。