SVG images appear blurry (in Safari)

Hi All,

Im working on my first Webflow project and it’s fantastic. However, I ran into a problem.

I’ve made 3 svg images in Figma and also exported them in Figma. I’ve uploaded the svg files in Webflow, but they appear blurry (definitely not crisp) in Safari. I checked Chrome and they are crisp in there. I have read some topics but so far I can’t find a solution.

What I have tried so far:

  • Used a plugin in Figma to make the svg’s pixel perfect (so no halve pixels)
  • Outlined everything

It’s about the 3 images in the middle of the page at “Proces; Zo simpel kan zoeken zijn”

Since I’m very new to Webflow it might be a simple thing, but I have no clue at the moment so I’ll be glad if someone can help :slight_smile:


Here is my site Read-Only: LINK

1 Like