最近有一些朋友說自己的wordpress網(wǎng)站加載速度很慢，問我們是不是所使用的wordpress主題的問題，因此請我們對他們的網(wǎng)站進行檢查，

而我們在檢查中發(fā)現(xiàn)，這些用戶的網(wǎng)站響應(yīng)速度并不慢，網(wǎng)站在打開之后，整體框架非?？斓拇蜷_了，而一些圖片則加載的非常慢，從而拖慢了網(wǎng)站加載的時間。

那么我們?nèi)绾螌ι蟼鞯膱D片進行優(yōu)化，讓網(wǎng)站速度加載更快呢？

圖片格式，gif、jpg和png

一般的圖片格式有g(shù)if、jpg和png三種格式，一般來說，gif是所有格式中最小的，但是gif的顏色復雜質(zhì)量不高，而jpg的質(zhì)量和大小都是在網(wǎng)頁上能夠顯示的比較好的，最大的要算png格式的圖片了，png可以顯示為透明背景的圖片。

那么我們在網(wǎng)站上使用這些圖片格式應(yīng)該是如何使用的呢？

gif圖片

gif圖片的圖片連續(xù)性不是很好，在處理復雜的圖片，如果使用gif圖片，特別是一些有漸變，或者顏色較為復雜的圖片時，會出現(xiàn)較大的噪點，這樣影響我們網(wǎng)站的美觀性。

所以gif圖片的使用一般用于，帶有背景的圖標、純色圖片、顏色較為簡單地圖形圖片。

總而言之，gif適合于顏色比較簡單，沒有漸變等復雜的色彩搭配的圖片，這樣他們會以最小的質(zhì)量保證你的加載速度

jpg圖片

jpg圖片對于顏色的連續(xù)性有著非常好的體驗，并且圖片的質(zhì)量也不會很高，因此，我們在使用顏色較為復雜的圖片，如一些照片，顏色絢麗的帶有漸變色彩的復雜設(shè)計稿，都可以使用jpg。

因此jpg是我們使用最多的一種格式，不僅顯示的效果好，并且質(zhì)量不會特別高。

png圖片

png圖片的最大優(yōu)勢是，背景可以透明，因此在一些浮動的元素，需要透明背景的元素和圖標都可以使用png圖片，這樣我們網(wǎng)站的效果會有比較好的加強。

但png圖片最好不要用于非透明背景的圖片，如果使用png格式，這些圖片的質(zhì)量會遠遠大于jpg

看了上面的介紹，三種圖片格式，你應(yīng)該知道如何使用了吧，在實際網(wǎng)站圖片使用過程中，jpg是最常用的一種方法，其他兩種最為輔助即可。

壓縮圖片質(zhì)量，不要上傳原圖

很多朋友在上傳圖片時，是直接使用照相機拍出來的照片直接上傳，而照相機照出來的圖片質(zhì)量都非常高，因為這些圖片是可以用于印刷照片的，精度和分辨率都很高，導致圖片的大小都在1M甚至3M的大小，要知道WEB主題公園出品的wordpress主題整個的大小都在1M左右，也就是說如果你上傳原圖，那么有可能你的一張圖片比整個網(wǎng)站的框架都要大。

因此我們需要對原圖進行裁切。

比如一張2.9M的照片，我們將原圖放置在photoshop中，點擊圖像--圖像大小（如下所示）

打開圖片大小面板，我們可以看到圖片的尺寸，現(xiàn)在的照片的圖片尺寸是3264x2448 ，可以說是非常大了，我么網(wǎng)站上完全不需要這么大像素的圖片

一般來說，網(wǎng)站顯示最大分辨率是1920，而一般正文寬度也就是950分辨率了，如果是兩欄模式的 一般800像素就足夠了。

因此我們將寬度改為800，可以看到寬度修改完成之后，圖片的高度也會等比例下降，所以我們只需要修改寬度即可：

修改好了之后，點擊確認，達到我們想要的圖片大小，這時候圖片的質(zhì)量已經(jīng)大大縮小了，

現(xiàn)在顯示為180KB大小，已經(jīng)足夠小了，但是我們還可以繼續(xù)壓縮，將圖片壓縮到最小。

在頂部菜單找到”文件選項“，選擇”儲存為WEB所用格式“，然后選擇圖片質(zhì)量為”高“，再保存，就會小很多了，如下圖操作：

選擇圖片質(zhì)量為“高”：

壓縮完成之后，只有120KB了，比之前又少了60KB，這樣我們的一張圖片就非常適合放在網(wǎng)站上了。

使用wordpress的略縮圖功能

wordpress具有略縮圖功能，會自動裁剪和壓縮圖片，因此我們在使用wordpress主題的時候，可以查看下是否支持略縮圖功能，大部分的wordpress主題如WEB主題公園所出品的，都是使用特色圖片作為封面圖片，因此設(shè)置好封面圖片讓wordpress自己處理，也是可以的。

另外就是如果上傳了非常大的圖片，插入到文章時，可以使用略縮圖尺寸，這樣也可以避免過大的原圖直接加載，而拖慢網(wǎng)站的速度了。

此外還有一些對圖片壓縮插件，比如WP Smush，這款插件可以自動將你網(wǎng)站的圖片上傳到Smush.it 服務(wù)器，壓縮處理后再下載回你的空間，前后的文件路徑和名字都不會改變。比較智能的是，已經(jīng)壓縮過的圖片不會再自動上傳壓縮，而且，圖片的效果和質(zhì)量幾乎沒有改變，也就是所謂的無損壓縮。

WP Smush.it 安裝啟用后，在后臺媒體----Bulk Smush.it，點擊運行按鈕即可開始壓縮以前存在的圖片，

如果你的圖片很多，是要比較長時間的，請不要關(guān)閉這個界面，耐心等待，處理完已經(jīng)存在的圖 片以后，只會對新上傳的圖片進行壓縮了。

不過在最后我們還是建議在上傳圖片到網(wǎng)站上之前，還是最好在本地電腦上將圖片先處理好再上傳，photoshop的批處理功能和動作功能都可以非常輕松的幫你處理好較多的圖片流，畢竟使用插件增加wordpress和服務(wù)器負擔也不是一件很好的事情，并且本地處理過的圖片也更加美觀，更加適應(yīng)你的網(wǎng)站。

希望本文對你有所幫助。