demobook

Strapi: Enable real-time image transformations

Demo summary

The user enables 'Media Delivery' and 'ImageKit Transformations' in Strapi settings, then uses Postman to verify that image URLs now include real-time height and width parameters served by ImageKit.

Step-by-step

  1. Navigate to the ImageKit plugin configuration in Strapi
  2. Set the Media Delivery setting to true and save
  3. Enable the Image Kit transformations for responsive URLs setting
  4. Save the configuration
  5. Verify the API response in Postman to ensure URLs include real-time height and width parameters

Tips

  • Use ImageKit transformations instead of Strapi's built-in resizing to handle responsive variants in real time
  • Remove the transformation parameters from the URL if you need to access the original, unresized image

Highlights

it's clearly working now

AI Photo Editor

  1. 6:381:49Enable real-time image transformationsCurrentThe user enables 'Media Delivery' and 'ImageKit Transformations' in Strapi settings, then uses Postman to verify that image URLs now include real-time height and width parameters served by ImageKit.ImageKit