We're calling on all EU-based Mozillians with iOS or iPadOS devices to help us monitor Apple’s new browser choice screens. Join the effort to hold Big Tech to account!

Avatar for Username

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

Lolu chungechunge lwabekwa kunqolobane. Uyacelwa ubuze umbuzo omusha uma udinga usizo.

svg rendering blurry

fridericia
fridericia
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!!!!
Ama-screenshot ananyekiwe

All Replies (5)

TyDraniu
TyDraniu
  • Top 10 Contributor
more options

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

cor-el
cor-el
  • Moderator
  • Top 10 Contributor
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))
fridericia
fridericia Umnikazi wombuzo
more options

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

Frida

fridericia
fridericia Umnikazi wombuzo
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...

jscher2000 - Support Volunteer
jscher2000 - Support Volunteer
  • Top 10 Contributor
more options

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