Get Started
Tools Developer & Encoding Tools Data URI Generator

Data URI Generator – Free Online Tool | Trencada

Developer & Encoding Tools 4.8 Active

11,419
9,706
7,481
Updated Jan 15 Use Tool

Tool Interface

Turn any file into a data URI you can embed directly in HTML and CSS. Upload a file or paste text — the encoding happens entirely in your browser.

Source

Drop a file here or click to browse

Images, fonts, audio, SVG, anything

Or paste text
How it works
  1. Upload a file or paste text, then click Generate.
  2. Leave MIME as "auto" to detect it from the file, or type one yourself.
  3. Copy the data URI into an img src, CSS url() or font-face.
  • Base64 output is about 33% larger than the original file.
  • URL-encoded output is usually smaller for SVG and text — paste it straight into CSS.

100% private — your files never leave your browser.

Rate this tool

SPONSORED

Tool Information

Category Developer & Encoding Tools
Updated Jan 15
Status Active
Rating 4.8
Type Free Tool
9,706 people used this tool
Your Ad Here

You May Also Like

View All

User Agent Parser

Developer & Encoding Tools 3.8

A powerful tool for your daily workflow.

18,883
10,532
1,736
Jun 5 Launch

URL Encoder

Developer & Encoding Tools 4.3

Encode URLs and text online for free. Convert spaces and special characters into URL encoded format quickly and easily.

30,637
12,077
9,011
Sep 1 Launch

JSON to CSV

Developer & Encoding Tools 4.9

Convert JSON files to CSV online. Transform structured JSON data into spreadsheet-friendly CSV format for Excel, Google Sheets, data analysis, and editing.

10,919
13,578
3,041
Dec 14 Launch
Trustpilot