ImageKit.io Docs
PricingService statusDashboardWe are hiring 🤓
Search…
What is ImageKit.io?
📌Getting Started
Getting started
How to use ImageKit.io?
🔧External storage
Integration overview
How it works?
Configure origin
URL-endpoints
ImageKit.io storage
Media Library
Limits and troubleshooting
Limits
Error troubleshooting
Testing and Infrastructure Setup
Testing on multiple environments
Using on multiple websites
Using with your CDN
Using with a custom domain name
✨Features
Image Transformations
Image Optimization
Video Transformation
Video Optimization
Named Transformations
Network-based image optimization
Client hints
Caches
Cache purging
Security
SEO-friendly image URL
Default Images
Progressive JPEGs
Non-image file compression
Performance monitoring
User access management
Multi factor authentication
Billing alerts
Single sign-on
Advanced security settings
Central audit logs
URL-rewriters
Session management
Platform guides
Magento
WordPress
Shopify
Sample projects
Upload widget
Media library widget
📙API Reference
API Introduction
Upload file API
Media API
Metadata API
Custom metadata fields API
EXTENSIONS
Extensions reference
Powered By GitBook
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. 1.
    ​Amazon S3 bucket origin​
  2. 2.
    ​S3-Compatible storages​
    1. 1.
      ​Wasabi Storage​
    2. 2.
      ​Ali Storage​
    3. 3.
      ​Digital Ocean Spaces​
  3. 3.
    Any web server origin, for example - Magento, WordPress, etc.
  4. 4.
    ​Web proxy​
  5. 5.
    ​Azure Blob storage​
  6. 6.
    ​Google Storage​
  7. 7.
    ​Firebase Storage​
  8. 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.
​
🧙♂
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.
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:
📌Getting Started - Previous
How to use ImageKit.io?
Next - 🔧External storage
How it works?
Last modified 1yr ago
Copy link
Outline
Step 1: Configure the origin
Step 2: Access the image through ImageKit.io URL endpoint
Step 3: Try optimization and resizing
Step 4: Go live on the production website