Cloudflare Image Resizing – Optimize & Accelerate Your Images vs Cloudimage

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.

This legacy plugin mas merged into our new VXP: DAM and DMO -Cloudimage- plugin. Or code-base evolved and so did our plugins: they are now both integrated in an easy to use and easy to scale common code-base, that also has a refreshed look. Check the new plugin here: https://wordpress.org/plugins/scaleflex-vxp-dam-dmo This one stays on the marketplace only for compatibility reasons but will not be maintained further. Did you know? Faster images increase conversion and thus revenue. Did you know digital content impacts conversion rates more than you think? The first 4 seconds of your page load time have the highest impact on your conversion rate. Faster images increase conversion and revenue! Cloudimage stores, optimizes, compresses and distributes your images lightning-fast over CDN on any device around the world. You can apply image filters, make custom transformations as well as remove watermarks. Start getting the most out of your images and convert more users thanks to beautiful and fast visuals. Enjoy Visual AI capabilities that can automatically and smartly resize, transform, or optimize your images with features such as background removal and lightning optimization. Moreover you can tag your assets in the built-in asset library and use the video processing capabilities. Cloudimage embeds lazyloading as well as a progressive loading effect to ensure the best user experience possible on your websites. Our Cloudimage WordPress Plugin leverages the Cloudimage v7 API and offers two different options for making images responsive: Using standard HTML5 srcscet tags. To use this option your WordPress theme must support natively the HTML5 tags for responsive images. Using this method, images in the WordPress media gallery will be automatically delivered over Cloudimage. Using the powerful Cloudimage Responsive JS Plugin. This plugin smartly identifies the image container width, and then delivers the optimal image size. There’s no need for your Theme to support responsive images when choosing this method. This plugin also adds lazyloading and progressive loading to your images for an optimal user experience. This option guarantees the lightest possible output code and does not modify the images in the WordPress media gallery. The Cloudimage WordPress Plugin needs no development: just plug-and-play! You can easily register for a 30-days free trial and start enjoying fast and responsive images today. During the trial period, you get 100GB of CDN traffic and 25GB of cloud storage for free. If this limit is exceeded, our teams will contact you and we can explore our different plans! For any small to medium-sized WordPress site, 100GB is more than enough. You can find more information on our paid plans here. How does the Cloudimage WordPress Plugin work? The Cloudimage plugin rewrites the WordPress image URLs and replaces them with Cloudimage URLs. Your origin images will be downloaded from your storage, resized by Cloudimage and then distributed over CDN. You can now also enjoy a statistics dashboard within the Cloudimage plugin configuration page in your WordPress admin! If you have suggestions for new features, feel free to email us at [email protected] Cloudimage is crafted by the Scaleflex team. Also, follow Scaleflex on Twitter for the latest news!