Integration overview

ImageKit.io integration with your existing storage like Amazon S3, Azure, Google storage or Ngnix server.

You can integrate ImageKit.io with your existing infrastructure in a few minutes. Here are the steps:

Step 1: Configure the origin

ImageKit.io supports the following type of origin:

  1. Any Web server origin, for example - Shopify, Magento, WordPress, etc.

  2. Google Storage (can be added as a web server origin).

  3. Cloudinary backup bucket.

Step 2: Access the image through ImageKit.io URL endpoint

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.

Step 3: Try optimization and resizing

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.

Step 4: Go live on the production website

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.