GG資源網

WordPress建站教程:使用Imagify插件壓縮圖片,給網站加速

大家好,這裡是關於[wordpress支持webp格式圖片並在媒體庫可預覽圖片代碼],[Wordpress建站教程:使用Imagify插件壓縮圖片,給網站加速]問題的解答,希望對您有所幫助。如果你還想了解更多這方面的信息,請關注本站其他相關內容,共同學習吧!

wordpress支持webp格式圖片並在媒體庫可預覽圖片代碼

2020年3月18日教程大全webp,webp圖片,WordPress教程

wordpress支持webp格式圖片並在媒體庫可預覽圖片代碼

webp格式圖片的優勢就不多說了,主要就是圖片清晰度高,體積小。

有個缺點需要注意下,webp兼容性不太好,在老版本的瀏覽器上可能無法顯示。目前主流瀏覽器基本都是支持的。

這裡介紹個webp圖片賺個工具,可以將普通圖片轉換為webp格式。

圖片壓縮處理工具推薦(可生成webp圖片)–騰訊智圖

這個有網頁和客戶端工具,可以批量轉換

本站測試wordpress 4.9.8和5.3.2版本使用下面代碼都沒有問題

下面是webp圖片支持代碼

//下方一段為webp格式圖片支持代碼
function bzg_filter_mime_types( $array ) {
$array[\'webp\'] = \'image/webp\';
return $array;
}
add_filter( \'mime_types\', \'bzg_filter_mime_types\', 10, 1 );

//下方為webp格式圖片在媒體庫預覽圖像支持代碼
function bzg_file_is_displayable_image($result, $path) {
$info = @getimagesize( $path );
if($info[\'mime\'] == \'image/webp\') {
$result = true;
}
return $result;
}
add_filter( \'file_is_displayable_image\', \'bzg_file_is_displayable_image\', 10, 2 );
//下方為取消 WordPress 環境檢查 webp
add_filter(\'plupload_default_settings\', function($defaults) {
$defaults[\'webp_upload_error\'] = false;
return $defaults;
}, 10, 1);

add_filter(\'plupload_init\', function($plupload_init) {
$plupload_init[\'webp_upload_error\'] = false;
return $plupload_init;
}, 10, 1);

複製代碼放到你正在使用主題裡面的functions.php文件底部即可

WordPress建站教程:使用Imagify插件壓縮圖片,給網站加速

作者:悅然wordpress建站(悅然建站)

(此處已添加小程序,請到今日頭條客戶端查看)

繼續分享wordpress建站教程。昨天悅然wordpress建站給大家分享過我的網站加速優化過程,其中使用到了WP ROCKET插件,其實這款插件還有一個推薦的配套插件imagify,這是一個圖像壓縮和圖像轉換插件,可以把網站圖片自動轉換成WEBP格式,縮減圖片大小,起來網站加速的作用。接下來悅然建站就給大家簡單分享imagify插件的使用教程。

步驟一:安裝Imagify插件

​imagify插件可以免費使用,直接在wordpress建站後台的插件中心搜索下載即可。

​imagify插件主要是通過API來處理圖片了,所以它需要調用imagify官方介面,自然免費的額度就有限制了,如上圖所示,免費版每月可以壓縮20M圖片,這對普通的網站來說其實完全夠用了,如果你的圖片很多,每天更新的也比較多,那就可以購買付費套餐,按需選擇即可。

註冊Imagify帳號獲取API

首選打開上面的鏈接註冊imagify帳號,需要使用郵箱註冊,有時QQ郵件會註冊不了,所以建議用企業郵箱或GMAIL。

獲取API

註冊成功後在登陸頁面可以找到API獲取的入口,或者是直接打開上面的鏈接也可以。

​如上圖所示,我們把API的TOKEN值複製下來。

步驟三:配置Imagify插件

接下來我們開始配置imagify插件,打開wordpress建站後台,打開【設置】-【imagify】

​第一次打開imagify會提示輸入API KEY,這裡把上一步複製的信息粘貼進來,然後保存即可。

​接下來就可以看到imagify設置頁面,如上圖所示,一般我們選中間的【AGGRESSIVE】有損壓縮,雖然有損,但並不是很影響清晰度,然後下面的【Auto-Optimize images on upload】一定要勾選,這樣插件會在上傳圖片時自動壓縮,【Backup original images】也可勾選,勾選後保留原圖,不勾選也無所謂。

​然後是WEBP轉換選項,一般就按它默認推薦的設置就可以了,如上圖所示,以上所有配置完成後記得保存,到這裡插件的基礎配置就完成了。

步驟四:批量壓縮現有圖片

​如果你的網站已經上傳了不少圖片,那麼可以進入【媒體Media】-【Bulk Optimization】,這裡可以對所有圖片批量壓縮,不過免費帳戶只有20M的額度,可能不夠的,所以你也可以不管以前的圖片。或者是直接付費。

總結

imagify這款圖像壓縮插件確實非常好的,除了免費額度小,其它也沒什麼好挑剔的了,如果你的wordpress站點需要壓縮圖片,那麼不妨試試。

由於網站搬家,部分鏈接失效,如無法下載,請聯繫站長!謝謝支持!
1. 帶 [親測] 說明源碼已經被站長親測過!
2. 下載後的源碼請在24小時內刪除,僅供學慣用途!
3. 分享目的僅供大家學習和交流,請不要用於商業用途!
4. 本站資源售價只是贊助,收取費用僅維持本站的日常運營所需!
5. 本站所有資源來源於站長上傳和網路,如有侵權請郵件聯繫站長!
6. 沒帶 [親測] 代表站長時間緊促,站長會保持每天更新 [親測] 源碼 !
7. 盜版ripro用戶購買ripro美化無擔保,若設置不成功/不生效我們不支持退款!
8. 本站提供的源碼、模板、插件等等其他資源,都不包含技術服務請大家諒解!
9. 如果你也有好源碼或者教程,可以到審核區發布,分享有金幣獎勵和額外收入!
10.如果您購買了某個產品,而我們還沒來得及更新,請聯繫站長或留言催更,謝謝理解 !
GG資源網 » WordPress建站教程:使用Imagify插件壓縮圖片,給網站加速

發表回復

CAPTCHAis initialing...