Web-Optimized Image Delivery for Container component

[sean12341]

Hello, 

I am using AEM as cloud service, and trying to optimize my image delivery following this doc.

I know that we can enable the .webp format for the Image component below.

However, I also have images as background image in my Container component, and these images are not optimized. They does not make use of renditions nor .webp format in the url of the css `background-image` property.

Is there a way to optimize delivery for the background images in the Container component as well?

Thank you,

[arunpatidar · Accepted solution]

Hi,

At the moment it is not available but you can try modifying/extend the component to achieve this,

You can also add an improvement here https://github.com/adobe/aem-core-wcm-components/issues?q=is%3Aissue+is%3Aopen+background 

[kautuk_sahni]

@sean12341  Did you find the suggestions from Arun helpful? Please let us know if more information is required. Otherwise, please mark the answer as correct for posterity. If you have found out solution yourself, please share it with the community.