[WordPress] 外掛分享: WebP Express

WordPress 外掛 WebP Express 的封面圖片。

前言介紹

  • 這款 WordPress 外掛「WebP Express」是 2018-07-31 上架。
  • 目前有 400000 個安裝啟用數。
  • 上一次更新是 2024-04-07,距離現在已有 391 天。超過一年沒更新,安裝要確認版本是否可用。以及後續維護問題!
  • 外掛最低要求 WordPress 4.0 以上版本才可以安裝。
  • 外掛要求網站主機運作至少需要 PHP 版本 5.6 以上。
  • 有 159 人給過評分。
  • 論壇上目前有 4 個提問,問題解答率 0%

外掛協作開發者

roselldk |

外掛標籤

webp | images | performance |

內容簡介

ch means less bandwidth usage and faster page load times.
Easy to use - with little effort, WordPress site admins can have their site serving autogenerated webp images to webp-supporting browsers, while still serving jpeg and png files to non-supporting browsers.
Multiple image conversion methods available: imagick, cwebp, vips, gd, and cloud alternatives like ewww.
Multiple options for delivering webps to supporting browsers, including routing jpeg/png images to the corresponding webp, altering HTML with picture tags or replacing image URLs, and providing webp support for all browsers using the webpjs javascript.
Built on a range of open source libraries for converting images, handling image types, testing .htaccess capabilities, and more.
Overall, the plugin implements the "WebP On Demand" solution described on GitHub to enable fast, efficient, and seamless use of webp images on WordPress sites.

原文外掛簡介

More than 9 out of 10 users are using a browser that is able to display webp images. Yet, on most websites, they are served jpeg images, which are typically double the size of webp images for a given quality. What a waste of bandwidth! This plugin was created to help remedy that situation. With little effort, WordPress admins can have their site serving autogenerated webp images to browsers that supports it, while still serving jpeg and png files to browsers that does not support webp.
The image converter
The plugin uses the WebP Convert library to convert images to webp. WebP Convert is able to convert images using multiple methods. There are the “local” conversion methods: imagick, cwebp, vips, gd. If none of these works on your host, there are the cloud alternatives: ewww (paid) or connecting to a WordPress site where you got WebP Express installed and you enabled the “web service” functionality.
The “Serving webp to browsers that supports it” part.
The plugin supports different ways of delivering webps to browsers that supports it:

By routing jpeg/png images to the corresponding webp – or to the image converter if the image hasn’t been converted yet.
By altering the HTML, replacing image tags with picture tags. Missing webps are auto generated upon visit.
By altering the HTML, replacing image URLs so all points to webp. The replacements only being made for browsers that supports webp. Again, missing webps are auto generated upon visit.
In combination with Cache Enabler, the same as above can be achieved, but with page caching.
You can also deliver webp to all browsers and add the webpjs javascript, which provides webp support for browsers that doesn’t support webp natively. However, beware that the javascript doesn’t support srcset attributes, which is why I haven’t added that method to the plugin (yet).

The plugin implements the “WebP On Demand” solution described here and builds on a bunch of open source libraries (all maintained by me):
– WebP Convert: For converting images to webp
– WebP Convert Cloud Service: For the Web Service functionality
– DOM Util for WebP: For the Alter HTML functionality
– Image MimeType Guesser: For detecting mime types of images.
– HTAccess Capability Tester: For testing .htaccess capabilities in a given directory, using live tests
– WebP Convert File Manager: For browsing conversions and triggering conversions.
– Exec With Fallback: For emulating exec() on systems where it is disabled (using proc_open(), passthru() or similar alternatives).
Benefits

Much faster load time for images in browsers that supports webp. The converted images are typically less than half the size (for jpeg), while maintaining the same quality. Bear in mind that for most web sites, images are responsible for the largest part of the waiting time.
Better user experience (whether performance goes from terrible to bad, or from good to impressive, it is a benefit).
Better ranking in Google searches (performance is taken into account by Google).
Less bandwidth consumption – makes a huge difference in the parts of the world where the internet is slow and costly (you know, ~80% of the world population lives under these circumstances).
Currently ~97% of all traffic are done with browsers supporting webp.
It’s great for the environment too! Reducing network traffic reduces electricity consumption which reduces CO2 emissions.

Limitations

The plugin should now work on Microsoft IIS server, but it has not been tested thoroughly.

Supporting WebP Express
Bread on the table don’t come for free, even though this plugin does, and always will. I enjoy developing this, and supporting you guys, but I kind of need the bread too. Please make it possible for me to continue wasting time on this plugin:

Buy me a Coffee
Buy me coffee on a regular basis and help ensuring my coffee supplies doesn’t run dry.

Supporters of WebP Express
Persons who recently contributed with ko-fi – Thanks!

3 Nov: Tobi
5 Nov: Anon
18 Nov: Oleksii
20 Feb: Assen Kovatchev
22 Feb: Peter
29 Feb: Luis Méndez Alejo
5 Mar: tomottoe
9 Mar: La Braud

Persons who contributed with extra generously amounts of coffee / lifetime backing (>30$) – thanks!:

Max Kreminsky ($115)
Justin – BigScoots ($105)
Bill Vallance ($102)
Label Vier ($100)
Sebastian ($99)
Tammy Lee ($90)
Steven Sullivan ($51)
Mathieu Gollain-Dupont ($50)
Erica Dreisbach ($50)
Brian Laursen ($50)
Dimitris Vayenas ($50)

Persons currently backing the project via GitHub Sponsors or patreon – Thanks!

Mathieu Gollain-Dupont

各版本下載點

  • 方法一:點下方版本號的連結下載 ZIP 檔案後,登入網站後台左側選單「外掛」的「安裝外掛」,然後選擇上方的「上傳外掛」,把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
  • 方法二:透過「安裝外掛」的畫面右方搜尋功能,搜尋外掛名稱「WebP Express」來進行安裝。

(建議使用方法二,確保安裝的版本符合當前運作的 WordPress 環境。


0.2.0 | 0.3.0 | 0.3.1 | 0.4.0 | 0.5.0 | 0.6.0 | 0.6.1 | 0.6.2 | 0.7.0 | 0.7.1 | 0.7.2 | 0.8.0 | 0.8.1 | 0.9.0 | 0.9.1 | trunk | 0.10.0 | 0.11.0 | 0.11.1 | 0.11.2 | 0.11.3 | 0.12.0 | 0.12.1 | 0.12.2 | 0.13.0 | 0.13.1 | 0.13.2 | 0.14.0 | 0.14.1 | 0.14.2 | 0.14.3 | 0.14.4 | 0.14.5 | 0.14.6 | 0.14.7 | 0.14.8 | 0.14.9 | 0.15.0 | 0.15.1 | 0.15.2 | 0.15.3 | 0.16.0 | 0.17.0 | 0.17.1 | 0.17.2 | 0.17.3 | 0.17.4 | 0.17.5 | 0.18.0 | 0.18.1 | 0.18.2 | 0.18.3 | 0.19.0 | 0.19.1 | 0.20.0 | 0.20.1 | 0.21.0 | 0.21.1 | 0.22.0 | 0.22.1 | 0.23.0 | 0.24.1 | 0.24.2 | 0.25.0 | 0.25.1 | 0.25.2 | 0.25.3 | 0.25.4 | 0.25.5 | 0.25.6 | 0.25.7 | 0.25.8 | 0.25.9 | 0.14.10 | 0.14.11 | 0.14.12 | 0.14.13 | 0.14.14 | 0.14.15 | 0.14.16 | 0.14.17 | 0.14.18 | 0.14.19 | 0.14.20 | 0.14.21 | 0.14.22 | 0.2.0.1 |

延伸相關外掛(你可能也想知道)

  • Smush Image Optimization – Optimize Images | Compress & Lazy Load Images | Convert WebP & AVIF | Image CDN 》Optimize images、啟用 lazy load、調整大小、壓縮以及改善 Google Page 速度,使用由 WPMU DEV 超級團隊齊心研發的強大 WordPress 圖片 Smusher,100% 免費...。
  • EWWW Image Optimizer 》你是否對緩慢的網站感到沮喪?超大的圖片讓你感到 "噁心"?讓 EWWW Image Optimizer 儘可能幫助你的網站加速,提高跳出率並增強 SEO。最重要的是,讓訪客感到...。
  • Converter for Media – Optimize images | Convert WebP & AVIF 》透過使用我們的圖片優化外掛,以 WebP 和 AVIF 圖片來展示,來加速您的網站。將標準 JPEG、PNG 和 GIF 格式的文件替換成 WebP 和 AVIF 格式,可以在不失去品...。
  • Modern Image Formats 》外掛介紹:此外掛可在 WordPress 應用程式中增加 WebP 支援,但僅針對新上傳的影像檔案轉換成 WebP 格式,現有檔案不會轉換。預設情況下,WebP 只會針對 JPEG...。
  • Cache Enabler 》Cache Enabler 是個簡單卻強大的 WordPress 快取外掛,使用起來簡單且只需要最小化的設定,最重要的是能夠幫助網站提升效能來達到更快的載入時間。它會將前端...。
  • Optimus – WordPress Image Optimizer 》WordPress圖片優化器, Optimus可自動降低已上傳媒體檔案的檔案大小。根據圖片和格式,可以減少高達70%的大小。每張圖片可以節省數千位元組,這些節省可以對博...。
  • QODE Optimizer 》總結:使用 QODE Optimizer 外掛可以快速且方便地提高網站轉換率和加快載入速度,壓縮、轉換、調整和完全優化網站圖像,操作簡單直觀。, , 問題與答案:, 1. ...。
  • AVIF, WebP Converter 》總結:CompressX 是一個免費的 WebP 和 AVIF 轉換與壓縮 WordPress 網站外掛程式。它可以幫助您將 JPG 和 PNG 圖像輕鬆轉換為 WebP 和 AVIF 格式,並對 WebP ...。
  • WP Enable WebP 》這是一個 WordPress 外掛程式,可以啟用 WebP 圖片上傳到媒體庫。, 同時,外掛會在 body 標籤上新增一個類別,以便使用 CSS 選擇器,方便設定背景圖片。, 例...。
  • ShortPixel Adaptive Images – WebP, AVIF, CDN, Image Optimization 》ShortPixel Adaptive Images 是一款易於使用的外掛程式,讓您能夠在一分鐘內解決任何圖像相關問題,並提高您的網站核心網頁要素。通常,圖像是網頁上最消耗資...。
  • Plus WebP or AVIF 》產生 WebP, , 在媒體庫加入圖片檔時,同時產生相對應的 WebP 檔案。, 透過 AJAX 批量製作網站上所有圖片的 WebP 檔案。, 在背景中製作網站上所有圖片的 WebP ...。
  • Images to WebP 》統計顯示,WebP 格式可以在不損失圖像質量的前提下減輕網頁一半以上的負載。, 將 PNG、JPG 和 GIF 圖像轉換為 WebP,加快您的網站速度,減少訪問者下載數據,...。
  • Allow Webp image 》通常 WordPress 不允許使用 ".webp" 格式的媒體檔案,導致上傳時出現錯誤。為了解決此錯誤,您需要安裝這個外掛。啟用外掛後,即可上傳 ".webp" 圖像檔案,加...。
  • Support WebP – Upload webp files in wordpress without hassle 》這個外掛可以讓你在 WordPress 媒體庫中上傳 WebP 格式的圖片,不受佈景主題限制,也就是說它與所有佈景主題都相容。, 查看外掛的 GitHub 存儲庫:Support We...。
  • Bulk images optimizer: Resize, optimize, convert to webp, rename … 》Bulk image resize 可以讓您優化上傳至 WordPress 的圖片。, , 您可以只點擊一次,就可以調整所有圖片的大小。, 它經過優化以加快批量處理的速度。1000 張圖...。

文章
Filter
Apply Filters
Mastodon