Tracing groups the colours and turns each area into a filled shape. It does not recover an original vector design: logos and flat artwork trace cleanly, photos give large, blotchy SVGs.
Files (0)
No files yet
Add files and they convert right away. Change a setting and they convert again.
Built with open source libraries. Licenses
Che cosa è un convertitore da PNG a SVG?
Un convertitore da PNG a SVG traccia un'immagine raster in forme vettoriali riempite Non recupera un design vettoriale originale: le forme sono ricostruite dai pixel, quindi i bordi sono un'approssimazione Loghi, icone, line art e altri artwork piatti con pochi colori tracciano bene le foto no; si trasformano in SVG grandi e chiazzati che possono essere molti megabyte, a volte decine di megabyte, molto più grandi del PNG con cui hai iniziato.
La differenza tra i due formati spiega perché vale la pena farlo. Un PNG memorizza una griglia fissa di pixel, quindi ingrandirla rende i bordi ostruiti. Un SVG memorizza i contorni descritti come percorsi e riempiti di colore, che un browser o un'app di progettazione ridisegna in modo pulito a qualsiasi dimensione. Un SVG tracciato può entrare in una pagina web, essere ricolorato in un editor vettoriale o essere letto da una macchina da taglio o da un incisore laser che funziona con contorni.
Il tracciamento avviene in due passaggi Prima l'immagine viene ridotta a una piccola tavolozza, il numero che si sceglie sotto Colori Poi il tracciante cammina sul bordo di ogni area dello stesso colore e vi si adatta a linee rette e curve, producendo un percorso riempito per area Ogni percorso ottiene anche un contorno di 1 pixel nel proprio colore, che chiude gli spazi trainati dall'attaccatura dei capelli che altrimenti si mostrerebbero tra le forme vicine.
Due impostazioni modellano il risultato I colori sono 2, 8 (il valore predefinito) o 16 Il dettaglio è Basso, Medio (il valore predefinito) o Alto: Basso sfoca leggermente l'immagine per primo, adatta curve più sciolte e rilascia forme più piccole di un granello, dando file più semplici e più piccoli, mentre Alto segue da vicino i pixel e mantiene forme minuscole Cambiare o impostare le tracce di nuovo ogni file aggiunto e ogni riga mostra la nuova dimensione SVG accanto alla dimensione PNG, in modo da poter confrontare le impostazioni prima di scaricare.
Tracing esegue il lato client in un Web Worker in background utilizzando imagetracerjs, che viene scaricato solo quando si aggiunge il primo file, quindi la pagina rimane reattiva e non viene caricata alcuna immagine Le immagini più lunghe di 1200 pixel su entrambi i lati vengono ridimensionate prima di tracciare in modo che il lavoro finisca in pochi secondi e l'SVG è ancora impostato per aprirsi alla larghezza e all'altezza originali Una traccia che richiede più di due minuti viene interrotta con un messaggio che suggerisce meno colori o dettagli inferiori I PNG fino a 100 megapixel vengono accettati, le aree trasparenti diventano forme trasparenti e lo strumento è gratuito, senza registrazione, con un limite giornaliero alle conversioni.
Come convertire PNG in SVG
Aggiungi i tuoi file PNG
Rilascia le immagini PNG sulla scatola, o fai clic per caricare Diversi file contemporaneamente vanno bene, e ognuno viene tracciato non appena viene aggiunto Loghi, icone e grafica piatta danno i risultati più puliti.
Imposta colori e dettagli
Scegli 2 colori per le opere d'arte in bianco e nero, 8 per la maggior parte dei loghi e 16 per la grafica ombreggiata Inizia da Dettagli medi. La modifica di entrambe le impostazioni ripercorre ogni file con i nuovi valori.
Controlla la traccia
Ogni riga mostra l'SVG tracciato come una miniatura, il suo stato e una linea di dimensione con la dimensione prima e dopo e quanto più piccolo o più grande è l'SVG Fare clic sulla miniatura per aprire l'SVG grande e passare da Prima a Dopo Se i bordi sembrano grumosi o il file è troppo grande, modificare un'impostazione e guardare di nuovo.
Scarica i file SVG
Premere l'icona di download su una riga per salvare quell'SVG, oppure Scarica tutto nell'intestazione dell'elenco per salvare un batch come convertito-svg.zip.
Perché convertire PNG in SVG?
Il tracciamento vale la pena quando l'immagine è semplice e ne hai bisogno per scalare o per essere letta come contorni Per qualsiasi cosa fotografica, tieni il PNG.
Un logo che esiste solo come PNG
Il file vettoriale originale viene spesso perso, e tutto ciò che rimane è un PNG estratto da un sito web o da una firma e-mail Tracing ti dà un SVG che scala per un banner o un lavoro di stampa senza bordi a blocchi Controlla attentamente le curve e il testo piccolo, poiché sono ricostruiti dai pixel anziché copiati dal file del designer.
Macchine da taglio, incisori e software di ricamo
Le frese in vinile, gli incisori laser e molti strumenti artigianali seguono percorsi, non pixel Una traccia di 2 colori di una silhouette, uno stencil o un monogramma trasforma ogni area scura in una forma chiusa che la macchina può tagliare.
Icone e illustrazioni per il web
Un'icona piatta tracciata a SVG rimane nitida sugli schermi ad alta densità e può essere ricolorata con CSS. Se in seguito è necessaria una versione pixel con una dimensione impostata, render l'SVG di nuovo a PNG.
PNG vs SVG tracciata: quale utilizzare
| png | Tracciato SVG | |
|---|---|---|
| Cosa immagazzina | Una griglia di pixel. | Forme riempite tracciate da quei pixel Non il design vettoriale originale. |
| scalata | Bloccante o sfocato quando ingrandito. | Ridisegna in modo pulito a qualsiasi dimensione. |
| Colori | Milioni, con gradienti lisci. | 2, 8 o 16 colori piatti I gradienti diventano bande. |
| trasparenza | Canale alfa completo. | Aree trasparenti tracciate come forme trasparenti. |
| Loghi e icone | Fine alla dimensione che è stato salvato. | Buona vestibilità: bordi puliti, facile da ricolorare. |
| foto | Buona vestibilità, e di solito il file più piccolo. | Scarsa vestibilità: SVG grandi e chiazzati, a volte decine di megabyte. |
| Modifica | Editor pixel. | Editor vettoriali, software di taglio e incisione, codice. |
Come Colori e Dettaglio cambiano la traccia
Ogni impostazione è un commercio tra quanto sia fedele l'aspetto SVG e quante forme contiene Più forme significa un file più grande e più pulizia in un editor vettoriale.
Colori: 2, 8 o 16
L'immagine è ridotta a questi molti colori prima di tracciare Due colori si adatta a loghi in bianco e nero, stencil, firme e line art Otto gestisce la maggior parte dei loghi piatti con pochi colori di marca e alcuni bordi anti-alias Sedici mantiene più ombreggiatura, al prezzo di molte più piccole forme lungo ogni bordo morbido.
Dettaglio: Basso, Medio o Alto
Il dettaglio basso offusca leggermente l'immagine, adatta le curve in modo approssimativo e butta via forme minuscole, che danno contorni lisci e file piccoli Il medio si adatta alle curve all'interno di circa un pixel L'alto segue da vicino i pixel e mantiene forme piccole, quindi preserva tratti sottili ma raccoglie anche rumore.
Perché le foto vanno male
Una foto ha gradienti e texture morbidi ovunque, quindi anche a 16 colori si divide in migliaia di patch irregolari Ogni patch diventa un percorso con le proprie coordinate, e l'SVG può finire molte volte più grande del PNG mentre sembra una copia posterizzata Questo è un limite di tracciamento, non un'impostazione che puoi correggere.
Privacy e sicurezza
- Il PNG viene decodificato e tracciato all'interno di questa scheda del browser, in un lavoratore in background L'immagine non viene mai caricata.
- La libreria imagetracerjs viene caricata da questo sito solo quando si aggiunge il primo file.
- L'SVG è costruito solo da percorsi tracciati, senza script, collegamenti o copie incorporate del PNG originale.
- Il controllo dell'utilizzo giornaliero invia il nome dello strumento, un identificatore del dispositivo e il token di accesso se ne hai uno. Nessun dato immagine è incluso.
- Dopo un batch, la pagina registra il conteggio dei file, i byte totali e il formato di output, mai i nomi dei file o i pixel.
Caratteristiche principali
2, 8 o 16 colori
Dalle opere d'arte in bianco e nero alla grafica piatta ombreggiata
Dettagli bassi, medi e alti
Contorni lisci e compatti o traccia ravvicinata di piccole forme
Forme senza spazi vuoti
Un sottile contorno abbinato su ogni forma nasconde le cuciture tra i colori
Anteprima SVG e dimensione del file
Consulta il risultato tracciato e il suo peso prima del download, aggiornato ogni volta che modifichi un'impostazione
Frequently Asked Questions
Related Tools
JPG to SVG Converter
Trace a JPG logo, scan or signature into an SVG of filled shapes with 2, 8 or 16 colors. It does not recover the original vector design, and photos give large, blotchy SVGs
SVG to PNG Converter
Convert SVG vector graphics to PNG at 1x, 2x or 4x in your browser, no upload needed
PNG to PDF Converter
Put PNG screenshots and graphics into one PDF without losing detail, one page per image, in your browser
SVG to PDF Converter
Put SVG graphics onto PDF pages as images at 1x, 2x or 4x resolution, one page per file, in your browser
Comments
0 comments
No comments yet. Be the first to share your thoughts!