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

[AnthonyJ_Battag]

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]

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/i...

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

Hope this helps.