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. ​Amazon S3 bucket origin​

2. ​S3-Compatible storages​

   1. ​Wasabi Storage​

   2. ​Ali Storage​

   3. ​Digital Ocean Spaces​

3. Any web server origin, for example - Magento, WordPress, etc.

4. ​Web proxy​

5. ​Azure Blob storage​

6. ​Google Storage​

7. ​Firebase Storage​

8. ​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.

If you get a "Not found" error while accessing the image, check out this troubleshooting guide.

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 in your application to accelerate image loading.

Get started with our SDKs:

Learn about real-time resizing: