This site will have limited functionality while we undergo maintenance to improve your experience. If an article doesn't solve your issue and you want to ask a question, we have our support community waiting to help you at @FirefoxSupport on Twitter and/r/firefox on Reddit.

Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

Cuireadh an snáithe seo sa chartlann. Cuir ceist nua má tá cabhair uait.

svg rendering blurry

more options

Hi, I have trouble with my svgs in Firefox. They render perfectly crisp in Safari and Chrome, but blurry in Firefox. I googled the problem and tried numerous suggestions to fix it, but none did. Can please anyone help me with that issue? I'll attach a screenshot with the snippet.

Thanks!!!!

Hi, I have trouble with my svgs in Firefox. They render perfectly crisp in Safari and Chrome, but blurry in Firefox. I googled the problem and tried numerous suggestions to fix it, but none did. Can please anyone help me with that issue? I'll attach a screenshot with the snippet. Thanks!!!!
Attached screenshots

All Replies (5)

more options

Can you provide a test sample of this issue on codepen.io or jsfiddle.net ? Thanks.

more options

You may have accidentally zoomed webpage(s). Reset the page zoom on pages that cause problems.

  • View -> Zoom -> Reset (Ctrl+0/Command+0 (zero))
more options

Thanks for your reply! Here is the codeine link: https://codepen.io/Friderike/pen/OJReYPp

Frida

more options

.. No, I didn't zoom in originally, but actually that's what I expect from an svg, to not pixelate WHEN zoomed in...

more options

I'm not really detecting a difference on Windows 10.