Why does my svg img get messed up when i put it on my website?

Design & UX
1

So I have made a svg image using sketch. Looks good and all but when I put it on the website it looks all messed up. Strokes, widths etc are messed up?

Why is this? I want it to look exactly as I saved it on the site aswell…

help please!

check out these pictures (beware its the first time i try to do vector graphics)

In sketch it looks like this: http://puu.sh/aTY29/60516d10d7.png

And on the website it looks like this: http://puu.sh/aTY2Y/31ac8d6341.png

How come?

2

Be careful how you export it. What settings did you use?

3

hi,

I use these settings: http://puu.sh/aUFVo/b6c6b34ecf.png

And after clicking “export slice2” there are no more options. Should i open the file in illustrator and save it from there with some other settings?

4

Maybe try Save As. I read an article the other day that gave recommended settings, but darned if I can find it now.