Web-Optimized Image Delivery for Container component

Question

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 Answer

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 · Answer

@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.

Sign up

Login with SSO

Login to the community

Login with SSO