🎨 Dynamic Image Generation API

Test the product image generation endpoints

How It Works

This demo uses server-side image processing to dynamically generate product images with different colors and configurations. Select options below to see the image update in real-time.

Product Configuration

Product:

Color:

Hinge Location:

Right Hinge Left Hinge

Use Cache

Direct Image URL Method

Using: <img src="...">

JSON/Base64 Method

Using: fetch() + base64

Product Configuration

API Endpoints Used

GET /api/product-image/{product}?color={color}&hinge={hinge}
GET /api/product-image/{product}?color={color}&hinge={hinge}&format=json
GET /api/product-config/{product}
POST /api/clear-image-cache