Image to Base64

FAQ

What is a data URI?+

A data URI embeds the image inline, for example data:image/png;base64,... You can paste it into an img src or CSS background without hosting the file.

What file types are supported?+

PNG, JPEG, GIF, WebP, BMP, and SVG (SVG max 1MB, and scripted SVG is blocked). Other images are limited to 10MB.

Is the image uploaded?+

No. The file is read locally with FileReader. Preview object URLs are revoked when you reset or leave the page.

What are the file size limits?+

Most raster images are limited to 10 MB. SVG uploads are capped at 1 MB and scanned for script content before encoding.

Should I copy raw Base64 or a data URI?+

Raw Base64 is typical for APIs and JSON fields. Toggle data URI mode when you need a single string for an img src or CSS url() without hosting the file.