📌Getting Started
🔧External storage
ImageKit.io storage
Limits and troubleshooting
Testing and Infrastructure Setup
✨Features
Sample projects
EXTENSIONS
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.
- 2.
- 1.
- 2.
- 3.
- 3.
- 4.
- 5.
- 6.
- 7.
- 8.
Step 2: Access the image through ImageKit.io URL endpoint
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.jpgWe 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.jpgStep 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: