Expand my Community achievements bar.

SOLVED

Web-Optimized Image Delivery for Container component

Avatar

Level 3

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.

 

sean12341_0-1697404434140.png

 

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.

 

sean12341_1-1697404574774.png

 

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

 

Thank you,

Topics

Topics help categorize Community content and increase your ability to discover relevant content.

1 Accepted Solution

Avatar

Correct answer by
Community Advisor

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 



Arun Patidar

View solution in original post

2 Replies

Avatar

Correct answer by
Community Advisor

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 



Arun Patidar

Avatar

Administrator

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



Kautuk Sahni