Forum Discussion
Edge/Chrome - Blurry Images
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
4 Replies
- Greg_Deckler
Community Champion
cassidy Well Edge and Chrome share the Chromium engine so no surprise there that they act the same. But why they are blurry...?
- cassidy
Power Participant
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!
- v-yalanwu-msft
Community Support
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
Power Participant
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.