Modern Image Formats

外掛說明

這個外掛能為 WordPress 網站的媒體上傳新增 WebP 及 AVIF 格式圖片的支援。依據預設,網站代管伺服器提供 AVIF 支援,才會產生 AVIF 格式圖片,否則會輸出 WebP 格式圖片。如果主機同時支援這兩種新式格式,便能在 [設定]→[媒體] 中選取輸出格式。請注意,預設僅會為新上傳的圖片產生新式格式圖片,而現有的圖片在重新產生縮圖時才會轉換為新式格式圖片。圖片如需重新產生縮圖,可以使用 Regenerate Thumbnails 外掛,或使用 WP-CLI 的 wp media regenerate 命令

依照預設,只會針對新上傳的 JPEG 或 PNG 格式圖片會產生新式格式圖片,現有的圖片會保留 JPEG/PNG 格式圖片,而由新上傳圖片所產生的全部尺寸圖片都會是 WebP 或 AVIF 格式圖片。如需變更這個行為,請前往 [設定]→[媒體] 啟用 [同時輸出後援格式圖片],啟用這項設定後上傳的圖片,每個產生的圖片尺寸,都會同時產生 JPEG、WebP 或 AVIF 格式圖片。請注意,一樣只有啟用這項設定後新上傳的圖片才會套用這項設定。

這個外掛就是之前的 WebP Uploads 外掛。

安裝方式

自動安裝

  1. 前往 [外掛]→[安裝外掛]
  2. 搜尋「Modern Image Formats」
  3. 安裝並啟用 Modern Image Formats 外掛。

手動安裝

  1. 將外掛安裝套件解壓縮所得的 webp-uploads 資料夾上傳至網站的 /wp-content/plugins/ 目錄。
  2. 前往 [外掛] 頁面。
  3. 啟用 Modern Image Formats 外掛。

常見問題集

使用者可以在何處提交外掛意見反應?

這個外掛可能包含 WordPress 核心程式未來版本的功能,因此我們非常歡迎及感謝使用者的任何意見反應。如果有任何建議及新功能要求,請在 WordPress 效能團隊的 GitHub 存放庫中提出。如果需要協助疑難排解或在外掛的使用上有任何問題,請前往技術支援論壇提出。

在何處可以回報安全性程式碼錯誤?

效能團隊及 WordPress 社群對安全性程式碼錯誤一向嚴陣以待,我們非常感謝使用者披露相關發現所付出的心力,並會盡全力解決使用者提出的問題。

如需回報安全性問題,請參考 WordPress HackerOne 計畫。

如何為這個外掛做出貢獻?

非常感謝各位的各種貢獻!請參考核心程式效能團隊手冊以進一步了解參與的方式。

啟用 Modern Image Formats 外掛後,上傳 JPEG 格式圖片卻不一定會產生 WebP 格式圖片的原因為何?

無法產生 WebP 格式圖片有 2 個主要原因:

  1. Modern Image Formats 發現產生的 WebP 格式圖片檔案大小會大於原始的 JPEG 格式圖片,便不會產生 WebP 格式圖片。
  2. JPEG 格式圖片沒有上傳至 [媒體庫]。目前僅有 [媒體庫] 中的圖片才會產生 WebP 格式圖片。如果 JPEG 格式圖片是以其他方式新增至網站中,例如是在範本檔案中或透過 [外觀自訂器] 上傳至其他位置,便不會產生 WebP 格式圖片。

啟用 Modern Image Formats 外掛後,上傳的圖片是否會同時產生 JPEG 及 WebP 格式圖片?

依照預設,Modern Image Formats 外掛僅會產生使用者上傳圖片的 WebP 格式圖片。如果需要同時產生 WebP JPEG 格式圖片,請前往 [設定]→[媒體] 並啟用 [除了產生 WebP 格式圖片,也產生 JPEG 格式圖片] 功能。

使用者評論

2024 年 7 月 18 日 5 則留言
This plugin worked like it says but it did not change all of the images in the blog posts – only some. So I have a ton of broken images because they are referencing the .jpg and not the .avif I even tried regenrate thumbnails and that did not fix the issue. All of the broken images are the thumnails that are resized. It would be better if it did not automatically delete those images so that at least if it didnt replace them all in the blog posts the old image would still resolve.
2024 年 3 月 25 日 1 則留言
Simple Plugin, that does it’s one simple job very good. Definitely a recommendation!
2024 年 2 月 5 日 1 則留言
I’ve had a hard time with an issue making it impossible for my users to upload their profile avatar (using Peepso plugin). Trying to debug the Ajax call, I’ve observed an error 500 message, making the whole website unresponsive when being called upon avatar confirmation. After proceeding by elimination, I finally located the issue to this new extension I had installed some time ago. Next time I’ll be more prudent…
2024 年 1 月 20 日 5 則留言
The plugin does exactly what it says; Adds support for WebP images and automatically converts the pictures you upload to that specific format. However, not having the option to convert existing images is a big feature missing from the plugin for me. I don’t know what you have in your future plans, but what would you recommend for converting old images to WebP and deleting their original format to save disk space? I’m currently using WebP Express, but I wonder if you recommend something else?
閱讀全部 9 則使用者評論

參與者及開發者

以下人員參與了開源軟體〈Modern Image Formats〉的開發相關工作。

參與者

〈Modern Image Formats〉外掛目前已有 8 個本地化語言版本。 感謝全部譯者為這個外掛做出的貢獻。

將〈Modern Image Formats〉外掛本地化為台灣繁體中文版

對開發相關資訊感興趣?

任何人均可瀏覽程式碼、查看 SVN 存放庫,或透過 RSS 訂閱開發記錄

變更記錄

2.2.0

Enhancements

  • Convert uploaded PNG files to AVIF or WebP. (1421)

Bug Fixes

  • Account for responsive images being disabled when generating a PICTURE element. (1449)

2.1.0

Enhancements

  • Improve disabling checkbox for Picture Element on Media settings screen. (1470)

Bug Fixes

  • Add missing full size image in PICTURE > SOURCE srcset. (1437)
  • Correct the fallback image in PICTURE element. (1408)
  • Don’t wrap PICTURE element if JPEG fallback is not available. (1450)
  • Fix setting sizes attribute on PICTURE > SOURCE elements. (1354)
  • Remove string type hint from webp_uploads_sanitize_image_format() to prevent possible fatal error. (1410)

Documentation

  • Explain how to regenerate images in the Modern Image Formats readme. (1348)

2.0.2

Enhancements

  • I18N: Add context to Modern Image Formats section title. (1287)

Bug Fixes

  • Improve compatibility of styling picture elements. (1307)

2.0.1

Bug Fixes

  • Fix fatal error when another the_content filter callback returns null instead of a string. (1283)

2.0.0

Features

  • Add picture element support. (73)
  • Add AVIF image format support. Add setting for output image format to choose between WebP and AVIF. (1176)

Enhancements

  • Improve Settings->Media controls for Modern Image Formats. (1273)
  • Remove obsolete fallback script now that picture element is supported. (1269)

1.1.1

Enhancements

  • Prepend Settings link in webp-uploads. (1146)
  • Improve overall code quality with stricter static analysis checks. (775)
  • Bump minimum PHP requirement to 7.2. (1130)

Documentation

  • Updated inline documentation. (1160)

1.1.0

  • Add link to WebP settings to plugins table. (1036)
  • Rename plugin to “Modern Image Formats”. (1101)
  • Use plugin slug for generator tag. (1103)
  • Delete option when uninstalling the Modern Image Formats plugin. (1116)
  • Bump minimum required WP version to 6.4. (1062)
  • Update tested WordPress version to 6.5. (1027)

1.0.5

  • Exclude “.wordpress-org” directory when deploying standalone plugins. (866)

1.0.4

  • Bump minimum required PHP version to 7.0 and minimum required WP version to 6.3. (851)

1.0.3

  • Add standalone plugin assets. (815)

1.0.2

  • Fix WebP handling when editing images based on WordPress 6.3 change. (796)

1.0.1

  • Bump tested up to version to 6.3. (772)

1.0.0

  • 將 Modern Image Formats 發佈為獨立外掛的第一個版本。 (664)