{"id":63,"date":"2021-03-29T09:47:25","date_gmt":"2021-03-29T09:47:25","guid":{"rendered":"https:\/\/imagify.io\/documentation\/?p=63"},"modified":"2024-09-12T06:16:56","modified_gmt":"2024-09-12T06:16:56","slug":"setup-webp-cdn-cloudflare","status":"publish","type":"post","link":"https:\/\/imagify.io\/documentation\/setup-webp-cdn-cloudflare\/","title":{"rendered":"How to setup Next-Gen images with CDN &amp; Cloudflare?"},"content":{"rendered":"<div class=\"message-panel blue\"><i class=\"fa fa-info\"><\/i><span class=\"message-panel__title\">Note<\/span><span class=\"message-panel__message\">Using rewrite rules to display Next-Gen images is not possible when either a CDN or Cloudflare is active on your site. If you choose to display Next-Gen formats using  tags, a CDN URL field will appear in the settings page.<\/span><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Cloudflare<\/h3>\n\n\n\n<p>If you are using the Cloudflare Free or Pro ($20 per month) plan, there\u2019s no need to enter anything in the CDN URL field. Cloudflare (on all plans below Business) does not offer custom CNAME setup, meaning the image paths will remain unchanged from before.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Standard CDN Services<\/h3>\n\n\n\n<p>When using a traditional <strong>pull-type CDN<\/strong> (which fetches images from your server), it\u2019s important to add the custom CDN URL provided by your CDN provider in the CDN URL field. Imagify is fully compatible with pull-type CDNs, which are commonly used to deliver content quickly across various regions. Be sure to enter the custom CNAME URL (provided by your CDN provider) in the <strong>CDN URL field<\/strong> within the Imagify settings to ensure Next-Gen images are properly served.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"416\" src=\"https:\/\/imagify.io\/documentation\/wp-content\/uploads\/2024\/09\/image-4-1024x416.png\" alt=\"\" class=\"wp-image-1076\" srcset=\"https:\/\/imagify.io\/documentation\/wp-content\/uploads\/2024\/09\/image-4-1024x416.png 1024w, https:\/\/imagify.io\/documentation\/wp-content\/uploads\/2024\/09\/image-4-300x122.png 300w, https:\/\/imagify.io\/documentation\/wp-content\/uploads\/2024\/09\/image-4-768x312.png 768w, https:\/\/imagify.io\/documentation\/wp-content\/uploads\/2024\/09\/image-4.png 1041w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Some popular pull-type CDN providers include:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>KeyCDN<\/li>\n\n\n\n<li>Stackpath (formerly MaxCDN)<\/li>\n\n\n\n<li>BunnyCDN<\/li>\n\n\n\n<li><a href=\"https:\/\/rocketcdn.me\/features\/?utm_source=imagify.io&amp;utm_medium=documentation&amp;utm_campaign=setup-webp-cdn-cloudflare\">RocketCDN<\/a> \u2013 From the creators of WP Rocket and Imagify, try our CDN for optimized performance!<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Cloudflare If you are using the Cloudflare Free or Pro ($20 per month) plan, there\u2019s no need to enter anything in the CDN URL field. Cloudflare (on all plans below Business) does not offer custom CNAME setup, meaning the image paths will remain unchanged from before. Standard CDN Services When using a traditional pull-type CDN [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4],"tags":[29,30,22],"class_list":["post-63","post","type-post","status-publish","format-standard","hentry","category-webp","tag-cdn","tag-cloudflare","tag-webp"],"_links":{"self":[{"href":"https:\/\/imagify.io\/documentation\/wp-json\/wp\/v2\/posts\/63","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/imagify.io\/documentation\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/imagify.io\/documentation\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/imagify.io\/documentation\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/imagify.io\/documentation\/wp-json\/wp\/v2\/comments?post=63"}],"version-history":[{"count":11,"href":"https:\/\/imagify.io\/documentation\/wp-json\/wp\/v2\/posts\/63\/revisions"}],"predecessor-version":[{"id":1079,"href":"https:\/\/imagify.io\/documentation\/wp-json\/wp\/v2\/posts\/63\/revisions\/1079"}],"wp:attachment":[{"href":"https:\/\/imagify.io\/documentation\/wp-json\/wp\/v2\/media?parent=63"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/imagify.io\/documentation\/wp-json\/wp\/v2\/categories?post=63"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/imagify.io\/documentation\/wp-json\/wp\/v2\/tags?post=63"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}