網(wǎng)站圖片優(yōu)化有一項工作是壓縮圖片體積,更小的圖片體積可以帶來更快的加載速度和更少的流量消耗。
      目前網(wǎng)站上主流的圖片格式 JPG 和 PNG,今天介紹另外一種圖片格式:WebP。WebP 是一種由 Google 開發(fā)的現(xiàn)代圖像格式。它旨在不犧牲質量的情況下減小了圖像的大小。與 PNG 和 JPEG 相比,圖像格式能夠將文件大小減少多達 26% – 34%。目前除了較舊的 Safari 瀏覽器不兼容外,94% 的瀏覽器都支持 WebP 圖像格式,對用戶基本沒有影響。
      我們可以具體去了解 WebP 目前所支持兼容的瀏覽器,主流的大部分的瀏覽器都能兼容:


      如果我們要在 WordPress 網(wǎng)站上使用 WebP,會發(fā)現(xiàn) WordPress 不支持上傳這種圖片格式,在媒體庫上傳會顯示:

      web 服務器無法處理該圖片,請在上傳前將其轉換為 JPEG 或 PNG 格式。

      如下圖所示:


      接下來,我們就介紹幾種解決 WebP 圖片無法上傳的方法:

      方法一:讓 WordPress 忽略對環(huán)境的檢測

      進入 WordPress 后臺,在外觀——主題編輯器選項中,選擇所用的主題,

      在 functions.php 底部添加如上代碼;


      //取消 WordPress 環(huán)境檢查 webpadd_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);

      方法二:解除所有用戶的上傳文件格式限制

      在網(wǎng)站根目錄,找到 wp-config.php 文件打開,在末尾添加如下代碼:


      //開放所有格式文件上傳define('ALLOW_UNFILTERED_UPLOADS',?true);

      注:出于安全考慮,網(wǎng)站維護完畢后,建議將這行代碼刪除

      方法三解除管理員的上傳文件格式限制

      在主題目錄下的?functions.php?文件內添加如下代碼:

      // 解除管理員的上傳文件格式限制add_filter('map_meta_cap', 'wpwebp_upload_cap', 10, 3);function wpwebp_upload_cap($caps, $cap, $user_id) {    if ($cap == 'unfiltered_upload' && is_super_admin($user_id)) {        $caps = array($cap);    }    return $caps;}


      方法四:通過 mime type 類型開啟 WebP 格式上傳限制

      在主題的 functions.php 里添加以下代碼即可:

      //通過mime type 類型開啟WebP格式上傳限制function wpwebp_filter_mime_types( $array ) {$array[‘webp’] = ‘image/webp’;return $array;}add_filter( ‘mime_types’, ‘wpwebp_filter_mime_types’, 10, 1 );


      這時已經可以上傳 WebP 格式的圖片了,但在媒體列表中看不到縮略圖,
      解決辦法是在主題的 functions.php 里添加以下代碼:

      //解決媒體列表中看不到縮略圖問題function wpwebp_file_is_displayable_image($result, $path) {$info = @getimagesize( $path );if($info[‘mime’] == ‘image/webp’) {$result = true;}return $result;}add_filter( ‘file_is_displayable_image’, ‘wpwebp_file_is_displayable_image’, 10, 2 );

      怎么樣,方法挺簡單,都學會了嗎?

      覺得內容還不錯的話,給我點個“贊“和“在看”唄



      點贊(13) 打賞

      評論列表 共有 0 條評論

      暫無評論

      服務號

      訂閱號

      備注【拉群】

      商務洽談

      微信聯(lián)系站長

      發(fā)表
      評論
      立即
      投稿
      返回
      頂部