I am trying to export an AI file to SVG in order to embed it on an webpage. AI file is located here (diente.ai).

Whatever options I choose in export menu, the svg file always looks blurry and pixelated when I open it with Chrome! I don't know how export to an svg file like example.svg that scales perfectly.

I have read many tutorials, but always recommends using Illustrator export option like I did.


  • 1
    Hi. Welcome to GDSE. The AI file contains a gradient mesh, but this isn't supported in the SVG format, so it gets rasterized.
    – Billy Kerr
    Commented Aug 29, 2019 at 23:25
  • Hi, zachzurn. Then I will export AI file to PNG and use it in my web app. Thanks for your comment!
    – Jonha
    Commented Aug 31, 2019 at 0:35

1 Answer 1


Yea, so I am having this issue as well, I believe that the issue resides in the image resolution that you are importing into illustrator, when the svg exports, it does not use the image resolution in illustrator, but the resolution in the image files themselves.

  • 1
    No the reason is clear its the gradient mesh. But apropos illustrator does not have a resolution setting.
    – joojaa
    Commented Sep 15, 2021 at 5:25

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.