Qu'est-ce qu'une URL de données ?

Une URL de données est un schéma utilisé pour incorporer des données en ligne dans des documents, formatée comme `data:[mediatype][;base64],data`. Elle est couramment utilisée pour les petites icônes ou les ressources CSS afin de réduire les dépendances externes.

Mes fichiers sont-ils sécurisés ?

Oui. L'encodage et le décodage se produisent entièrement dans la mémoire de votre navigateur. Aucune donnée de fichier n'est envoyée à nos serveurs ou stockée de manière permanente.

Quand dois-je éviter les Data URLs ?

L'encodage Base64 augmente la taille des fichiers d'environ 33 % par rapport aux fichiers binaires. Les fichiers volumineux doivent être conservés comme des ressources distinctes pour éviter de ralentir le rendu des pages et pour permettre la mise en cache par le navigateur.

Comment utiliser la sortie en CSS ?

Copiez la chaîne générée et collez-la dans une fonction `url()`, telle que `background-image: url('data:image/png;base64,...');`. Cela intègre l'image directement dans votre feuille de style.

Encodeurs & Crypto

Convertisseur Data URL

Convertisseur data URL gratuit. Encodez n'importe quel fichier en data URL base64 pour l'intégration en ligne, ou décodez un data URL en fichier. Basé sur le navigateur, sans téléversement.

Runs in your browser

Encode a file

Pick a file

Data URL

Note de la rédaction

Understanding · Files, smuggled into a string.

Ce chapitre approfondi n'est actuellement disponible qu'en anglais. L'outil de conversion ci-dessus fonctionne dans votre langue ; le long article explicatif n'a pas encore été traduit.

Questions fréquentes

Quick answers.

›What is a Data URL?

A Data URL is a scheme used to embed data in-line in documents, formatted as `data:[mediatype][;base64],data`. It is commonly used for small icons or CSS assets to reduce external dependencies.

›Are my files secure?

Yes. The encoding and decoding happen entirely within your browser's memory. No file data is sent to our servers or stored permanently.

›When should I avoid Data URLs?

Base64 encoding increases file size by approximately 33% compared to binary files. Large files should be kept as separate assets to avoid slowing down page renders and to allow for browser caching.

›How do I use the output in CSS?

Copy the generated string and paste it into a `url()` function, such as `background-image: url('data:image/png;base64,...');`. This embeds the image directly within your stylesheet.

Les internautes recherchent aussi

Use with

What people reach for next.

Base64 Encode / Decode
Decode the data URL's payload for inspection.

Outils similaires

More in this room.

Tout voir dans Encodeurs & Crypto