Encodeur SVG en Base64

Convertissez des images vectorielles SVG au format encodé en Base64, avec prise en charge du traitement par lots, pour une intégration directe dans HTML et CSS.

Signaler un bug

Mode d’exécution du navigateur: Vos données sont traitées dans votre navigateur et ne sont pas envoyées au serveur.

Vitesse et stabilité: La vitesse de traitement dépend de votre appareil et de votre navigateur. Pour les gros lots, la version de bureau peut être plus stable.

Chargement de l’outil, veuillez patienter...

Si l’outil en ligne ne se charge pas ou ne fonctionne pas, essayez l’outil de bureau. https://tools.yikeaigc.com/

Utilisation de l’outil

Retour à l’ancienne version

Définissez les paramètres, puis importez le SVG. Étape 3 : convertir et télécharger. En lot, seuls les 20 premiers aperçus s’affichent, mais toute la file sera traitée.

1Paramètres de sortie

Confirmez le type de code de sortie et le nommage avant l’import.

Format de sortie

Retour ligne long texte

Nom du fichier ZIP

Texte alt de la balise img

Sélecteur CSS

Taille d’aperçu

Ajouter xmlns si absent
Améliore la compatibilité du SVG chargé comme image. Supprimer la déclaration XML
Réduit la taille et évite certains problèmes de modèles. Compression SVG de base
Supprime commentaires et espaces entre balises, sans modifier le graphique. Afficher l’aperçu
Aperçu en image après conversion pour éviter d’exécuter le SVG.

Définissez d’abord le format de sortie, puis traitez les fichiers.

2Importer

Sélectionnez un fichier SVG ou collez un seul code source SVG. Les fichiers ne sont pas envoyés au serveur.

Cliquez pour choisir un fichier SVG, ou déposez-le ici Sélection unique ou multiple de fichiers .svg. Seuls les 20 premiers sont affichés pour vérification.

Code source SVG

3Importer l’aperçu

Importez d’abord du contenu SVG.

4Conversion et téléchargement

Après traitement, copiez le résultat, téléchargez un fichier ou exportez les résultats en lot en ZIP.

À traiter0

Succès0

Échec0

Taille des résultats0 KB

Vérifiez que les deux premières étapes sont terminées, puis cliquez sur Démarrer la conversion.

5Aperçu des résultats et actions

Les résultats s’afficheront ici après la conversion.

Instructions

Instructions d’utilisation du logiciel

Définir les paramètres de conversion : sélectionnez d’abord le format de sortie ; vous pouvez générer un Data URI, une chaîne Base64 brute, une balise HTML img, une propriété CSS background ou du code d’icône CSS mask.
Configurer les options de traitement :
- Retour à la ligne des textes longs : vous pouvez choisir de ne pas insérer de retour à la ligne, ou d’en insérer tous les 76, 120 ou 160 caractères.
- Ajout automatique de xmlns : ajoute automatiquement l’attribut xmlns lorsque le nœud racine du SVG ne le contient pas, afin de faciliter l’affichage comme ressource image.
- Supprimer la déclaration XML : supprime la déclaration XML au début du SVG afin de réduire les anomalies d’analyse des modèles.
- Compression de base : supprime les commentaires et les espaces entre les balises afin de raccourcir le contenu de sortie.
Importer du contenu SVG : vous pouvez sélectionner un ou plusieurs fichiers SVG, ou passer en mode collage du code source pour saisir directement le code SVG. Pour les fichiers en lot, seuls les 20 premiers sont affichés pour vérification ; les autres fichiers seront traités en même temps.
Utiliser les données d’exemple : cliquez sur « Charger un exemple SVG » ou « Insérer le code source d’exemple » pour visualiser rapidement le résultat de la conversion.
Lancer la conversion : après être passé à l’étape « Conversion et téléchargement », cliquez sur « Lancer la conversion » ; l’outil générera le Base64 ou le code intégré correspondant.
Copier et télécharger : une fois la conversion terminée, vous pouvez copier un résultat individuel, télécharger un fichier texte individuel, copier tous les résultats, télécharger un TXT récapitulatif ; les résultats en lot peuvent être téléchargés dans une archive ZIP.
Enregistrer les paramètres : les formats de sortie courants, le nom du fichier ZIP, le texte alt, les sélecteurs CSS et les options de traitement peuvent être enregistrés et réutilisés à la prochaine ouverture.

Questions fréquentes

R : Elle permet de convertir des icônes SVG ou des images vectorielles en texte, afin de les intégrer dans du HTML, du CSS, des fichiers de configuration ou des pages en fichier unique, et de réduire les références à des ressources externes.

R : Un Data URI contient le préfixe data:image/svg+xml;base64, et peut être utilisé directement comme adresse d’image ; le Base64 brut ne contient que le corps encodé et convient aux cas où le programme ajoute lui-même le préfixe.

R : Il peut être utilisé dans une balise img HTML, la propriété CSS background-image, une icône CSS mask, une configuration de style, un exemple de composant ou un extrait de code de documentation.

R : Lorsque certains SVG ne contiennent pas xmlns, ils peuvent s’afficher anormalement s’ils sont chargés comme images Data URI. Ajouter xmlns="http://www.w3.org/2000/svg" permet d’améliorer la compatibilité.

R : Non. Base64 ne fait que modifier la façon dont les données sont représentées, sans modifier le contenu vectoriel du SVG ; il conserve donc ses caractéristiques vectorielles lors de la mise à l’échelle.

R : Le fichier de résultat reprend le nom principal du fichier SVG d’origine et génère un fichier txt, css ou html selon le format de sortie ; en cas de nom identique, un numéro est automatiquement ajouté pour les distinguer.

R : Les causes courantes incluent un code SVG incomplet, des références à des ressources externes, des balises non standard ou des dépendances de style. Il est recommandé de réexporter d’abord un SVG conforme depuis le logiciel de conception, puis de le convertir.