How to Integrate imagekit CDN with WordPress?

Images are a crucial part of any website. they provide information and also make your website look beautiful. while images are necessary for your website, they also take up a lot of space on your web server if are not compressed and can also slow down your website speed.

And if you are a blogger, you may be aware that core web vitals are now a ranking factor and heavy and uncompressed images will lead to a bad user experience for website visitors and that is something that you would not like.

Also read : if you want to speed up your windows 10 PC

while there are many image compression plugins for WordPress bloggers like Smush – lazy load images, optimize & compress images, EWWW image optimizer, Short pixel image optimizer, and also Imagify – optimize your images & Convert Webp.

while all these plugins do a great job at optimizing images, but they can also reduce the quality of your images.

here’s something that you can do to optimize your website or blog images with real-time transformations and that too for free.

Yes, you can do that with Imagekit Image CDN that can deliver optimized images for your website with 99.9% uptime and this guide will help you Integrate Imagekit CDN with WordPress.

In simple words, Imagekit is a real-time image optimization CDN network that can help you reduce the size of your images on your website without compromising on quality.

imagekit image CDN is quick to integrate with your WordPress website and yes, you don’t need any coding skills to do that. while Imagekit has paid plans, but you can you the forever free plan.

the forever free Plan from imagekit has a 20GB Media library included with unlimited requests and transformations and a set of features for image cropping and etc.

here’s How to Integrate Imagekit CDN with WordPress

step 1 Register for the imagekit platform and choose the Forever free plan. go to imagekit website, by clicking here.

step 2 Configuring the origin, you need to configure the origin and this option is optional. but as we are using WordPress, click on the Add new origin option and a new dialogue box will appear like the below one.

imagekit add new origin box

Now, choose the Origin Type as Web Folder – HTTP(S) server and Magento, Shopify, WordPress, etc.

you can give the Origin Name as per your choice or your website name and in the base URL box, you need to enter your WordPress website URL and you have to that including the HTTP:// or HTTPS:// and when you are done adding your site URL in the base URL, hit the Submit button.

Step 3 – Now you have to create URL Endpoints and after you have created an URL endpoint, you will get an imagekit CDN URL i.e URL EndPoint.

you can see that my CDN URL is based on my webserver i.e Geekdave domain.

imagekit CDN URL endpoints

the https://ik.imagekit.io/ign9epbe7j is my imagekit CDN URL.

just leave the imagekit tab open as we will need to copy the imagekit CDN URL later.

step 4 Now open your WordPress dashboard in a new tab and go to plugins and hit the Add new plugin option and search for imagekit.

install imagekit plugin and activate it.

Now open the imagekit plugin settings and add your URL EndPoint in the URL endpoint ( or CNAME ) box.

imagekit plugin settings screen

after you have added the URL endpoint, hit the save changes button, and you are done with integrating imagekit image CDN with your WordPress website.

Now, the images will be transformed in real-time. your images will be served from the URL like the below image.

imagekit.io URL

well, if you using premium caching plugins like wp-rocket on your website, then there is no need to install the imagekit plugin additionally as wp-rocket can do that too.

step 5 – as before, open wp-rocket settings and go to cdn settings page.

inside the CDN settings page, tick the enable content delivery network option.

Now, add the imagekit URL endpoint in the CDN CNAME(S) box and change the reserved for settings to images and save changes.

wp-rocket cdn settings page

after applying the above settings, your wp-rocket CDN settings page would look like the above one.

well, you are done with Integrating imagekit image CDN with WordPress. if you are using wp-rocket as caching plugin on your site, then you already know how you can optimize image,s and adding imagekit plugin makes no sense, as wp-rocket can do that too.

also inside the imagekit dashboard, there are some tweaks that can you perform to get faster delivery.

comment your doubts below if you are facing any problems while integrating imagekit on your WordPress site or contact us, we would be happy to help you.

Leave a Comment