Aller au contenu
uencoder

Coder a file into a Data URI for inline embedding

Convertir 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. 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. 2
    Encodeur Base64 →

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

  3. 3
    Aperçu d'image Base64 →

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

  4. 4
    Référence des types MIME →

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

  5. 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.

Questions fréquentes

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 résolvant cette tâche

Convertir Ascii85 en Base64
Décoder Ascii85 et recoder en Base64 pour une meilleure compatibilité.
PIPELINE
Convertir Base2048 en Base64
Décoder Base2048 (emoji) et recoder en Base64 pour un transport standard.
PIPELINE
Convertir Base32 en Base64
Décoder une chaîne codée en Base32 en bytes et recoder en Base64 pour une représentation plus compacte.
PIPELINE
Convertir Base58 en Base64
Décoder Base58 et recoder en Base64 pour une compatibilité standard.
PIPELINE
Coder en Base64 puis décoder pour vérifier l'aller-retour
Coder le texte en Base64 et le décoder pour vérifier que l'aller-retour préserve les données originales.
PIPELINE
Blowfish chiffrer puis Base64
Chiffrer avec Blowfish puis coder en Base64 pour un transport textuel sûr.
PIPELINE
DES chiffrer puis Base64
Chiffrer avec DES puis coder en Base64 pour compatibilité legacy.
PIPELINE
Coder une charge utile JSON pour transport URL
Préparer un Document JSON pour un Paramètre URL: embellir, Coder en Base64, puis encodage pourcent — le inverse exacte de le chaîne de décodage de paramètres imbriqués.
PIPELINE
AES chiffrer puis coder en Base64
Chiffrer le texte clair avec AES et coder le texte chiffré en Base64 pour un transport textuel sûr.
PIPELINE
Hacher le contenu et coder en Base64
Calculer un hachage de l'entrée et coder le condensat en Base64 pour un transport compact.
PIPELINE
Convertir Hex en Base64
Décoder une chaîne Hex en bytes et la recoder en Base64 pour un transport compact.
PIPELINE
Signer HMAC puis coder en Base64
Générer une signature HMAC puis coder en Base64 pour les en-têtes d'authentification API.
PIPELINE
Coder Morse et transport Base64
Coder le texte en code Morse puis coder en Base64 pour le transport numérique.
PIPELINE
RC4 chiffrer puis Base64
Chiffrer avec RC4 puis coder en Base64 pour transport.
PIPELINE
Hacher RIPEMD-160 puis Base64
Calculer le hash RIPEMD-160 puis coder en Base64 pour transport.
PIPELINE
Mélanger le texte et coder Base64
Mélanger les caractères du texte puis coder en Base64 le résultat.
PIPELINE
Echapper Unicode et coder Base64
Echapper le texte Unicode puis coder en Base64 pour un transport ASCII-safe.
PIPELINE
Coder URL puis double Base64
Coder URL puis coder en Base64 pour un double encodage dans les charges utiles API.
PIPELINE
UUencode puis Base64
Coder le texte en UUencode puis coder en Base64 le resultat pour un double encodage.
PIPELINE
Generer UUID et coder Base64
Generer un UUID et le coder en Base64 pour un stockage compact.
PIPELINE

Outils associés

Encodeur Base64
Encode text or binary data to Base64 online. Gratuit, privé et 100% côté client.
OUTIL
Aperçu d'image Base64
Preview Base64 image and show metadata. Gratuit, privé, 100% côté client.
OUTIL
De Base64 à fichier
Decode Base64 data URL to downloadable file. Gratuit, privé, 100% côté client.
OUTIL
Référence des types MIME
Reference table of common MIME types mapped to file extensions with descriptions. Gratuit, privé et 100% côté client.
OUTIL