Integration overview
You can integrate ImageKit.io with your existing infrastructure in a few minutes. Here are the steps:
ImageKit.io supports the following type of origin:
Any Web server origin, for example - Shopify, Magento, WordPress, etc.
Google Storage (can be added as a web server origin).
Cloudinary backup bucket.
When you sign up, a default URL-endpoint is created in your ImageKit.io dashboard.
The default URL endpoint is always https://ik.imagekit.io/your_imagekit_id.
Let's assume the original image URL is https://www.example.com/rest-of-the-path.jpg. The same image can be accessed through ImageKit.io URL-endpoint now - https://ik.imagekit.io/your_imagekit_id/rest-of-the-path.jpg
We just replaced the old base URL https://www.example.com with the new ImageKit.io URL-endpoint, i.e. https://ik.imagekit.io/your_imagekit_id.
🧙♂Tip: You can also use a custom domain like images.example.com. But in this documentation, we will stick with the https://ik.imagekit.io/your_imagekit_id format. Learn more about how to use a custom domain.
Images fetched through ImageKit.io are automatically optimized and converted to the appropriate format. You can resize and transform an image by adding URL parameters. For example:
Image with width 300px and height is adjusted automatically to preserve aspect ratio
https://ik.imagekit.io/your_imagekit_id/rest-of-the-path.jpg?tr=w-300
or https://ik.imagekit.io/your_imagekit_id/tr:w-300/rest-of-the-path.jpg
ImageKit.io supports multiple image transformations. Learn more.
After the above URLs are working and you have tested the transformations, start using ImageKit.io URL endpoint on your production website to accelerate image loading.
