Wordpress is the most widely used platform to build websites across the globe. From small blogs to full-fledged eCommerce websites, Wordpress provides the flexibility to build different kinds of websites with minimal technical effort.
You can easily integrate ImageKit.io in your WordPress website using our official WordPress plugin.
Serve images in next-gen formats (automatic image format conversion)
Yes All new and old images in existing posts are automatically delivered in the right image format including WebP using ImageKit.io.
Automatic image optimization (metadata removal and quality optimization)
Yes All new and old images in existing posts are automatically optimized during delivery using ImageKit.io. Original images are not modified.
Automatic image resizing (Resizing image as per layout)
Lazy loading images
No You can use a plugin like a3 Lazy Load to lazy load images.
Here is what you need to do:
Let's quickly fetch the image using ImageKit.io URL-endpoint and see if it's working.
When you add the first origin in your account, it automatically becomes accessible through the default URL-endpoint, that is
https://ik.imagekit.io/your_imagekit_id. Otherwise, you will have to configure an existing URL endpoint or create a new one to fetch images from this newly added origin.
If your old image URL was
https://www.example.com/wp-content/uploads/image.jpg, then the same image should be accessible through ImageKit.io URL-endpoint, i.e.,
Install and activate ImageKit.io WordPress plugin.
Go to Settings➡ImageKit.io setting.
Fill the ImageKit URL endpoint (or CNAME) with
your_imagekit_url_endpoint. Copy and paste from the ImageKit.io dashboard.
Click "Save changes" button.
Flush cache, if any.
By default, ImageKit.io plugin is configured to load only image files through ImageKit.io URL-endpoint, but you can override this setting by changing the value in File types field.
Enter the semicolon-separated list to allow JS and CSS files as well, for example -
By default ImageKit.io WordPress plugin loads files from theme folder. But you can override this setting by adding new paths in Custom files field. All the values in this field are separated by a new line. Wildcard (*) is allowed.
There could be a case where you don't want the files on a specific path or pattern to be loaded via ImageKit.io. This can be done by setting the right values in Rejected files field. All the values in this field are separated by a new line. Wildcard (*) is allowed.
For example, we want to avoid loading captcha assets through ImageKit.io, so we can enter
wp-content/uploads/wpcf7_captcha/* under rejected files, as shown in the screenshot above.