My SVG graphics don't look as good in Unity as they do in my web brower

Question

I thought had an easy solution to getting nice smooth edges on all of my images: export them to .svg and then use Unity's new SVG importer package. However, my svg images don't really look better once they get into Unity. They don't look worse than my .png images but they don't look as nice as they do when I'm looking at them in a web browser or photo viewer.

Why is that? And is there a simple way to fix that?

I did try out as a 'Textured Sprite' instead of a 'Vector Sprite' and noticed some quality differences messing around with Sample size and Filter mode but I wasn't able to get the .svg images to look as good as they do in a regular image viewer.

ETA images:

SVG image in a viewer or web browser (This is ideal): SVG image in Unity when object is close. It's okay but not as good. A little fuzzy plus it adds some random notches: SVG image in Unity when object is far. More fuzzy:

PNG image in Unity when object is close. Very good:

But PNG image in Unity when object is far. Very fuzzy:

Answer 1

This is not a true answer but I'm posting this in case is helps someone.

I have decided to stick with .png for now. As yet I don't see enough of an image-quality improvement with .svg. (If someone has figured it out though please post!)

2 things that have helped me though:

• In doing my own basic graphics, setting the initial graphic setting to 600 dpi rather than 300 dpi helped moderately in certain cases.

• If you have control over the look of the images, it appears that having an outline as part of the image seems to call extra attention to the jagged edges that appear, so consider avoiding them.

Wish I had a better answer. If I find one, I will update.

Answer 2

Your PNG problem could be mitigated by enabling mip-maps and using trilinear filtering.

Answer 3

Unity 2018+

You need to import the Vector Graphics package.

https://stackoverflow.com/questions/52562020/how-to-import-svg-to-unity-2018-2

In order to import SVG with Unity 2018.2, you need to import the package Vector Graphics with the new Package Manager (you can find it in the menu Window > Package Manager).

Then, you can import any SVG in the project by copying it in the project's folder.

Beware of the options in the inspector, the Generated Asset Type controls the render mode, there are 3 modes: Vector sprite (default), Textured sprite, Texture2D.

---

Unity 2017-

Unity does not natively support vector graphics, so you will need to use another format.