Data URI Generator
Generate Data URIs from text or files for embedding in HTML and CSS
Usage Examples
CSS Background
background-image: url(data:image/png;base64,...); HTML Image
<img src="data:image/png;base64,..." alt="embedded" /> HTML Stylesheet
<link href="data:text/css;base64,..." rel="stylesheet" /> Ctrl+Enter to runCtrl+Shift+C to copy
Learn More
Data URI Generator: Embed Files Inline as Base64
Data URIs let you embed file content directly in URLs. Learn when inline encoding improves performance and how to create them.
What Are Data URIs?
A data URI (Uniform Resource Identifier) is a scheme that allows you to embed file content directly in a URL string instead of linking to an external file. Defined by RFC 2397, data URIs encode the content inline using the format data:[mediatype][;base64],data. This eliminates the need for a separate HTTP request to fetch the resource.
5 min readRead full guide