TASK

Encode a file into a Data URI for inline embedding

Convert a small image, font, or file into a data: URI so it can be embedded directly in HTML, CSS, or Markdown without a separate HTTP request.

1

A Data URI (data:[<mime>][;base64],<data>) embeds file contents directly in a URL. Browsers render it inline without a network request — useful for small icons, fonts, and sprites in HTML/CSS.
2

Base64 Encoder →
Upload or paste the file bytes. The tool outputs the Base64 string with no line breaks.
3

Base64 Image Preview →
If the file is an image, preview it here to confirm the Base64 renders correctly before embedding.
4

MIME Types Reference →
Look up the correct MIME type for your file (e.g. image/png, font/woff2, text/css) to prefix the data URI.
5

Assemble the URI: data:<mime>;base64,<base64>. Paste it into <img src="..."> or url("...") in CSS. Keep Data URIs under ~32 KiB — larger ones hurt parse performance and some browsers impose limits.

Frequently asked questions

When should I use a Data URI vs a regular file?: Use Data URIs for small, infrequently-changed assets (icons, tiny sprites) where eliminating an HTTP request outweighs the ~33% size overhead of Base64. For large files or frequently-changed assets, serve them as separate files with cache headers.
Why does my Data URI not render?: Common causes: missing or wrong MIME type, missing ;base64 flag for binary data, or line breaks in the Base64 string. The Base64 must be a single unbroken line.

Workflows that solve this

Convert Ascii85 to Base64

Decode Ascii85 and re-encode as Base64 for wider compatibility.

Convert Base2048 to Base64

Decode Base2048 (emoji) and re-encode as Base64 for standard transport.

Convert Base32 to Base64

Decode a Base32-encoded string into raw bytes and re-encode as Base64 for more compact representation.

Convert Base58 to Base64

Decode Base58 and re-encode as Base64 for standard compatibility.

Base64 encode then decode round-trip

Encode text to Base64 and decode it back to verify the round-trip preserves the original data.

Blowfish Encrypt then Base64

Blowfish encrypt then Base64-encode for text-safe transport.

DES Encrypt then Base64

DES encrypt then Base64-encode for legacy compatibility.

Encode a JSON payload for URL transport

Prepare a JSON document for a URL parameter: pretty-print, Base64-encode, then percent-encode — the exact inverse of the nested-parameter decode chain.

AES encrypt then Base64 encode

Encrypt plaintext with AES and encode the ciphertext as Base64 for text-safe transport.

Hash content and encode as Base64

Compute a hash of the input and encode the hash digest as Base64 for compact transport.

Convert Hex to Base64

Decode a hexadecimal string into raw bytes and re-encode it as Base64 for compact transport.

HMAC Sign then Base64 Encode

Generate HMAC signature then Base64-encode for API auth headers.

Morse Encode and Base64 Transport

Encode text as Morse code then Base64-encode for digital transport.

RC4 Encrypt then Base64

RC4 encrypt then Base64-encode for transport.

RIPEMD-160 Hash then Base64

Compute RIPEMD-160 hash then Base64-encode for transport.

Shuffle Text and Base64 Encode

Shuffle text characters then Base64-encode the result.

Unicode Escape and Base64 Encode

Unicode-escape text then Base64-encode for ASCII-safe transport.

URL Encode then Base64 Double Encode

URL-encode then Base64-encode for double encoding in API payloads.

UUencode then Base64

UUencode text then Base64-encode the result for double encoding.

Generate UUID and Base64 Encode

Generate a UUID then Base64-encode it for compact storage.

Learn more

Want to understand why?

Base64 vs Base32 vs Base58

Compare three popular base-encoding schemes and learn when to choose each one.

Base64: how it works and when to use it

The byte-to-character mechanics behind Base64, why padding exists, which alphabet variants you will meet, and the boundaries where Base64 is the wrong tool.

Base128 maps binary data onto 128 ASCII characters, carrying 7 bits of payload per byte for an expansion of about 8/7.

Base64 maps arbitrary binary data onto 64 printable ASCII characters (A-Z, a-z, 0-9, +, /) so that binary data can travel over text-only channels.

Related tools

Encode text or binary data to Base64 online. Free, private, and 100% client-side.

Base64 Image Preview

Preview Base64 image and show metadata. Free, private, 100% client-side.

Decode Base64 data URL to downloadable file. Free, private, 100% client-side.

MIME Types Reference

Reference table of common MIME types mapped to file extensions with descriptions. Free, private, and 100% client-side.