Edge/Chrome - Blurry Images

[cassidy]

I'm having an issue where Product Images in my report show up clearly in Desktop and in Firefox, but blurry in Edge and Chrome:

Edge/Chrome

Firefox

Any thoughts on this?  

Thank you

[v-yalanwu-msft]

Hi, @cassidy ;

You could try to add this CSS to images 

image-rendering: -webkit-optimize-contrast

Another thing that fixed the problem is disabling the "Use hardware acceleration when available" setting in Chrome's System settings.

https://stackoverflow.com/questions/63502778/blurry-downscaled-images-in-the-chrome-84

Best Regards,
Community Support Team_ Yalan Wu
If this post helps, then please consider Accept it as the solution to help the other members find it more quickly.

[cassidy]

Disabling "Use hardware acceleration when available" does help, still not as good as Desktop or Firefox.

I don't think I can ask 100+ users to disable that setting.

@v-yalanwu-msft are you able to explain the CSS method further?  My BI table is simply 2 columns, Product & Image URL.  I can't alter the Image URL at the source, but I could alter it after via Power Query or DAX.

[Greg_Deckler]

@cassidy Well Edge and Chrome share the Chromium engine so no surprise there that they act the same. But why they are blurry...?

[cassidy]

@Greg_Deckler 

I've tried about 7 different standard and custom visuals, all the same result. 

Firefox usually renders my BI reports poorly in comparison, but apparently, know's how to handle images!