Thumbnails shows blurry in Asset-Share

[deprasad]

Describe the bug

An image of format .jpg with the following resolution 1836x432 is activated from the author and published onto the Asset Share Page. The thumbnail of the image when view from AEM Asset author looks alright, but when viewed inside the card layout of asset share page shows it blurry. The customer uses .indd, pdf and various different asset types. The thumbnail quality looks very inconsistent at the moment. I am suspecting that the blurry display of thumbnail on asset share is due to the css trying to stretch the thumbnail image to fit into a card.

css .ui.card .image img { object-fit: cover; object-position: center; max-height: 15em; }

Please advise on how we can resolve the thumbnail quality issue?

Environment

• AEM Version: 6.5.3
• Asset Share Commons Version: 1.8.0
• Author, Publish or both: both

To Reproduce Steps to reproduce the behavior:

1. Go to Author Instance and upload an image with a proportion of 720 X 4351 or 1836x432 (width x height)
2. Activate the image to Publish it
3. Go to Publish instance and see how it looks like
4. See error - Thumbnails display blurry in Asset-Share.

Expected behavior Thumbnails should display clearly in Asset-Share.

[davidjgonzalez]

@deprasad can you right click on a blurry image, and save it to your desktop, and then open it there in its native red? Does it look blurry even then, it does it look crisp?

[deprasad]

@davidjgonzalez - Thanks for responding to the query. When I right click and save the image to my desktop, it does look better for jpeg images. For some of the pdfs the thumbnail images that got saved also looked blurry.

[davidjgonzalez]

do these look blurry in the AEM Assets UI as well? The cards should be using the OOTB Thumbnail Servlet; if thats blurry I think we need to fix it upstream somewhere ...