Getting started

Whether you are serving a few hundred, or a few billion images, you can easily integrate 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. offers a forever free plan with generous limits. If you are just getting started with your website, our free plan has got you covered.

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:

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. North California (United States)

  2. North Virginia (United States)

  3. Frankfurt (Europe)

  4. Mumbai (India)

  5. Singapore (Singapore)

  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:

Resizing to width 300 and height 300,h-300

Changing quality to 50

👉 See the full list of image transformation options available in

Follow one of the platform-specific quick start guides to integrate ImageKit in your application:

pageReactpageReact NativepageVue.jspageNext.jspageAngularpageiOSpagePHPpageJavapageRuby

SDK and libraries

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


Server-side SDKs

Last updated