Data URL Generator

The Data URL Generator is a free browser-based tool that instantly creates data URLs (data URIs) from text input or uploaded files in multiple output formats. Data URLs let you embed resources directly in HTML, CSS, or JavaScript without additional HTTP requests, which can improve page load performance for small assets.

In text mode, you can type or paste any string and convert it to a data URL with a configurable MIME type such as text/plain, text/html, or application/json. In file mode, simply drag and drop any file — images, audio, PDFs, fonts, and more — to get a base64-encoded data URL. The tool displays the detected MIME type, the original byte size, and the total character length of the generated data URL so you can judge whether the asset is small enough for inline embedding.

Choose from four output formats: Raw (data: URL as-is), HTML img tag format, CSS background-image format, and JSON structure. For SVG files, Raw format with base64 encoding is recommended for optimal performance (approximately 50% smaller than plain text embedding).

All processing happens entirely within your browser; no files or text are ever uploaded to an external server. A one-click copy button lets you quickly paste the result into your code, configuration files, or email templates. Whether you are a front-end developer optimizing asset delivery or a general user who needs to convert a small file into an embeddable format, this tool provides a straightforward, privacy-safe workflow.