I am trying to create a .svg image for Android devices, but it is not visible clearly in the device. How should I save the file from Adobe Illustrator and how can I optimise the file?

  • svg's appear fine on my android device/s – SaturnsEye Nov 25 '14 at 12:59
  • When I save a file as SVG in Illustrator with standard settings it shows fine on android for me. – SaturnsEye Mar 25 '15 at 12:00
  • The last few versions of Illustrator export improperly formatted svg when using the "Export for screen option". Use "save as" The reason for this is that the useless, greedy individuals at Adobe are incapable of doing anything properly. – RunLoop Nov 30 '16 at 6:51

Sometimes converted SVG don't work fine and it may show some distortions, that's because the SVG file is not perfectly designed to demonstrate curve drawn with bezier curve method or what we call it paths. of course Illustrator is perfect in that. You may see an orthographicaly drawing presented well but when it comes to curves it will distort.

My solution is to divide your curves in sub curves and don't simplify the path.

Go to Objects>path>Add Anchor Points and do it whatever it takes. two or three times.


I usually save SVG right on the border of the graphics. In Web Desktop Browsers you definatelly need some css usually to scale things. But i would go with the screen size i want the svg to initially appear.

Screenshots might help.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

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