Cloudflare Image Resizing – Optimize & Accelerate Your Images

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:

1. 01With 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”.
2. 02In the console, navigate to the “Network” tab.
3. 03Reload your webpage. You should now see a list of items that are being loaded on your page. You’re interested in the images.
4. 04Look for any image files in this list (they’ll typically end in .jpg, .png, etc.). Click on an image to view more details.
5. 05Look 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.