Forum Discussion

cassidy's avatar
cassidy
Icon for Power Participant rankPower Participant
5 years ago

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's avatar
    Greg_Deckler
    Icon for Community Champion rankCommunity 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's avatar
      cassidy
      Icon for Power Participant rankPower Participant

      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!

  • v-yalanwu-msft's avatar
    v-yalanwu-msft
    Icon for Community Support rankCommunity 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's avatar
      cassidy
      Icon for Power Participant rankPower 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.