前言介紹
- 這款 WordPress 外掛「Cloudflare Image Resizing – Optimize & Accelerate Your Images」是 2022-03-07 上架。
- 目前有 300 個安裝啟用數。
- 上一次更新是 2024-03-16，距離現在已有 414 天。超過一年沒更新，安裝要確認版本是否可用。以及後續維護問題！
- 外掛最低要求 WordPress 5.0 以上版本才可以安裝。
- 外掛要求網站主機運作至少需要 PHP 版本 7.0 以上。
- 有 15 人給過評分。
- 還沒有人在論壇上發問，可能目前使用數不多，還沒有什麼大問題。
外掛協作開發者
mecanik |
外掛標籤
image | optimizer | image resizing | cloudflare images | image optimization |
內容簡介
這個外掛能夠即時重寫圖片，讓你可以使用Cloudflare 圖片調整服務。
透過 Cloudflare 提供世界各地的 AVIF/WEBP 圖片，瀏覽器顯示圖片速度會變快，讓你的網站也因此更快。
這個外掛內部使用了 PHP 中最快的功能，並且沒有任何資料庫的呼叫，因此不會給網站帶來任何負擔和不良影響，反而可以大幅提升網站的速度。
好處
優化圖片，讓它們更清晰好看（經測試，WordPress 裁剪圖片可能會導致圖片質量下降）
加速網站，為使用者提供更好的體驗（使用 Cloudflare CDN 讀取圖片比從你的伺服器讀取快多了）
提升 SEO（因為網站的表現更好）
減輕網站的負擔（資源載入是網站的最大問題之一，特別是 Apache）
節省網站流量（特別是對於有許多圖片/照片的網站）
功能
替換所有附件/單一圖片的來源 URL
替換所有多圖來源 URL
替換內容中所有其他圖片來源
使用 Cloudflare 的圖片處理功能提供原始圖片，並且讓 Cloudflare 裁剪圖片
增加遺失圖片的預設尺寸（Google Page Insights 分數需要寬度/高度資訊）
相容性
支援最新的 WordPress 和 PHP 7+
所有一般的 WordPress 主題
MAI 主題和 Genesis Framework
DIVI 主題
內容區域（之前稱為樣板部件）
編輯器外掛，像是 Visual Composer
優化外掛，像是 WP Rocket
注意事項
在使用這個外掛之前，請確認已啓用你的網域的 Cloudflare Image Resizing 功能。
如果你的 WordPress 是安裝在子目錄之中，請設定該目錄名稱，以便讓外掛知道。
你可以配置圖片的品質設定（我不建議修改預設設定）。
如果發現某些圖片沒有被重寫，可以試著啟用更多的“hooks”。如果還是不行，請開啓一個問題（issue）。
你可以為從 Facebook、Twitter、Instagram、PayPal 等平台傳來的圖片配置白名單。
小技巧
啟用這個外掛後，使用你的瀏覽器開發者工具來進行測試。進入「圖片」標籤並檢查下載的圖片是否已經是 Cloudflare 圖片調整格式。
如果你的檔名類似於 image-100x200-100x300.jpg，這個外掛可能會無法替換它。請重新命名檔案並重新上傳，不要在檔名中加入多餘的尺寸信息。
特別感謝
以下是為了測試並協助改善外掛，以及贊助開發的人員。
Urban Change Lab
原文外掛簡介
Elevate your site’s performance with this plugin that dynamically optimizes and resizes images using the Cloudflare Image Resizing service.
Experience a significant speed boost by delivering AVIF/WEBP images from Cloudflare’s global locations directly to your users’ browsers.
The plugin utilizes the fastest available PHP functions, without any database calls, ensuring minimum overhead in performance. Your website’s speed will not be compromised, but it will noticeably improve.
Benefits
Refines your images, delivering higher clarity and enhanced quality, as opposed to standard WordPress cropping which often reduces image quality.
Supercharges your website speed, offering users an improved, faster experience by loading images from Cloudflare CDN, far quicker than traditional servers.
Boosts your SEO significantly due to superior website performance and speed.
Relieves your web hosting of heavy load, as asset loading is a prominent issue for servers, particularly Apache.
Conserves substantial bandwidth on your web hosting, an especially noticeable benefit for websites featuring numerous images/photos.
How does this work?
The Cloudflare Image Resizing plugin for WordPress enhances your site’s speed and performance by automating image resizing using Cloudflare’s advanced technology. But how exactly does this work? Let’s simplify it.
Usually, when you upload an image to your WordPress site, it creates multiple sizes of the image to fit different screen sizes, which can slow down your site. This plugin eliminates that issue.
The plugin taps into WordPress’s image management functions and changes the final URLs of the images in your site’s HTML code. Instead of pointing to the images on your server, these URLs now point to Cloudflare’s Image Resizing service.
When users visit your site, they aren’t just served images. Cloudflare resizes and optimizes these images on-the-fly, ensuring they’re perfectly sized for their device, enhancing load times and user experience. All this happens behind the scenes, making your website faster without any extra effort from you!
Current features
Substitutes all attachment/single image source URLs.
Replaces all multiple image source set URLs.
Revises all other image source URLs found within the content.
Provides the original image to Cloudflare Image Resizing service for efficient cropping.
Supplements missing image default sizes (width/height), enhancing Google Page Insights scores.
Compatibility
Latest WordPress and PHP 7+
All general themes
MAI Themes and Genesis Framework
DIVI Themes
Content Areas (formerly Template Parts)
Editor plugins like Visual Composer
Optimization plugins like WP Rocket
Notes
Before using this plugin please ensure you have turned ON the Cloudflare Image Resizing feature for your domain.
If your WordPress resides in a sub-folder, adjust the plugin settings by specifying the folder name.
You have the option to tweak quality settings, though it’s generally best to stick with the default configuration.
If images aren’t being re-written as expected, consider enabling more “hooks”. If the issue persists, feel free to open a support ticket.
The plugin allows for whitelisting of images sourced from platforms like Facebook, Twitter, Instagram, PayPal, etc.
Quick Guide and Tips
Checking if Cloudflare Image Resizing is Working
Once you’ve activated the Cloudflare Image Resizing plugin, you might be wondering how to check if it’s doing its job. Here’s a quick way to verify:
With your site open, activate the developer console in your browser. This is typically done by right-clicking on your webpage and selecting “Inspect” or “Inspect Element”.
In the console, navigate to the “Network” tab.
Reload your webpage. You should now see a list of items that are being loaded on your page. You’re interested in the images.
Look for any image files in this list (they’ll typically end in .jpg, .png, etc.). Click on an image to view more details.
Look at the URL or the response headers for that image. If you see reference to the Cloudflare Image Resizing format, it means your plugin is working correctly and your images are being optimized.
Addressing Filename Issues
The Cloudflare Image Resizing plugin works by identifying the images on your site and applying optimizations. However, it can get confused if the filenames of your images are too complex or contain multiple dimensions.
For example, an image file named “image-100×200-100×300.jpg” might not be processed correctly. If you find that some images aren’t being resized, consider renaming these files and re-uploading them to your site. Simpler names, like “image1.jpg” or “product-shot.jpg”, are usually best.
Remember, the goal of image resizing is to deliver the most optimal version of an image for every user. So, it’s always a good idea to test this functionality on different devices and browsers to ensure all your users are getting the best experience possible.
Need Expert Support?
Feeling stuck? For hands-on help optimizing your plugin settings or improving your WordPress site, I’m here for you.
Check out my Consulting Services and let’s take your website to the next level.
Disclaimer
Please note that this plugin is developed and maintained independently, and is not officially affiliated with or endorsed by Cloudflare Inc. This plugin simply makes use of the image resizing feature offered by Cloudflare’s services. All trademarks and copyrights belong to their respective owners. For any issues related to Cloudflare’s services themselves, please contact Cloudflare’s support directly.
各版本下載點
- 方法一：點下方版本號的連結下載 ZIP 檔案後，登入網站後台左側選單「外掛」的「安裝外掛」，然後選擇上方的「上傳外掛」，把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
- 方法二：透過「安裝外掛」的畫面右方搜尋功能，搜尋外掛名稱「Cloudflare Image Resizing – Optimize & Accelerate Your Images」來進行安裝。
（建議使用方法二，確保安裝的版本符合當前運作的 WordPress 環境。
1.3 | 1.4 | 1.5 | 1.5.1 | 1.5.2 | 1.5.3 | 1.5.4 | 1.5.5 | trunk |
延伸相關外掛（你可能也想知道）
Robin image optimizer — save money on image compression 》需要專業支援嗎？, 開始免費支援, 開始高級支援, 透過減少圖像大小，讓您的網站加快速度。我們的 WordPress 圖像優化外掛，可以將圖像大小減少80%，而且不損...。
reSmush.it : The original free image compressor and optimizer plugin 》reSmush.it Image Optimizer 是一個 WordPress 外掛，透過 reSmush.it API 提供圖片優化服務。reSmush.it 使用多種高級演算法對圖像進行大小減小。API 支援最...。
Swift Performance Lite 》——WordPress外掛介紹——, , 需要速度。WordPress的緩存和性能外掛！, 您創建了它，而我們讓它保持快速！您知道嗎……, 您只有3秒鐘的時間來給來訪者留下印象。不...。
WP Compress for MainWP 》透過幾個簡單的點擊，您可以一次性批量安裝、啟用並連接 WP Compress 入口網站至所有的 MainWP 子站。, 現在你可以輕鬆：, , 在所有子網站上安裝和啟用 WP Co...。
TGG – WP Optimizer 》這個外掛是一個收集了各種 WP 調整選項的集合，例如控制文章修訂版本數量、清理 wp_head()、禁用區塊編輯器、表情符號、垃圾桶、XML-RPC等等。只需根據您的需...。
WP Theme Optimizer 》透過移除多餘的標籤和腳本，優化 WordPress 佈景主題標頭。隱藏 WordPress 標籤可以讓您的網站更快速且更安全。, 功能, , 移除 CSS 和 JS 版本號碼, 移除 WP ...。
WP Media Optimizer (.webp) 》將圖像（jpg、png）優化為 .webp 格式，以提高您的 WordPress 網站速度（使用 PHP GD 库）, WP 媒體優化器（.webp）目前僅支持 Firefox 和 Chrome。, — SAFAR...。
Instant WebP Converter 》總結：Instant WebP Converter 自動將 JPEG 和 PNG 圖像轉換為 WebP 格式，以提升網站性能和速度。, , 問題與答案：, - Instant WebP Converter 可以自動將哪...。
WordPress Veloce 》WordPress Veloce（WordPress 加速器）是一款 WordPress 外掛，它優化你的網站，提升頁面加載速度。, 只需點擊一次設置，WordPress Veloce 就會使用各種最佳...。
ImagePilot – Save Money, Disk Space, and Bandwidth with Image Optimization 》-功能是壓縮您的網站圖片而不影響圖片質量。-能夠幫助網站快速加載，改善用戶體驗，增加參與度和提高轉換率。-可根據需要輕鬆調整圖片大小，不用擔心圖像失真...。
PowerFormBuilder – Contact Form Database Manager for WordPress 》專業、易於使用的進階數據庫管理工具，具備報告功能。在後端進行A/B測試、查看和編輯提交的數據。PowerFormBuilder是一款新型易於使用的WordPress插件。, 世...。
Crush.pics Image Optimizer – Image Compression and Optimization 》Crush.pics WordPress外掛是一個先進的圖像優化工具，旨在使圖像更輕，網站更快，讓您的客戶更滿意，而且不會對圖像質量造成任何明顯損失。不必再為過大的圖...。
SpectrOM DB Cleanup 》SpectrOM DB Cleanup 工具可刪除所選的舊數據和未使用數據表，並重建所有表的 MySQL 索引。這有助於確保索引文件不會損壞，並且可以有效地訪問您的數據。, , ...。
Search Results Optimizer 》這個 WordPress 外掛可以改變你的網站搜尋結果的優先順序，讓你的使用者可以自動教導你的網站，讓它知道每次搜尋的最相關結果。, 功能, 固定結果, 你可以將每...。
Post ID Optimizer 》這個外掛使用缺少的文章 ID 來創造新文章。, 注意：在更新 WordPress 後，請先停用再啟用此外掛。, 這是一個簡單的外掛。, 如果您需要外掛或自訂主題，我可以...。