We have an upcoming sale. We created a short GIF as the logo for that sale. Can we overlay this GIF logo on top of our product images which are JPG / PNG format? What will happen to the animation in the sale logo if we were to do this?
GIF can be overlaid, but it will lose its animation, if any.
This happens because GIF is an animated format, whereas the base image JPG or PNG is a still image. Therefore it is not possible to overlay a GIF (Animated) over a still image format (JPG/PNG)
For example, I have a JPG image
If I were to overlay them using ImageKit’s Layers transformations, the GIF will no longer be animated. It will become static.
Here is a URL to overlay the bird in the top right corner of the image
https://ik.imagekit.io/ikmedia/docs_images/Community/forest.jpg?tr=l-image,i-docs_images@@Community@@bird.gif,lfo-top_right,l-end
So, if your requirement is to overlay a static GIF image format over a static JPG/PNG image, it can be done as shown above. But if the GIF is animated, then it won’t be possible to get the right result out of this overlay.