Image to Base64
Convert any image to a Base64 data URI you can paste into HTML or CSS, right in your browser. Your image never leaves your device.
Base64 preserves all metadata in the original file, including GPS data. Check before sharing.
Inline images as text
Pick an image and get four ready-to-paste formats: data URI, pure Base64, CSS background and HTML img tag. Use whichever fits your workflow.
FAQ
What is a Base64 data URI?
A way to embed an image directly in HTML or CSS as text (data:image/png;base64,…), so no separate file request is needed.
What output formats are available?
Data URI (full data URL), pure Base64 (no prefix), CSS background-image, and an HTML img tag. Select a tab to build only the wrapper you need.
When should I inline images?
For tiny icons or logos it can save requests. For larger images it bloats your HTML/CSS and is usually best left as a normal file.
Is my image uploaded?
No. The conversion happens in your browser with the FileReader API; the image never leaves your device.
Last updated: