Expand my Community achievements bar.

AEM creating a white background for SVG images without backgrounds

Avatar

Level 4

When I upload an SVG image with no background, AEM is creating a white background. So I am not able to use it.

When I opened a ticket with adobe they said the following -

" The ultimate conclusion as of now is that SVG thumbnail generation is not supported.  I have filed for an enhancement request to support SVG thumbnail generation, internal ID: CQ-4236689.  There is a possibility that the enhancement request does not go forward. If the enhancement does move forward,  the change will likely not be implemented until a later release.

I have investigated and determined that what is happening is that the thumbnails are generated from a web rendition of the original image.  The web rendition does not support .svg format which results in a white background web rendition.  All the thumbnails generated from the white background web rendition therefore has white background as well.

I attempted to implement and utilize ImageMagick [1] to convert the web rendition to a .png format before creating the thumbnail, however, I had either a white background or black background from the thumbnails created.

Possible workarounds available:

- Create a component that uses the original image and not a web rendition for thumbnail generation

- Call svg image via background image code

  - Use different file format that is supported [2]"

Can someone help me with how exactly to use SVG or what she actually meant?

Its interesting that AEM would not support SVGs with them being one of the most popularly used image formats for web.

Thanks for the help in advance.

1 Reply

Avatar

Administrator

Let me check this internally!!



Kautuk Sahni