aemsites / stericycle-shared

Edge Delivery Service Site for Stericycle sites
https://www.shredit.com, https://www.stericycle.com
Apache License 2.0
0 stars 1 forks source link

Hero Banner - Pixelated/Low quality #211

Open colinvlasak opened 2 months ago

colinvlasak commented 2 months ago

Hero banner images pixelated/low quality – this is across the site. Also appears to be scaled larger or zoomed in.

Can we update this site wide?

o EDS (blurry and big) image

• Live Site (crisp and smaller)

image

kronnox commented 3 weeks ago

@jindaliiita I assume this can be closed?

jindaliiita commented 3 weeks ago

Closing this as this is covered via https://github.com/aemsites/stericycle-shared/pull/391

colinvlasak commented 3 days ago

@jindaliiita I just added a new Hero banner to a new page and the image is very blurry and pixelated. Can you confirm how this can be fixed not only for this page but for all pages? I want to ensure every time we add a new image we don't have this issue

https://main--shredit--stericycle.aem.page/en-us/national-accounts/una

jindaliiita commented 3 hours ago

It seems that the optimized image being returned from the server is causing issues.

Image without optimization: Link Image with optimization: Link

@bstopp @kronnox @dkuntze @MarquiseRosier Do you have any suggestions on how we can address this issue? One approach I can think of is calling createOptimizedPicture with more breakpoints specifically for the hero block.