How to apply an image overlay using an externally-stored image?

Image API
1

I’m following this guide to create a photo collage, and it works great when the images I am adding as overlays are stored within my Media Library in ImageKit.

However, it does not seem to work when I want to use an external image URL. Instead, I get a generic “Invalid Transformation” error. I’ve tried URL-encoding and a variety of other things to get it to work, to no avail.

Are image overlay transformations supported for images not stored directly in my ImageKit Media Library, and if so, how can I get it working?

Thank you!

2

  1. The image needs to be accessible via ImageKit for it to work. So, it can either be in the media library, or it can be on one of the connected origins (like an external AWS S3 storage that is accessible via a URL endpoint in ImageKit)

  2. Currently we do not support absolute URLs for image overlays. We are working on rolling out this feature in the future. You will have to use a relative URL (with the ImageKit URL endpoint)

1 Like
3

Ah, (2) was the core issue it seems! I already had the external image set up to use the URL endpoint via ImageKit, but was using the absolute URL. Using the relative path fixed it. Thank you!