Main landing page top hero images appearing blurry when uploaded to production.

Question

When I upload a main landing page hero image and view it in "View and Published" the image is clear and non pixilated. Once I move the page to preview or production the image is downgraded and is blurry. How can this be remedied?

Here is an example page, the top hero image is blurry in production now.

Furthermore, dimensions seem to be scaled down, for example an original will be 2030X431 460 KB but then in production will be scaled down to 56kb 1280X272.

Any remedies?

EstebanBustamante · Answer

Hi,

What are you using for the image? Is it the image core components? If so, I think the issue might be related to the widths configured in the component's policies.

Please review the details here:

https://experienceleague.adobe.com/en/docs/experience-manager-core-components/using/wcm-components/image#design-dialog

https://github.com/adobe/aem-core-wcm-components/wiki/The-Adaptive-Image-Servlet#picking-renditions

Hope this helps.

Sign up

Login with SSO

Login to the community

Login with SSO

Scanning file for viruses.

This file cannot be downloaded