PerfectVector
Di Irene Kim

Vectorpea: ricalco bitmap ed esportazione SVG

Utilizza il pulsante Vectorize Bitmap nativo di Vectorpea, registra le impostazioni di tracciamento, esporta un SVG e controlla i suoi percorsi, i colori e le aperture effettivi prima di utilizzarlo.

9 min di lettura
In questa pagina

Vectorpea ha la traccia nativa Vectorize Bitmap. Seleziona l'immagine raster, utilizza il pulsante Vectorize Bitmap che appare nella barra degli strumenti, rivedi le impostazioni, quindi conferma ed esporta come SVG. Il nostro PNG originale a tre colori ha prodotto tre percorsi SVG effettivi con i riempimenti previsti e un centro del frame aperto. Il file salvato conta più di un'anteprima su tela fluida.

Se desideri un altro percorso online per un'immagine che già possiedi, inizia gratuitamente con PerfectVector e controlla la silhouette dell'anteprima, le aree di colore e le aperture. È necessario sbloccare il risultato prima di poterlo modificare o esportare. Questa procedura dettagliata completa il percorso nativo di Vectorpea e non confronta la qualità di output degli strumenti.

Provalo con la tua immagine
Apri lo strumento completo
Puoi provarlo gratis. Rilascia un’immagine e guarda l’anteprima del tuo vettoriale, senza registrarti.

Utilizza l'app Vectorpea corrente, quindi seleziona la bitmap

Apri Vectorpea e conserva una copia separata dell'immagine raster originale. È necessario l'accesso al browser, l'autorizzazione per elaborare la grafica e un visualizzatore SVG o un editor di testo semplice per il controllo dei file salvati. Anche il percorso di caricamento degli appunti riportato di seguito richiede l'accesso agli appunti delle immagini.

Controlla il nome dell'app quando segui i risultati della ricerca. La guida Vectorize Bitmap di Photopea descrive il menu Immagine di Photopea; è un flusso di lavoro dell'app diverso. Discussioni precedenti come problema di Vectorpea 72 forniscono un contesto storico, mentre gli attuali controlli di Vectorpea e un'effettiva esportazione stabiliscono cosa è stato completato con questa procedura dettagliata.

Durante la nostra esecuzione, abbiamo creato un nuovo documento e incollato il PNG originale tramite Modifica → Incolla. Il raster è apparso in un documento denominato image.ai. Seleziona l'immagine raster sulla tela. Il pulsante Vectorize Bitmap appare quindi nella barra degli strumenti sotto i menu principali. Era immediatamente prima del controllo dell'opacità nella sessione testata.

Se manca il pulsante, controlla prima cosa è selezionato. Un documento, un gruppo di percorsi e una bitmap vera e propria sono input diversi. Seleziona il raster che intendi tracciare prima di cercare un comando specifico per la bitmap. Per un SVG esistente, la guida ai tipi di oggetti SVG aiuta a distinguere percorsi, gruppi e immagini incorporate.

Registrare una linea di base prima di modificare le impostazioni di traccia

Fai clic su Vectorize Bitmap per aprire la finestra di dialogo nativa. La finestra di dialogo testata mostrava Colori, Cartone animato/Foto, Riduci rumore e Unisci colori, seguito da OK. La nostra sessione dell'app acquisita utilizzava etichette di interfaccia coreane; i nomi qui sono i loro equivalenti inglesi.

Abbiamo utilizzato questo stato delle impostazioni osservato per il controllo colore piatto originale:

ControllareStato testatoParticolare da verificare prima di accettare la traccia
Colori20Se le regioni di colore previste rimangono distinte
ModalitàCartone animatoSe la silhouette e gli angoli si adattano all'opera d'arte
Ridurre il rumoreSpentoChe i piccoli segni siano dettagli intenzionali o frammenti vaganti
Unisci i coloriSUSe le regioni che necessitano di colori separati rimangono distinguibili

Trattatelo come una linea di base registrata, non come una preimpostazione universale. Non abbiamo confrontato tutte le combinazioni né eseguito un esperimento separato in modalità foto. Se modifichi un'impostazione per la tua immagine, cambiala una alla volta e confronta un dettaglio specifico, come una piccola apertura o due colori adiacenti.

Fai clic su OK quando desideri applicare la traccia. Nel nostro documento, il pannello Livelli mostrava quindi Path 0, Path 1 e Path 2 sotto Background. Queste voci sono un utile primo controllo per verificare che stai osservando la traccia, ma l'SVG esportato necessita ancora di ispezione.

Traccia effettiva di Vectorpea
Canvas Vectorpea ritagliato che mostra una cornice, un triangolo e un rettangolo tracciati accanto alle voci di livello Path 0, Path 1 e Path 2 effettive
Ritagli di tele e elenchi di livelli dopo il tracciamento: il percorso 0–2 viene visualizzato sotto Sfondo.

Esporta la traccia come SVG

Con l'opera d'arte ricalcata presente, scegli File → Esporta come → SVG, quindi Salva nel flusso di esportazione. Conserva il PNG originale separatamente e assegna all'SVG un nome file distinto in modo da poter confrontare i due in seguito.

La nostra esecuzione ha completato l'esportazione SVG e ha mantenuto il file effettivo. Una scheda del documento che termina con .ai non determina il formato esportato; l'esportazione SVG selezionata è stata eseguita. Questa procedura dettagliata non dimostra la riapertura del file nativo o un successivo passaggio di modifica manuale.

Apri l'SVG salvato in un visualizzatore e controlla il suo testo o la struttura dell'oggetto. Cerca percorsi, eventuali immagini incorporate, valori di riempimento importanti e limiti del documento. Per contenuti basati su immagini o misti, la guida all'ispezione dei contenuti raster SVG spiega come verificare a cosa fa riferimento un elemento immagine.

Ciò che il controllo originale ha effettivamente prodotto

Abbiamo creato un PNG 320 × 240 non sensibile con una cornice blu scuro e un centro vuoto, un triangolo dorato e un rettangolo verde acqua su uno sfondo trasparente. Abbiamo incollato il raster originale in Vectorpea, applicato le impostazioni native registrate e salvato l'SVG risultante. Abbiamo quindi ispezionato il markup effettivo ed eseguito il rendering del file salvato in modo indipendente.

ControlloRisultato salvato da questo riferimento del test
Elementi del percorsoTre, denominati Path 0, Path 1 e Path 2
Elementi di immagine incorporatiNessuno
Valori di riempimento solidi#17324d, #e7b64c, #298d83, corrispondenti alle tre regioni solide originali
Apertura del telaio e spazio esternoTrasparente nell'SVG renderizzato
TelaviewBox="0 0 320 240"
Dimensioni del file660 byte

Il valore Colori era 20, ma questa esportazione conteneva tre elementi del percorso. Quel valore di impostazione non è un conteggio di oggetti che puoi leggere da ogni risultato. Più in generale, il conteggio dei percorsi da solo non dice se i dettagli giusti sono sopravvissuti.

Il percorso del frame utilizzato fill-rule="evenodd". Una regola di riempimento determina quali parti di un percorso contano come interne; la specifica della regola di riempimento SVG spiega come i sottopercorsi racchiusi possono lasciare un'apertura. Controlla il rendering salvato su uno sfondo contrastante invece di dare per scontato che un centro dall'aspetto bianco sia trasparente.

Questi sono i risultati di un'immagine geometrica semplice e di uno stato delle impostazioni. La compilazione esatta di questo riferimento di prova non dimostra la conservazione esatta del colore per ogni logo, scansione o fotografia. Non è stata testata alcuna importazione dell'editor di destinazione, riapertura di documenti nativi, ricolorazione manuale o output fisico.

Controlla il tuo file prima di chiamare terminata la traccia

Usa il raster intatto accanto all'SVG salvato e controlla quattro cose:

  1. Silhouette e spazi vuoti: confronta il contorno esterno, gli angoli, i contatori e le separazioni strette con le dimensioni che ti servono.
  2. Aree di colore: confronta i riempimenti importanti con la tavolozza desiderata. Una regione che sembra vicina potrebbe comunque aver bisogno di una correzione del colore deliberata.
  3. Spazio vuoto: posiziona uno sfondo contrastante dietro l'SVG. Dovrebbe essere visibile attraverso le aperture richieste e le aree esterne.
  4. Oggetti e tele: controlla la struttura del percorso e i limiti del documento. Se sono importanti ulteriori modifiche, prova la modifica desiderata su una copia e verifica il risultato salvato.
ProblemaProssimo controllo
Vectorize Bitmap non è visibileSeleziona l'immagine raster anziché un percorso o un gruppo esistente
Le piccole caratteristiche scompaionoConfronta la fonte con la linea di base e la singola impostazione che hai modificato
I colori o le regioni non corrispondonoRivedi i colori e l'impostazione di unione osservata, quindi controlla la nuova esportazione
Il centro di una lettera o di una cornice appare pienoControllare uno sfondo contrastante e ispezionare il contorno/riempimento interno
Il file esportato contiene ancora un'immagineIdentificare cosa è stato effettivamente esportato e se è stata applicata la traccia nativa

Per un trasferimento più completo, utilizza la scheda di valutazione della qualità della traccia vettoriale. Se un contorno importante è ambiguo nel raster, un ridisegno manuale può essere più utile di ripetute modifiche alle impostazioni. Se vuoi provare un altro percorso con la stessa fonte, inizia gratuitamente con PerfectVector e controlla la silhouette dell'anteprima, le aree di colore e le aperture rispetto all'originale.

Domande frequenti

Vectorpea ha una funzione nativa Vectorize Bitmap?

SÌ. Nell'app corrente testata, selezionando il raster incollato è stato esposto un pulsante della barra degli strumenti Vectorize Bitmap. L'applicazione della sua finestra di dialogo creava voci di percorso visibili e un'effettiva esportazione SVG conteneva percorsi senza un'immagine incorporata.

Devo seguire le istruzioni del menu Immagine di Photopea in Vectorpea?

Utilizza gli attuali controlli Vectorpea. La nostra esecuzione Vectorpea ha utilizzato il pulsante della barra degli strumenti che appariva dopo la selezione del raster. Il menu Immagine documentato di Photopea appartiene a un flusso di lavoro dell'app separato.

Colori 20 significa che SVG avrà 20 percorsi?

No. Il nostro riferimento di test ha utilizzato i colori 20 ed ha esportato tre percorsi. Ispeziona gli oggetti reali e le regioni previste invece di considerare il valore di impostazione come un conteggio di percorsi garantito.

Il test ha preservato i colori originali e l'apertura della cornice?

Sì, per questo originale controllo a tre colori. L'SVG conteneva i tre valori esatti di riempimento solido e l'apertura del frame renderizzato e lo spazio esterno erano trasparenti. Ciò non garantisce lo stesso risultato per ogni immagine.

Fonti

  1. App Vectorpea: controlli di tracciamento nativi e flusso di lavoro di esportazione SVG completato.
  2. Photopea Vectorize Bitmap documentazione: identifica il flusso di lavoro separato del menu Photopea che può essere visualizzato nei risultati di ricerca.
  3. Problema di Vectorpea 72: contesto storico delle richieste di funzionalità, distinto dalle prove attuali dell'app.
  4. Regole di riempimento SVG W3C: sottopercorsi racchiusi e regola di riempimento paridispari.

Altro dal blog

PerfectVector

Trasforma l’immagine in
tracciati vettoriali puliti e modificabili

Vettorializza e controlla l’anteprima gratis, senza limiti giornalieri.