What scale is SVG to retina PNG online?

3× the viewBox — the common @3x asset. Use 2× Scale for @2x and High Resolution for 4×.

Why not always export 4× for retina?

4× files are heavier than phones need. @3x matches modern iPhone asset catalogs.

Yes. The canvas is cleared first.

It only strips root width/height. Geometry is unchanged.

FAQ

Quick answers

What scale is SVG to retina PNG online?: 3× the viewBox — the common @3x asset. Use 2× Scale for @2x and High Resolution for 4×.
Why not always export 4× for retina?: 4× files are heavier than phones need. @3x matches modern iPhone asset catalogs.
Is the retina PNG transparent?: Yes. The canvas is cleared first.
Does retina export change the SVG source?: It only strips root width/height. Geometry is unchanged.

Source

Ready

React component

React Native (react-native-svg)

PNG export · 2× for retina

0 B