Offload, Store, Resize & Optimize with Cloudflare Images, is a Wordpress plugin for Cloudflare Images. It does exactly what is says, and works well. Only a small user base so far, but the developer is engaged and responsive. It will also update all instances of an image on your website automatically once they are offloaded to Cloudflare Images. Cloudflare Images will now be linked to your Media Library. If you decide to add or delete images in Media Library this will be immediately reflected in Cloudflare Images as long as you turn on the option in the plugin.
A few things to consider. As of now the offload status for the plugin only shows in the List View of Media Library. Some users complained of now being able to find it in the Wordpress.org support forum, but it is there in the List View. The developer plans to add the offload status to the grid view in the future.
The plugin will not offload images that have redirects. If you have created a physical custom folder structure inside wp-contents/uploads/ this may be an issue for you. You can use the Enable Media Replace plugin to update images in the Media Library and all instances of the image in your posts and pages, and the images will then be eligible for offload to Cloudflare Images.
There is an option for the image url to include your website address as long as you have a proxied website on Cloudflare. The url format of images will then be something like:
https://example.com/cdn-cgi/imagedelivery/ [Account Hash] / [Image ID] / [Variant]
You may have noticed that the Image Name in your Media Library does not appear in the delivered url of the Image. I know this seems strange, but it is is not necessarily a problem. You will be able to find Images by name as they appear in the Media Library and also in the Cloudflare Images Account. For SEO purposes make sure to fill in Metadata Fields in the Media Library for all images requiring SEO.
Any metadata information you have entered in individual posts or pages for images will no longer be used. The metadata will be from the Media Library post attachment that was uploaded with the image to Cloudflare Images, since Cloudflare Images will be where the images will be served from when they are requested.
A simple method to check that the image url are being delivered correctly is to simply right click on an image of a page or post, copy the image address, and then paste the result into any text editing app.
A final check in GTmetrix should now indicate images served as avif or webp.
All in all the plugin is relatively easy to use and effective. The setup is simple and there are clear instructions. Image sizes are significantly reduced and almost all images are served as avif or webp.
Image that have been uploaded on your website will not be served from Cloudflare Images, but will continue to appear under their original url. These might include images that are used for Gallery thumbnails, or Rich Snippets images. Basically, anywhere where you have uploaded an image within your website, instead of using an Image Block.
If you want these images served from the Cloudflare Images Account you will need to manually replace the url for each image. The url for you Cloudflare Images can be found under the Variants Tab in the Cloudflare Images dashboard. There is a copy icon in the upper right of each variant you have defined. Select an image, choose the Variant, copy the url, and then replace the url of the image in Wordpress.
It will now be served from Cloudflare Images. The default url will not include the name of your website but you can edit it by replacing the default “imagedelivery.net” with "mysite.com/cdn-cgi/imagedelivery/
I reviewed the Cloudflare documentation. The documentation is geared mostly towards implementing javascript directly on your server and/or through a worker. If this is how you typically work, I am sure the documentation will be helpful for this method.
But the Offload, Store, Resize & Optimize, is an easy to implement Wordpress solution, if you prefer the plugin route.