What is a CSS data URI converter?
A CSS data URI converter wraps raw Base64 in a url("data:...;base64,...") snippet or extracts raw Base64 from an existing CSS data URI. It is useful for small images and test fixtures.
How to use it
- Choose Base64 to CSS url or CSS url to Base64.
- Paste the raw Base64 or CSS snippet.
- Set the MIME type when creating a new data URI.
Example
Input: iVBORw0KGgoAAAANSUhEUgAA...
Output: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAA...")
Common mistakes
- CSS data URIs can make stylesheets large.
- Use data URIs for small icons, not large photos.
- Raw Base64 needs the correct MIME type to render correctly.
Related tools
- Create image data with Image to Base64.
- Decode image data with Base64 to image.
- Encode stylesheet text with CSS to Base64.
Privacy and security
The conversion is text-only and runs locally in your browser.