Generate a complete image Data URI with its MIME type for HTML or CSS. Images stay in your browser.
Choose a supported source image, or begin with the text template when the tool provides one.
Create a complete data:image/...;base64 URI with the correct source MIME type. The output can be embedded in an HTML image or used in a CSS url() value. No file upload is required.
Inspect the complete preview and output settings. Download the finished asset, keeping the original available for comparison.
About this tool
Generate a complete image Data URI with its MIME type for HTML or CSS. Images stay in your browser.
Create a complete data:image/...;base64 URI with the correct source MIME type. The output can be embedded in an HTML image or used in a CSS url() value. No file upload is required.
Choose a supported source image, or begin with the text template when the tool provides one. Create a complete data:image/...;base64 URI with the correct source MIME type. The output can be embedded in an HTML image or used in a CSS url() value. No file upload is required.
A Data URI includes a data: prefix, MIME type and encoding marker. A raw Base64 string contains only encoded bytes; applications may require one format or the other.
Image processing happens in your browser. Download the result before closing the tab. The tool does not overwrite your original file.
Accepted inputs: JPG, PNG, WebP, AVIF, GIF. Available outputs: TXT. Browser decoding support and the selected output settings determine which source files can be processed.
No account is needed for this tool. You can review the output before saving it to your device.
