Blurry SVG images in mobile mode

Hey everyone :waving_hand: I recently published my web-app but when I open it from a mobile, a lot of the SVG images I implemented on my pages become blurry.

I tried to check if somehow the img had been converted to a different format in mobile mode, but when I inspect them it’s in SVG mode so I don’t know why it’s happening. Another weird thing is that some SVG are becoming blurry, but some others are not.

Does anyone know how to fix that by any chance ?

Thanks in advance !

PS = On the screenshots you can see that the images are blurry when the app is opened from the web browser on my phone, but not when I open the web-app in mobile mode from the Google Console.

If you’re using the Image element, it doesn’t do usual SVG images I’m afraid. That’s why it is blurry. You might wanna use a HTML embed and try pasting the SVG inside of it.

1 Like

Works perfect that way thanks a lot Rob ! :folded_hands:

1 Like