We are using a lot of SVG files on our site, they look good on all browsers except Chrome, where they are pixelated.
Is there an easy global solution for this issue?
1 Like
Sorry you are facing this issue, it would be my pleasure to help you.
Welcome to the Shopify community! 
Thanks for your good question.
Please share your site URL,
I will check out the issue and provide you a solution here.
Hey Ketan, Thanks for the help - https://mod-bikes.myshopify.com/
1 Like
Hi @Dor_falu ,
Can you send me a screenshot of the error. I will check it.
Because I checked on Google Chrome and it works fine:
Hope it helps!
We have checked for this issue in real system and browserstack but it is working ok. In which system configuration or browser you are checking?
Hey Ketan,
Please see below 2 screenshots one from Chrome one from safari, you can clearly see the difference between the two.
Hi @Dor_falu ,
I checked and it shows fine for both:
And after checking your screenshot it shows blur for text as well, not just icon.
So can you test on another device? I think it may be due to the cache on your device.
Hope it helps!
If it helped you solve your issue, please mark it as a solution. Thank you and good luck.
So I checked on other computers and still see the issue, on the other end on my Ipad it is perfectly fine..
I also clear the cache but it didn’t help…
If others cannot reproduce the issue you’ll need to expand the sphere of hardware your using to rule out graphics issues.
You should also check both chrome browsers flags for possibly related rendering, or GPU settings.
Hi @Dor_falu ,
This could be caused by your browser or your device. You can download the latest version of chrome and check again. Or test it on another device?
Because I tested on multiple devices including mobile, all works fine.
Hope it helps!
If it helped you solve your issue, please mark it as a solution. Thank you and good luck.