Base64 Image Encode/Decode
Turn images into data URIs and back.
Runs in your browser: what you paste is never uploaded
How to use Base64 Image Encode/Decode
- 1Paste or type your inputUse the box above, or click Sample to try it with an example.
- 2Choose your optionsChoose an image to encode (with ready-made HTML and CSS snippets), or paste Base64 to decode.
- 3Copy the resultCopy it with one click. Nothing is sent anywhere.
About Base64 Image Encode/Decode
Turn an image into a Base64 data URI for HTML, CSS or JSON, or decode a data URI back into a downloadable image.
Frequently asked questions
When should I inline images as Base64?
For small icons, inlining saves a request. Base64 is about a third larger than the file, so link larger images normally.
Which formats are supported?
Any image your browser can open, including PNG, JPG, GIF, WebP, SVG and ICO.
Is what I paste sent anywhere?
No. The tool runs entirely in your browser and never sends what you type or paste to a server.
Is it free?
Yes. It's free, with no sign-up and no limits.
Related tools
- Base64 String Encode/DecodeEncode text to Base64 or decode it back.
- URL Encode/DecodePercent-encode text for URLs, or decode it.
- HTML Entity Encode/DecodeEscape and unescape HTML entities.
- Backslash Escape/UnescapeEscape and unescape backslash sequences.
- JSON FormatterFormat, validate and minify JSON.
- HTML Beautify/MinifyPretty-print or minify HTML.