Why 1024px for SVG illustration to PNG?

Scenes need more pixels than icons. 1024 is a typical blog/hero still. Use High Resolution if you need 4× the viewBox instead.

Will tiny details survive 1024px?

Yes if they exist in the vector. You are not photographing a small preview.

Email clients prefer ~600px wide. Use SVG to PNG for Email for that width.

They flatten into pixels in the PNG. Keep the SVG if you still need vectors.

FAQ

Quick answers

Why 1024px for SVG illustration to PNG?: Scenes need more pixels than icons. 1024 is a typical blog/hero still. Use High Resolution if you need 4× the viewBox instead.
Will tiny details survive 1024px?: Yes if they exist in the vector. You are not photographing a small preview.
Is illustration PNG good for email?: Email clients prefer ~600px wide. Use SVG to PNG for Email for that width.
Does export flatten gradients?: They flatten into pixels in the PNG. Keep the SVG if you still need vectors.

Source

Ready

React component

React Native (react-native-svg)

PNG export · 2× for retina

0 B