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). For 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.


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.

| improve this answer | |

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