FR

SVG en Base64

Transformez vos icônes SVG en data URI pour les fonds CSS et le HTML. Choisissez le Base64, ou la forme encodée pour URL, plus courte, qui garde le SVG lisible.

Gratuit et privé. Tout se passe dans votre navigateur, rien n'est envoyé.

Comment ça marche

  1. Ajoutez votre SVGOuvrez le fichier ou déposez-le dans la zone d'entrée. Vous pouvez aussi coller directement du Base64.
  2. Choisissez le résultatChoisissez data URI, Base64, CSS, HTML ou Markdown. L'aperçu et les poids se mettent à jour aussitôt.
  3. Copiez ou téléchargezCopiez le code en un clic, ou téléchargez l'image en fichier.

Base64 ou encodage URL ?

Le SVG est du texte, il n'a donc pas besoin du Base64. Activez l'option d'encodage URL : l'outil garde le SVG en texte, n'encode que les caractères qui le casseraient et vous donne un résultat généralement plus court, qui se compresse mieux.

Le Base64 reste utile quand un système n'accepte que les data URI en Base64 : les deux formes sont donc à un clic.

À propos du format SVG

Le SVG est un format vectoriel en texte. Comme c'est déjà du texte, il peut aussi être intégré sans Base64, ce qui donne souvent un résultat plus court.

À propos du format Base64

Le Base64 écrit des données binaires en texte brut avec des lettres, des chiffres, + et /. Une data URI ajoute le type de fichier devant, par exemple data:image/png;base64, pour que les navigateurs sachent comment l'afficher.

Questions fréquentes

Puis-je changer la couleur de l'icône ensuite ?

Pas avec la propriété CSS color, car le SVG devient une image de fond. Modifiez la couleur de remplissage dans le SVG avant de convertir, ou utilisez la forme encodée pour URL et changez la valeur de couleur dans le texte.

Mon image est-elle envoyée ?

Non. L'image est lue et convertie dans votre navigateur, elle n'est jamais envoyée sur nos serveurs.

Y a-t-il une limite de taille ?

Il n'y a pas de limite fixe, mais les data URI de plus de 100 Ko environ alourdissent les pages et les feuilles de style. Pour les grandes images, un fichier image classique est un meilleur choix.

Puis-je convertir d'autres fichiers, comme des PDF ou des polices ?

Oui. N'importe quel fichier devient une data URI ou du Base64 brut. Les options CSS, HTML et Markdown ne sont proposées que pour les images.

Comment retransformer du Base64 en image ?

Collez le texte Base64 ou la data URI dans la zone d'entrée. L'image s'affiche aussitôt et Télécharger l'enregistre avec la bonne extension de fichier.

Est-ce que ça marche hors ligne ?

Oui. Une fois la page ouverte, elle continue de fonctionner sans connexion Internet.