How to resize images for e-commerce on the fly? Free, cloud-based image processing API.
As for online e-commerce store, it is important to have product's images in various sizes: a small one for products listning, bigger one for a preview, a large for the detail view and so on. Each image should be optimized for the WEB - has appropriate format, resolution and has the right size - to be good ranked in SEO.
The API First E-commerce Platform "Boundless Commerce" provides a Free, cloud-based API for image processing and CDN for all images!
Technical concept
API returns relative path to images, e.g.: "images/a1/ae/ace20b14fe947ff13822f97a82ac.jpeg"
To get resized image on a site:
https://media.boundless-commerce.com/thumb/ + <imgPath> + ?<resize-query>
For example:
Scale down to 500px:
![](https://images.prismic.io/boundless/338ce996-e907-4f43-b0fa-9bd862ca1ab3_ace20b14fe947ff13822f97a82ac.jpeg?auto=compress,format)
Lightweight grayscale:
![](https://images.prismic.io/boundless/842e2f18-645a-46ea-b455-c29cb019573e_ace20b14fe947ff13822f97a82ac_gray.jpeg?auto=compress,format)
Blured:
![](https://images.prismic.io/boundless/623f8bf6-f33d-4935-892d-96383b3880a2_ace20b14fe947ff13822f97a82ac_blured.jpeg?auto=compress,format)
API client
It is even more easier with our ready to use API client! (https://www.npmjs.com/package/boundless-api-client)
Boundless-Commerce is a Headless E-commerce Platform. We Provide Admin-Side For Store Management, Powerful API, And Ready-To-Use Checkout Area.
Free. Ready to use. Just clone & deploy!
![Kirill Zhirnov](https://images.prismic.io/boundless/032637d2-5eb4-431b-9bee-b609662b76d6_2022-06-12+12.43.59.jpg?auto=compress,format&rect=0,319,960,960&w=150&h=150)