Important Notice: We're experiencing email notification issues. If you've posted a question in the community forums recently, please check your profile manually for responses while we're working to fix this.

On Monday the 3rd of March, around 5pm UTC (9am PT) users may experience a brief period of downtime while one of our underlying services is under maintenance.

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

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.