ImageKit.io Docs
PricingService statusDashboardWe are hiring 🤓
Search…
What is ImageKit.io?
📌Getting Started
Getting started
iOS
PHP
React
React Native
Ruby
Vue.js
Next.js
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 (Beta release)
Video Optimization (Beta release)
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
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
Getting started
Whether you are serving a few hundred, or a few billion images, you can easily integrate ImageKit.io in the existing infrastructure to instantly get real-time resizing and automatic optimization functionality. Let's get started.

Step 1: Create an account

​
👉
 If you have not created an account yet, sign-up for free.​
ImageKit.io offers a forever free plan with generous limits. If you are just getting started with your website, our free plan has got you covered.
Sign-up for ImageKit.io

Choosing Imagekit Id

Post signup, you will be asked to choose a unique identifier called ImageKit ID. This identifier will be part of your image URL. For example:
1
https://ik.imagekit.io/your_imagekit_id/image.jpg
Copied!

Choosing an image processing region

​
👉
 If you plan to use ImageKit with your existing image storage or server, choose one of the following processing regions. Choose a region that is closest to your origin server location:
  1. 1.
    North California (United States)
  2. 2.
    North Virginia (United States)
  3. 3.
    Frankfurt (Europe)
  4. 4.
    Mumbai (India)
  5. 5.
    Singapore (Singapore)
  6. 6.
    Sydney (Australia)

Step 2: Configure external storage (optional)

ImageKit comes with an integrated media library with infinite storage, folder management, file tagging, powerful search features.
If you don't want to upload files in the media library, you can choose to configure your external storage so that ImageKit can pull files from there.

Step 3: Integrate ImageKit in your application

For demonstration purposes, we upload a sample image in your account during sign-up.
The sample image can be accessed like:
1
https://ik.imagekit.io/your_imagekit_id/default-image.jpg
Copied!

Resizing to width 300 and height 300

1
https://ik.imagekit.io/your_imagekit_id/default-image.jpg?tr=w-300,h-300
Copied!

Changing quality to 50

1
https://ik.imagekit.io/your_imagekit_id/default-image.jpg?tr=q-50
Copied!
​
👉
 See the full list of image transformation options available in ImageKit.io.
Follow one of the platform-specific quick start guides to integrate ImageKit in your application:

SDK and libraries

We have published libraries in popular programming languages so that you can easily integrate ImageKit.

Client-side

Server-side SDKs

Previous
What is ImageKit.io?
Next
iOS
Last modified 1mo ago
Copy link
Contents
Step 1: Create an account
Step 2: Configure external storage (optional)
Step 3: Integrate ImageKit in your application
SDK and libraries
Client-side
Server-side SDKs