Convertisseur Texte en SVG

L'outil propose une sélection de Google Fonts populaires chargées au moment du rendu, couvrant les styles sans-serif, serif, monospace et display. Les choix courants incluent Roboto, Inter, Open Sans, Montserrat, Lato, ainsi que des polices display comme Anton et Oswald. Les polices s'affichent dans l'aperçu via Google Fonts et sont intégrées dans la sortie SVG afin que la bonne police apparaisse même sur les systèmes qui ne l'ont pas installée localement.

Oui. La section Icon vous permet d'ajouter des icônes intégrées : Email, Phone, Location, Web, User, Star, et Heart. Choisissez de placer l'icône à gauche ou à droite de votre texte, et ajustez la taille de l'icône indépendamment. L'icône et le texte sont combinés dans un seul élément SVG, ce qui facilite la création de badges de contact professionnels ou de graphiques étiquetés sans outil de conception.

SVG (code XML brut), composant React JSX (prêt à être collé dans un projet React), composant SVG React Native, image matricielle PNG (avec une échelle configurable pour la sortie retina), et Data URI Base64 (le SVG encodé en tant que URL de données pour une insertion directe dans un src d'image HTML ou une background-image CSS). Copiez n'importe quel format dans le presse-papiers ou téléchargez le fichier selon votre flux de travail.

Une Data URI encode le SVG sous forme de chaîne Base64 et l'intègre directement comme une URL. Au lieu de référencer un fichier externe (src="logo.svg"), vous utilisez src="data:image/svg+xml;base64,...". Cela élimine une requête HTTP et fonctionne dans les environnements où l'hébergement de fichiers externes n'est pas disponible — HTML d'e-mail (certains clients), fichiers HTML partagés localement ou valeurs de background-image CSS. L'inconvénient est que la chaîne encodée est plus grande que le fichier SVG brut.

Oui. Le bouton Download PNG rasterise le SVG sur un Canvas à l'échelle configurée et le télécharge comme un fichier PNG. Utilisez l'échelle 1x pour les écrans standard et 2x ou plus pour les écrans retina/haute résolution (high-DPI). Le PNG est utile lorsque la destination ne prend pas en charge le SVG — images de profil sur les réseaux sociaux, clients d'e-mail acceptant uniquement des images, ou applications n'acceptant que les formats matriciels.

Cochez la case "Transparent" sous Background Color. Avec la transparence activée, l'attribut d'arrière-plan SVG est supprimé et l'export PNG utilise un arrière-plan transparent. Ceci est essentiel pour les logos et badges qui doivent se superposer sur différents arrière-plans colorés sans avoir de boîte blanche autour d'eux.

Non. Toute la génération, le rendu et l'exportation du SVG se produisent dans votre navigateur. Les fichiers de polices sont récupérés depuis le CDN de Google Fonts dans le cadre d'un chargement normal de polices, mais votre contenu textuel réel ne quitte jamais votre appareil. Aucune donnée n'est envoyée à un serveur backend et rien n'est stocké.