IMG.DIY / Extra / Da immagine a SVG

Da immagine a SVG

Trasforma un logo piatto, un'icona o un disegno a linee in un SVG scalabile — tracciato in locale nel tuo browser.

Da immagine a SVG visual example
Prima la privacy: niente viene caricato.

From input to result

Choose a file, make the change, and download the result. Processing stays in your browser.

Da immagine a SVG: 1 · Choose input
1 · Choose input
Da immagine a SVG: 2 · Adjust and process
2 · Adjust and process
Da immagine a SVG: 3 · Download result
3 · Download result

Hai un logo o un'icona che esiste solo come un piccolo PNG e ti serve nitido a qualsiasi dimensione? Questo strumento traccia l'immagine in un SVG — un vettoriale fatto di forme e tracciati che si ridimensiona a qualsiasi dimensione senza diventare sfocato. Scegli uno stile dal piatto al dettagliato e scarica l'SVG.

La tracciatura gira nel tuo browser con il motore imagetracer, quindi nulla viene caricato. Ma siamo onesti sui limiti: dà il meglio su loghi piatti, icone e line art. Anche le fotografie si possono tracciare, ma producono file enormi e informi: per le foto ti serve un formato raster, non l'SVG.

Come si usa

  1. Aggiungi un'immagineTrascina un logo, un'icona o uno schizzo PNG o JPG.
  2. Scegli uno stilePiatto/logo, dettagliato, posterizzato o bianco e nero: l'anteprima si aggiorna in tempo reale.
  3. Scarica l'SVGSalva il vettoriale, pronto a scalare a qualsiasi dimensione.

Questo strumento traccia un'immagine raster — un PNG o un JPG — in un SVG vettoriale, direttamente nel tuo browser. Legge l'immagine da un canvas sulla tua stessa macchina e usa il motore imagetracer per trovare le forme al suo interno, disegnando percorsi vettoriali attorno a ogni regione di colore. Lo scopo di arrivarci è che un SVG è fatto di geometria, non di pixel, quindi resta perfettamente nitido che sia una favicon o un cartellone, mentre un PNG si sfoca nel momento in cui lo ingrandisci. Trascini dentro un'immagine, scegli uno stile predefinito, confronti l'anteprima prima/dopo e scarichi l'SVG.

È davvero bravo con input piatti e dai bordi puliti: loghi, icone, illustrazioni semplici, disegni a tratto, lettering a mano. Questi hanno una tavolozza ristretta e bordi definiti, che è esattamente ciò che un tracciatore legge bene, quindi ottieni un SVG ordinato e modificabile con una manciata di forme. Le preimpostazioni orientano il risultato — Piatto/logo tiene bassi i colori, Dettagliato ne consente di più, Posterizzato divide l'immagine in fasce di tinte piatte decise, Bianco e nero la riduce a due tonalità. Tutto avviene localmente: nulla viene caricato, non c'è account, e continua a funzionare offline una volta caricato. Questa è vera tracciatura, non un ridisegno con AI — segue i tuoi pixel invece di inventare un'immagine più pulita.

Per cosa lo usano le persone

Trasformare un logo PNG piatto in un SVG che resta nitido dalla favicon al cartellone

Vettorizzare un'icona semplice o un disegno a tratto così da poterlo ricolorare in seguito

Convertire un lettering a mano o il contorno di una firma in una forma vettoriale modificabile

Tracciare un marchio a due o tre colori per la stampa, dove i bordi netti contano a qualsiasi dimensione

Portare un'illustrazione in SVG così che scali in modo pulito su schermi ad alta risoluzione

Ricostruire un logo piccolo e sfocato come percorsi vettoriali che puoi ripulire in un editor

La differenza tra la foto di una forma e la forma stessa

Un PNG o JPG è una griglia di pixel. Ingrandiscilo oltre la sua dimensione nativa e la griglia si vede: i bordi diventano scalini, un logo nitido si ammorbidisce, e non c'è nulla che il browser possa fare perché il dettaglio non c'è mai stato. Un SVG memorizza qualcosa di completamente diverso — la geometria vera. Un cerchio è descritto come un cerchio, una curva come un percorso, un riempimento come un colore. Poiché le forme sono matematica, non pixel, si ridisegnano nitide a qualsiasi dimensione. Ecco perché un logo che pensi di mettere su un biglietto da visita, un cartellone e una favicon vuole davvero essere un SVG: un file, nessuna sfocatura, a ogni scala.

Questo strumento converte un'immagine raster in quel tipo di file vettoriale, e fa il tutto nel tuo browser. Scegli un PNG o JPG, traccia le forme con il motore imagetracer, e ottieni un SVG. L'immagine è letta da un canvas sulla tua macchina — nulla viene caricato, non c'è nessun account, e una volta che la pagina è caricata continua a funzionare con la rete spenta. La foto che trascini dentro non lascia mai il tuo dispositivo.

In cosa è davvero bravo

Il tracciamento brilla quando l'input è piatto e a bordi netti: un logo, un'icona, un'illustrazione semplice, una line art, un pezzo di lettering a mano. Questi hanno un piccolo numero di colori pieni e confini definiti, che è esattamente ciò che un tracciatore legge bene. Trova ogni regione di colore, disegna un percorso intorno a essa, e il risultato è un SVG ordinato con una manciata di forme — file piccolo, bordi netti, facile da modificare dopo.

I preset guidano come il tracciatore legge la tua immagine. Piatto / logo mantiene basso il conteggio dei colori e semplici le forme, ideale per un marchio a due o tre colori. Dettagliato consente più colori e percorsi più fini per illustrazioni che portano più sfumature. Posterizzato collassa l'immagine in bande piatte e decise, un aspetto da poster grafico. Bianco e nero riduce tutto a due toni, ideale per line art, timbri e silhouette. Meno colori significano un file più piccolo e pulito; più colori catturano la sottigliezza ma aggiungono percorsi e peso. Vale la pena provare due preset sulla stessa immagine e confrontarli — l'anteprima prima/dopo ti mostra l'originale e il tracciato fianco a fianco così puoi giudicare prima di scaricare.

L'avvertenza onesta sulle foto

Una fotografia si traccerà, ma quasi certamente non vuoi che lo faccia. Una foto ha migliaia di colori sottilmente diversi e nessun bordo netto — un tracciatore deve approssimare tutto ciò con macchie sovrapposte e impilate di colore piatto. L'SVG che ne esce è enorme (spesso molto più grande del JPG originale), sembra spalmato e posterizzato anziché fotografico, ed è pessimo da modificare. Per qualsiasi cosa a tono continuo — persone, paesaggi, fotografia di prodotto — un formato raster è la risposta giusta, e ci sono compressori e convertitori per quello. L'SVG è per le forme, non per le foto. Questo strumento non ti impedirà di tracciare una foto, ma l'anteprima renderà il problema evidente.

Un'altra cosa da chiarire: questo è tracciamento vero. Legge i pixel che gli hai dato e disegna percorsi vettoriali che li seguono. Non è un'IA che ridisegna o "ripulisce" il tuo logo in qualcosa di nuovo. Se la sorgente è sfocata, a bassa risoluzione o rumorosa, il tracciato eredita quello — un input pulito, nitido, a pochi colori dà un risultato pulito, e uno disordinato dà percorsi disordinati.

Ricolora e modifica dopo aver tracciato

Poiché l'output è un normale SVG fatto di percorsi e riempimenti con nome, non sei bloccato con i colori prodotti dal tracciato. Apri il file in un editor vettoriale — Illustrator, Inkscape, Figma, o persino un editor di testo — e puoi ricolorare un'intera regione cambiando un riempimento, spostare un percorso, cancellare una forma vagante che il tracciatore ha raccolto, o impostare i colori sull'esatto esadecimale del tuo brand. È il vero vantaggio di portare un logo in forma vettoriale: smette di essere una foto fissa e diventa un oggetto modificabile che possiedi, a qualsiasi dimensione, senza sfocatura.

Perché IMG.DIY

Da raster a vettoriale

Trasforma PNG/JPG in tracciati SVG scalabili.

Stili predefiniti

Piatto, dettagliato, posterizzato o B/N.

Scala in modo pulito

Nitido a qualsiasi dimensione, a differenza di un raster stirato.

Privato

Tracciato in locale: mai caricato.

Domande frequenti

Quali immagini funzionano meglio?
Loghi piatti, icone, illustrazioni semplici e line art. Meno colori e bordi netti danno SVG puliti e compatti.
Perché la mia foto crea un SVG enorme?
Le foto hanno migliaia di sottili regioni di colore, quindi la tracciatura crea un numero enorme di tracciati. L'SVG è il formato sbagliato per le foto: tienile come JPG/PNG.
Posso ricolorare l'SVG in seguito?
Sì. L'output è fatto di tracciati SVG standard, quindi puoi aprirlo in un editor vettoriale e cambiare riempimenti, dimensioni e colori.
La mia immagine viene caricata?
No. La tracciatura gira interamente nel tuo browser; l'immagine non lascia mai il tuo dispositivo.
Che tipo di immagine dà la tracciatura migliore?
Qualcosa di piatto e dai bordi puliti con un numero ristretto di colori pieni — un logo, un'icona, un'illustrazione semplice o un disegno a tratto. Il tracciatore trova ogni blocco di colore e disegna un percorso stretto attorno, quindi una sorgente nitida e ad alta risoluzione con pochi colori dà un SVG piccolo e nitido. Sfumature morbide e dettaglio affollato lo confondono e aggiungono disordine.
Perché tracciare una foto crea un file così enorme?
Una foto ha migliaia di colori leggermente diversi e nessun bordo netto, quindi il tracciatore deve approssimare tutto con macchie di tinta piatta impilate e sovrapposte. Questo produce un SVG molto più grande del JPG originale, dall'aspetto spalmato anziché fotografico. Per le foto, mantieni un formato raster e comprimilo — l'SVG è per le forme, non per il tono continuo.
Posso cambiare i colori dopo la tracciatura?
Sì. L'output è un normale SVG fatto di percorsi e riempimenti con nome, quindi aprilo in un editor vettoriale come Illustrator, Inkscape o Figma e cambia il colore di un'intera regione modificando un solo riempimento. Puoi impostare valori esadecimali esatti del brand, eliminare le forme sparse che la tracciatura ha raccolto, o spostare i percorsi — la tracciatura è un punto di partenza, non un risultato bloccato.
La mia immagine viene caricata da qualche parte?
No. L'intera tracciatura avviene nel tuo browser — l'immagine viene letta da un canvas sulla tua stessa macchina e non lascia mai il tuo dispositivo. Non c'è account e nessun server, e una volta caricata la pagina funziona con la rete disattivata, il che vale la pena avere per un logo che preferiresti non inviare altrove.

Strumenti correlati

Guide e consigli