How to use ImageKit.io?

There are two ways to use ImageKit.io. Depending upon your needs, either you can plug ImageKit.io with your existing infrastructure without moving or re-uploading any existing images, or you can upload pictures in the ImageKit.io media library. Both options are always available and can be used together.
1. Integration with existing storage or server
ImageKit.io can be integrated into your existing infrastructure within minutes. 
​🧙♂
 Recommended if you don't want to move your existing images
If you have a running website or application, you don't need to move your images anywhere. Just configure your existing image origin and ImageKit.io will fetch the images on the first request and cache the response.
ImageKit.io supports the following types 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​
2. Using ImageKit storage (Media Library)
If you don't want to handle image upload to your own storage, then ImageKit's media library is excellent for you. The media library is an available unlimited internal storage provided by ImageKit.io to all its users. ImageKit.io media library is built on top of the Amazon S3, and it is co-located with core image processing servers in all the regions.
Media library allows you to:
1.
Upload files via the ImageKit.io dashboard.
2.
​Create folders and delete folders to manage your images.
3.
​Tag files for a better organization.
4.
​Search files by name, folder name, and tags.
5.
Delete selected files or an entire folder.
6.
Bulk add or remove tags.
7.
Copy or move files.
8.
Copy or move folder.
All media library operations can be executed using APIs:
1.
Upload files from the server or client-side.
2.
​Updating files details, e.g., tags and custom coordinates for cropping.
3.
​Listing and searching files in the Media library by file/folder name, tags.
4.
​Getting individual file details.
5.
​Deleting files.
6.
​Delete files in bulk.
7.
​Purging cache on CDN.
8.
​Getting image metadata for an image file.
9.
Bulk add or remove tags.
10.
​Copy or move files.
11.
​Copy or move folder.
12.
​Get bulk job status for copy and move folder jobs.

Vue.js

Next - 🔧External storage

Integration overview

Last modified 1yr ago

Copy link

Contents

1. Integration with existing storage or server

2. Using ImageKit storage (Media Library)