MoreOnlineTools
ESC

Convertitore Testo in SVG

Converti il tuo testo in grafica vettoriale SVG scalabile con font, colori e icone personalizzati

Inserisci il testo per generare l'SVG

Esempi di utilizzo

Badge con nome

Crea un badge con nome in grassetto con il font Anton e colore blu per il branding personale.

Firma e-mail

Genera un indirizzo e-mail con icona busta per firme e-mail professionali.

Etichetta sito web

Crea un'etichetta URL del sito web con icona globo in verde per il branding del sito.

Funzionalita

Font personalizzati

Scegli tra diverse famiglie di font con opzioni di dimensione, spessore e stile

Controllo completo dei colori

Personalizza il colore del testo e dello sfondo con supporto alla trasparenza

Icone integrate

Aggiungi icone e-mail, telefono, posizione, web e altre al tuo SVG

Formati di esportazione multipli

Esporta come SVG, React, React Native, PNG o Data URI

Come si usa?

1

Inserisci il testo

Digita o incolla il tuo testo nel campo di inserimento.

2

Personalizza lo stile

Scegli il font, la dimensione, il colore e aggiungi opzionalmente un'icona.

3

Anteprima

Visualizza l'anteprima SVG dal vivo aggiornata in tempo reale.

4

Esporta

Copia il codice o scaricalo nel formato che preferisci.

Domande frequenti

SVG (Scalable Vector Graphics) è un formato basato su XML che definisce le immagini come forme matematiche piuttosto che pixel. Il testo in un file SVG viene renderizzato a qualsiasi dimensione richiesta dal browser o dallo schermo — zoomando al 400% rimane perfettamente nitido. Un PNG diventerebbe sfocato o pixelato allo stesso livello di zoom. Questo rende l'SVG ideale per loghi, badge, icone e grafiche per firme email che appaiono su diverse dimensioni e risoluzioni di schermo.

Lo strumento offre una selezione di popolari Google Fonts caricati al momento del rendering, coprendo stili sans-serif, serif, monospace e display. Le opzioni comuni includono Roboto, Inter, Open Sans, Montserrat, Lato e font display come Anton e Oswald. I font vengono renderizzati nell'anteprima tramite Google Fonts e incorporati nell'output SVG, in modo che il font corretto appaia anche su sistemi che non lo hanno installato localmente.

Sì. La sezione Icone ti permette di aggiungere icone integrate: Email, Telefono, Posizione, Web, Utente, Stella e Cuore. Scegli se posizionare l'icona a sinistra o a destra del tuo testo e regola la dimensione dell'icona indipendentemente. L'icona e il testo vengono combinati in un unico elemento SVG, rendendo facile creare badge di contatto professionali o grafiche etichettate senza uno strumento di design.

SVG (codice XML grezzo), componente React JSX (pronta per essere incollata in un progetto React), componente SVG React Native, immagine raster PNG (con scala configurabile per output retina), e Data URI Base64 (l'SVG codificato come data: URL per l'inserimento diretto in un img src di HTML o CSS background-image). Copia qualsiasi formato negli appunti o scarica il file a seconda del tuo flusso di lavoro.

Un Data URI codifica l'SVG come una stringa base64 e lo incorpora direttamente come URL. Invece di fare riferimento a un file esterno (src="logo.svg"), usi src="data:image/svg+xml;base64,...". Questo elimina una richiesta HTTP e funziona in ambienti dove l'hosting di file esterni non è disponibile — HTML email (alcuni client), file HTML condivisi localmente o valori CSS background-image. Lo svantaggio è che la stringa codificata è più grande del file SVG grezzo.

Sì. Il pulsante Download PNG rasterizza l'SVG su un canvas alla scala configurata e lo scarica come file PNG. Usa Scale 1x per schermi standard e 2x o superiore per schermi retina/high-DPI. Il formato PNG è utile quando la destinazione non supporta SVG — immagini profilo sui social media, client email che accettano solo immagini o app che accettano solo formati raster.

Attiva la casella "Transparent" sotto Background Color. Con la trasparenza abilitata, l'attributo di sfondo dell'SVG viene rimosso e l'esportazione PNG utilizza uno sfondo trasparente. Questo è essenziale per loghi e badge che devono apparire sopra sfondi di colori diversi senza un riquadro bianco intorno.

No. Tutta la generazione, il rendering e l'esportazione degli SVG avvengono nel tuo browser. I file font vengono recuperati dal Google Fonts CDN come parte del normale caricamento dei font, ma il tuo contenuto testuale effettivo non lascia mai il tuo dispositivo. Nessun dato viene inviato a un server backend e nulla viene archiviato.

Cos'è Text to SVG?

Scrivi del testo, scegli font e colore, ottieni una grafica vettoriale scalabile. Per loghi, badge, firme email e ovunque il testo debba apparire nitido a ogni dimensione.

Opzioni di Esportazione

Esporta come codice SVG, componente React JSX, React Native, immagine PNG con scala configurabile o Base64 Data URI per incorporamento HTML/CSS.

Casi d'Uso

Creare loghi veloci, generare badge per README GitHub, grafiche per firme email o icone testuali per app web.

Suggerimenti

Prova diverse famiglie di font e pesi. Aggiungi icone integrate come email, telefono o web per design completi.

Privacy

Tutto il rendering avviene nel browser. Nulla viene caricato o registrato.

Sicurezza e Privacy

La sicurezza dei vostri dati è la nostra priorità

Elaborazione Locale

Tutta l'elaborazione avviene nel vostro browser

Nessun Trasferimento Dati

I vostri dati non vengono inviati ai nostri server

Nessun Archiviazione Dati

Nessun dato viene memorizzato o condiviso

Crittografia SSL

Crittografia SSL per connessione sicura

Strumenti correlati

URL Shortener

Converti formati dati e timestamp in secondi.

Convertitore CSV in JSON

Converti i dati CSV in formato JSON con rilevamento automatico

Convertitore HTML in Markdown

Converti il codice HTML in formato Markdown pulito con analisi DOM

Convertitore Binario-Testo

Convertire tra binario e testo (ASCII/UTF-8)

Convertitore YAML in JSON

Converti i file di configurazione YAML in formato JSON

Convertitore HEX a RGB

Convertire tra formati colore HEX, RGB e HSL

Anche su MoreOnlineTools

Strumenti Online Gratuiti

109 strumenti per testo, immagini, sicurezza e sviluppo

Sfoglia Tutti gli Strumenti →
Cheat Sheet per Sviluppatori

Riferimento rapido per Regex, Git, codici HTTP, CSS, Markdown e altro

Sfoglia i Cheat Sheet →
Calcolatrici Online

BMI, prestito, percentuale, mancia, età e altre calcolatrici pratiche

Sfoglia le Calcolatrici →
Raccolte di Strumenti

Workflow curati: sviluppo API, pipeline immagini, audit sicurezza e altro

Sfoglia le Raccolte →