Does this convert a PNG, or SVG?

SVG only. The sample is a vector picture frame. Upload another .svg if you want a different image encoded.

How do I turn an SVG image into a Base64 string?

Paste or use the sample, then click Copy image Base64. You get raw Base64, not a data URI.

It makes the image intent obvious in preview. The encoding is the same for any SVG graphic.

FAQ

Quick answers

Does this convert a PNG, or SVG?: SVG only. The sample is a vector picture frame. Upload another .svg if you want a different image encoded.
How do I turn an SVG image into a Base64 string?: Paste or use the sample, then click Copy image Base64. You get raw Base64, not a data URI.
Why a picture-frame sample?: It makes the image intent obvious in preview. The encoding is the same for any SVG graphic.
Want a data URI for an image src?: Use SVG Base64 Data URI Image.

Source

Ready

React component

React Native (react-native-svg)

PNG export · 2× for retina

0 B