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://media.boundless-commerce.com/thumb/i1/images/a1/ae/ace20b14fe947ff13822f97a82ac.jpeg?mode=scale&max-size=500

Lightweight grayscale:

https://media.boundless-commerce.com/thumb/i1/images/a1/ae/ace20b14fe947ff13822f97a82ac.jpeg?mode=scale&max-size=500&pad=1&grayscale=1

Blured:

https://media.boundless-commerce.com/thumb/i1/images/a1/ae/ace20b14fe947ff13822f97a82ac.jpeg?mode=scale&max-size=500&pad=1&grayscale=1&blur=5

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!