If we use PNG - for iOS we will use @x1 @x2 @x3 size per image (which is just a click a way in zeplin/sketch). Android - around 5 image sizes, meaning we have to maintain 8 PNG images per graphic element.

while SVG - will work for iOS and android but there are technical limitations. For example, the SVGs are getting distorted when being rendered. Though we might be able to fix it by looking deeper on each elements/layers of the SVG through Sketch.

I hope someone can help us to decide the best format to use for our app.


closed as off-topic by Danny Varod, Mayo, locationunknown, Shreyas Tripathy, Ken Mohnkern May 22 at 13:36

This question appears to be off-topic. The users who voted to close gave this specific reason:

  • "Questions about Implementation are off-topic because this site is for User Experience design questions, not questions around how to implement these designs. Therefore, questions around the use of programs like Photoshop or languages such as CSS or JavaScript are off topic." – Danny Varod, Mayo, locationunknown, Shreyas Tripathy, Ken Mohnkern
If this question can be reworded to fit the rules in the help center, please edit the question.


iOS recommends using PDF as the vector format for custom icons, see this link

Prepare glyphs with a scale factor of @2x and save them as PDFs. Because PDF is a vector format that allows for high-resolution scaling, it's typically sufficient to provide a single @2x version in your app and allow it to scale for other resolutions.

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