Data URL Encoder
Convertir les fichiers en Data URLs Base64 pour l'intégration dans HTML et CSS.
À propos de cet outil
Une Data URL est un format d'URL particulier qui encode le contenu d'un fichier directement dans une chaîne d'URL, ce qui vous permet d'intégrer des images, des polices et d'autres ressources en ligne dans votre HTML et CSS sans requêtes HTTP séparées. Cet outil convertit n'importe quel fichier en une Data URL codée en Base64, ce qui est utile pour réduire les requêtes serveur, améliorer les temps de chargement des pages pour les petits actifs, et simplifier le déploiement quand vous avez besoin d'un balisage autonome.
Pour utiliser l'outil, il vous suffit de charger un fichier ou de coller son contenu, et l'encodeur génère instantanément une Data URL que vous pouvez copier et coller directement dans votre propriété CSS background-image, dans un attribut HTML img src, ou dans d'autres contextes d'intégration. L'outil détecte automatiquement le type de fichier et définit le type MIME correct dans la Data URL, afin que votre navigateur sache comment interpréter le contenu intégré.
Les Data URL fonctionnent mieux pour les petits fichiers, généralement moins de 100 Ko, car l'intégration de fichiers volumineux peut gonfler votre HTML et CSS. Elles sont particulièrement précieuses pour les développeurs web optimisant les performances, les concepteurs intégrant des polices personnalisées, et les équipes construisant des modèles d'email ou des applications hors ligne où les requêtes d'actifs externes ne sont pas pratiques.
Questions Fréquentes
Implémentation du Code
import base64
import mimetypes
from pathlib import Path
def file_to_data_url(filepath: str) -> str:
"""Convert a file to a base64 Data URL."""
path = Path(filepath)
mime_type, _ = mimetypes.guess_type(filepath)
if mime_type is None:
mime_type = "application/octet-stream"
with open(path, "rb") as f:
data = f.read()
encoded = base64.b64encode(data).decode("utf-8")
return f"data:{mime_type};base64,{encoded}"
# Example usage
url = file_to_data_url("image.png")
print(url[:80] + "...")
print(f"Total length: {len(url)} chars")
# Embed in HTML
html = f'<img src="{url}" alt="Embedded image">'Comments & Feedback
Comments are powered by Giscus. Sign in with GitHub to leave a comment.