Aller au contenu principal
Convertisseurs de fichiers

Convertisseur de fichier en data URL Base64

Lisez les octets exacts d'un fichier local choisi et construisez une data URL copiable avec le type MIME annoncé par le navigateur et une charge Base64 standard. Indispensable pour intégrer images, polices ou petits fichiers binaires dans du CSS, HTML ou JSON sans serveur. Fonctionne entièrement côté client avec FileReader.

Outils Base64

En bref

Convertissez un fichier en data:[mime];base64,… dans la mémoire du navigateur en préservant ses octets, tout en signalant l’augmentation d’environ un tiers et le MIME de repli.

Fonctionnalités prises en charge

  • Tout fichier choisi par le sélecteur du navigateur, lu en octets via FileReader.readAsArrayBuffer.
  • Base64 RFC 4648 créé depuis l’ArrayBuffer exact et non depuis du texte décodé.
  • Data URL RFC 2397 utilisant File.type ou application/octet-stream si le type est absent.
  • Conversion d’un fichier, affichage du nom, gestion d’erreur, revue et copie.
  • Transfert binaire sûr pour petites ressources ; aucune reconstruction ni décodage de fichier.

Comment utiliser Convertisseur de fichier en data URL Base64

Réalisez un flux Convertisseur de fichier en data URL Base64 vérifiable dans ce navigateur.

  1. 1

    Étape 1

    Choisir un fichier local

    Cliquez la zone et sélectionnez le fichier exact à représenter.

  2. 2

    Étape 2

    Confirmer son nom

    Le panneau d’entrée montre le nom une fois FileReader terminé.

  3. 3

    Étape 3

    Inspecter le préfixe

    Vérifiez le type avant la virgule ; un type inconnu devient application/octet-stream.

  4. 4

    Étape 4

    Évaluer la taille

    Base64 produit environ quatre caractères pour trois octets, plus le préfixe.

  5. 5

    Étape 5

    Copier seulement si adapté

    Utilisez la sortie uniquement avec un destinataire acceptant les data URLs et cette taille.

Erreurs fréquentes

Intégrer un gros fichier dans HTML ou JSON

Conséquence: L’expansion et les copies en mémoire gonflent la charge et retardent le rendu.

Correction: Réservez les data URLs aux petites ressources et utilisez une URL de fichier pour le reste.

Prendre File.type pour une validation

Conséquence: Le MIME peut être vide ou déduit du nom et ne prouve pas le contenu.

Correction: Validez la signature du format côté consommateur.

Envoyer une data URL là où seul Base64 est attendu

Conséquence: Le préfixe et la virgule rendent le champ invalide.

Correction: Vérifiez le contrat et ne retirez le préfixe que si la charge seule est demandée.

Bonnes pratiques

  • Estimez la longueur Base64 à partir de la taille source avant intégration.
  • Examinez séparément préfixe MIME et charge.
  • Conservez le binaire original et limitez les data URLs aux petits fichiers.
  • N’inférez jamais sécurité ou authenticité depuis Base64 ou le MIME.

Flux de travail liés

Limites du navigateur

  • Fichier, ArrayBuffer, Base64 et data URL peuvent coexister en mémoire ; cette interface n’impose pas de limite de taille.
  • Le MIME annoncé varie selon système et extension et peut tomber sur application/octet-stream.
  • Le presse-papiers et les systèmes destinataires peuvent limiter la longueur.

Ressources de référence

RFC 4648: Base-N EncodingsÉditeur: RFC Editor · Révisé: 2026-07-26RFC 2397: The data URL schemeÉditeur: RFC Editor · Révisé: 2026-07-26File APIÉditeur: W3C · Révisé: 2026-07-26

Exemples concrets

Entrée
hello.txt contenant les octets 48 65 6c 6c 6f, type text/plain
Résultat
data:text/plain;base64,SGVsbG8=

Les cinq octets ASCII forment Hello ; RFC 4648 donne SGVsbG8= et RFC 2397 ajoute le préfixe text/plain.

Questions fréquentes

La sortie est-elle du Base64 brut ?

Non, c’est une data URL complète avec MIME, marqueur ;base64, et charge.

Images, PDF, ZIP et polices sont-ils acceptés ?

Oui en tant qu’octets, sous réserve de mémoire ; aucun format n’est interprété ni validé.

Pourquoi application/octet-stream ?

Le navigateur n’a fourni aucun type et l’outil utilise le MIME binaire générique.

Pourquoi la sortie est-elle plus grande ?

Base64 code trois octets en quatre caractères, avant le préfixe.

Le fichier est-il téléversé ?

Non, FileReader n’y accède qu’après votre choix explicite et le traite dans l’onglet.

Puis-je recréer un fichier depuis une data URL ?

Non. Le flux est à sens unique ; utilisez un décodeur binaire dédié.

Confidentialité et fonctionnement hors ligne

FileReader lit le fichier choisi dans cet onglet et JavaScript le convertit sans téléversement. Après mise en cache des ressources statiques, l’outil fonctionne hors ligne ; le fichier et la chaîne étendue restent en mémoire volatile jusqu’à effacement ou fermeture.