網站圖片優化技巧分(fēn)享

在網站建設中(zhōng)最爲常見的就是圖片了，一(yī)張張大(dà)大(dà)小(xiǎo)小(xiǎo)的網站圖片，如果沒有做好優化，網站的維護優化就會變得艱難，相反，優化好圖片一(yī)方面有利于網站的加載和用戶的體(tǐ)驗，另一(yī)方面是有利于搜索引擎對圖片的收錄和增加曝光。

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

圖片格式，圖片尺寸，圖片大(dà)小(xiǎo)，圖片加載，圖片标簽，圖片命名等

網站圖片盡量采取jpg格式

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

網站圖片尺寸規範

不同的位置，圖片尺寸也不同，比如banner大(dà)圖，圖片寬度在1920px，而産品主圖，文章封面圖這些，尺寸一(yī)般在800px左右，而在我(wǒ)(wǒ)們日常拍攝的原圖，尺寸一(yī)般是比較大(dà)的，網站建設需要先用圖片處理工(gōng)具縮小(xiǎo)圖片尺寸後在放(fàng)到網站上來。

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

圖片占用空間太大(dà)的話(huà)，會影響網站的加載速度。而不同尺寸的圖片，大(dà)小(xiǎo)也有要求，比如海報大(dà)圖建議控制在500K以内，産品主圖文章配圖建議控制在200K以内，而一(yī)些小(xiǎo)圖标縮略圖則是要控制在100K以下(xià)的，這樣整個網站加載的速度就很流暢了，用戶體(tǐ)驗也會提升。

網站圖片分(fēn)批加載

有時候我(wǒ)(wǒ)們也會引用其他網站的文章内容，但是圖片記得要上傳到本地空間，因爲加載圖片外(wài)鏈會比加載本地空間圖片的速度要慢(màn)，而且一(yī)旦外(wài)鏈接失效，圖片就會加載不出來。在産品圖比較多的情況下(xià)，圖片加載一(yī)般會選擇分(fēn)頁加載或者下(xià)滑加載更多兩種形式。

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

搜索引擎是讀不懂、看不見圖片上是什麽内容的，搜索引擎隻能識别圖片的alt屬性，atl的屬性直接告訴搜索引擎這是什麽圖片，講的什麽意思。所以圖片的優化一(yī)定要做好這兩個屬性的内容，内容上可以放(fàng)一(yī)兩個與圖片主題、内容主題相關的關鍵詞哈。

OK，以上就是網站建設裏圖片的優化内容，其實核心主要兩個重點：一(yī)是圖片大(dà)小(xiǎo)的優化，二是圖片屬性命名的優化。