Encode a PNG as Base64 text (Data URI) to embed it directly in CSS, HTML, SVG or JSON without a separate file.
How it works
- Upload the PNG.
- Copy the Base64 or Data URI text.
- Paste it into your code.
Advertisement
Why use it
- Ready to copy.
- Great for tiny icons.
- Client-side.
Frequently asked questions
- When should I use Base64?
- For tiny icons (<2 KB). For larger images use separate files — Base64 grows size by ~33%.