PerfectVector
Di Irene Kim

Filtri PicSVG: confronta Edge, Internal e Clean

Confronta tre filtri PicSVG su un'immagine, salva ogni SVG separatamente e controlla quali regioni, aperture e trattamento dello sfondo si adattano al design desiderato.

9 min di lettura
In questa pagina

Scegli i filtri PicSVG confrontando i risultati salvati della stessa immagine. Mantieni fissi i Details, modifica un filtro con nome alla volta e controlla le regioni e le aperture di cui hai bisogno. Nel nostro controllo geometrico, Edge 2 ha enfatizzato i confini, Internal 1 ha mantenuto due forme piene ma ha omesso un triangolo e Clean 1 ha cambiato il trattamento dello sfondo. L'elenco dei percorsi più brevi non era automaticamente la versione più utile.

Se nessuno degli effetti mantiene le forme di cui il tuo progetto ha bisogno, inizia gratuitamente con PerfectVector nella pagina alternativa PicSVG e confronta le sagome, le aperture e le regioni di colore dell'anteprima con la tua fonte. È necessario sbloccare il risultato prima di poterlo modificare o esportare. Il flusso di lavoro del filtro riportato di seguito è completo su PicSVG stesso; non abbiamo eseguito un confronto della qualità dell'output tra i servizi.

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

Inizia con una fonte e un'impostazione Details fissa

Questa guida utilizza il sito web PicSVG, la cui pagina testata si è identificata come Beta V3.4. Il suo convertitore ordinario fornisce un caricamento, effetti selezionabili e un download SVG. Il sito nomina input JPG, GIF e PNG fino a 4 MB. Utilizza un'immagine di cui sei autorizzato a convertire e conservare l'originale.

La fonte caricata era un PNG RGBA originale da 320 × 240: una cornice rettangolare blu scuro con un centro trasparente, un triangolo dorato e un blocco verde acqua su uno sfondo trasparente. L'anteprima RIDIMENSIONATA ORIGINALE del sito Web mostrava le aree trasparenti come bianche. Il nostro confronto riguarda la selezione del filtro. Non abbiamo testato il mantenimento della trasparenza né ispezionato un file intermedio che spiegherebbe la gestione alfa del sito. Ciò rende facile separare diverse domande: un filtro mantiene ogni forma, mantiene l'apertura della cornice, preserva il colore o aggiunge la geometria dello sfondo?

  1. Usa CARICA UN'IMMAGINE per caricare il sorgente.
  2. Mantieni Details: Strong mentre confronti i filtri.
  3. Seleziona un filtro con nome utilizzando il menu a discesa Filtri visibile e conferma l'etichetta visualizzata.
  4. Attendi l'aggiornamento dell'anteprima, esaminala, quindi utilizza DOWNLOAD SVG.
  5. Salva un nome file locale distinto prima di scegliere il filtro successivo.

Abbiamo provato Edge 2, Internal 1 e Clean 1, tutti con Strong. Strong è il parametro mantenuto costante in questo esperimento. Non lo abbiamo confrontato con altri valori di Details e non abbiamo verificato che conservi ogni piccolo dettaglio. La normale conversione si è conclusa senza Supermode.

Stato effettivo di PicSVG
Controlli PicSVG effettivi impostati su Details Strong e Internal 1, con le forme colorate originali accanto alla cornice nera e al risultato del blocco
L'anteprima Internal 1 mantiene il fotogramma e il blocco mentre il triangolo dorato della sorgente è assente.

Confronta cosa conservano Edge 2, Internal 1 e Clean 1

I tre SVG effettivamente scaricati hanno prodotto trattamenti diversi della stessa fonte. Abbiamo ispezionato il loro markup ed eseguito il rendering dei file conservati localmente. Queste sono osservazioni su questo riferimento di test, piuttosto che definizioni che prevedono ogni immagine.

Filtra, con Details StrongRisultato visibile su questa fonteDecisione da prendere
Edge 2Sottili bande nere di confine attorno alla cornice, al triangolo e al blocco; gli ampi interni sono trasparentiSe desideri un disegno a forma di confine anziché le regioni riempite originali
Internal 1Una cornice piena nera con un centro aperto e un blocco nero; il triangolo d'oro è assenteSe la regione di colore chiaro omessa è accettabile
Clean 1Sfondo nero e regioni interne separate da strette bande di confine trasparenti, compreso il confine del triangoloSe il trattamento di fondo rientra nel progetto previsto

Per una versione piena che deve mantenere tutte e tre le forme, nessuno di questi risultati particolari è un mantenimento automatico. Internal 1 conserva l'apertura della cornice ma perde il triangolo. Edge 2 mantiene il suo confine modificando l'aspetto riempito. Clean 1 include la geometria nera in cui il PNG caricato ha uno sfondo trasparente e un centro della cornice. Scegli in base ai requisiti del disegno, non a un nome di filtro che sembri più raffinato.

Ingrandisci alcune posizioni decisive invece di giudicare solo la miniatura a pagina intera. In questa fonte, il triangolo e il centro della cornice rivelano molto di più del grande blocco nero. Se un'apertura viene riempita inaspettatamente, la guida ai fori SVG aiuta a distinguere le regole di riempimento e le forme sovrapposte. Per i controlli dei precedenti, utilizza la guida SVG trasparente.

Salva ogni variante prima di cambiare il filtro

Utilizza nomi di file che preservino le impostazioni effettive, come edge2-strong.svg, internal1-strong.svg e clean1-strong.svg. Tienili accanto alla fonte incontaminata. La pagina di PicSVG descrive anche un'area locale delle immagini salvate per il confronto dei risultati; per questo test abbiamo utilizzato file SVG conservati separatamente invece di trattare quell'area come un archivio durevole.

Durante la nostra esecuzione, l'indirizzo di download è stato riutilizzato mentre il filtro selezionato è cambiato. Ogni file è stato quindi recuperato immediatamente sotto il suo stato di filtro visibile. Un indirizzo riutilizzato non è una registrazione affidabile del risultato che hai conservato; il nome del file locale, la nota sulle impostazioni e il contenuto effettivo del file costituiscono la registrazione utile.

Tutti e tre i file contenevano percorsi e nessun elemento immagine. I conteggi erano sette per Edge 2, due per Internal 1 e cinque per Clean 1. Questi conteggi mostrano differenze strutturali tra i file salvati. Non classificano la qualità dei risultati. Il risultato a due percorsi ometteva ancora una forma richiesta nel nostro riferimento del test.

Tutti e tre utilizzavano un gruppo principale con riempimento nero e stroke="none". I confini sottili di Edge 2 sono quindi geometria riempita in questi file, non evidenza di tratti della linea centrale. La specifica di pittura SVG distingue tra dipingere l'interno di una forma e tracciarne il contorno. La guida al tracciamento di disegni al tratto spiega come questa distinzione influisce sulle scelte delle opere d'arte.

Controllare i limiti salvati prima dell'applicazione successiva

I file differivano anche nelle dichiarazioni della dimensione root:

Variante salvataLarghezza e altezza della radiceviewBox
Edge 2 / Strong320 punti × 240 punti0 0 320 240
Internal 1 / Strong320 punti × 240 punti0 0 320 240
Clean 1 / Strong960 punti × 720 punti0 0 960 720

Questi sono i campi effettivamente salvati, comprese le relative unità pt. Non sono un rapporto delle dimensioni fisiche importate. Un viewBox definisce il rettangolo di coordinate interne mappato nel viewport SVG, come spiega la specifica delle coordinate SVG. Abbiamo renderizzato le varianti con le stesse dimensioni di revisione per verificarne il trattamento; ciò non rende identiche le loro dichiarazioni sulle dimensioni.

Prima di conservare un file, apri quello specifico SVG e controlla le forme, le aperture, lo sfondo e i limiti dichiarati richiesti. Quindi testalo nella tua applicazione ricevente nella dimensione che ti serve. Non abbiamo eseguito l'importazione, la modifica manuale, la stampa o il taglio.

Controllo fallitoAzione successiva
Una regione chiara scompareConfronta un altro filtro con quella regione esatta nell'origine
Un'anteprima sottile viene trattata come una linea centraleIspeziona riempimento/tratto e geometria effettiva prima di scegliere il flusso di lavoro successivo
Il risultato aggiunge regioni di sfondo indesiderateConfronta un altro effetto e osserva il file salvato su uno sfondo contrastante
Diversi file salvati appaiono identici in modo imprevistoRicontrolla l'etichetta del filtro visibile e salva ogni risultato aggiornato con un nome file distinto
Il file entra in un'altra app con dimensioni imprevisteIspeziona unità e limiti, quindi imposta e verifica la dimensione prevista in tale applicazione

Conserva il risultato PicSVG quando il suo effetto soddisfa il lavoro. Se le regioni richieste continuano a non sopravvivere, inizia gratuitamente con PerfectVector nella pagina alternativa PicSVG e controlla le forme, le aperture e i colori dell'anteprima rispetto allo stesso originale prima di decidere quale flusso di lavoro mantenere.

Domande frequenti

Quale filtro PicSVG è il migliore?

Scegli l'effetto che conserva le regioni e le aperture necessarie alla tua immagine. Nel nostro test di riferimento, Edge 2 ha enfatizzato i confini, Internal 1 ha omesso il triangolo dorato e Clean 1 ha modificato il trattamento dello sfondo. Nessun singolo risultato soddisfaceva ogni possibile utilizzo.

Details Strong preserva ogni piccola caratteristica?

Ciò non è stato dimostrato. Abbiamo mantenuto Strong fisso mentre cambiavamo tre filtri con nome. Anche con questa impostazione, Internal 1 ha omesso un triangolo obbligatorio nel nostro riferimento al test. Ispeziona le tue regioni critiche invece di fare affidamento sul nome dell'impostazione.

Meno percorsi SVG significano un risultato più pulito?

No. Le varianti salvate avevano sette, due e cinque percorsi. Il file a due percorsi perdeva ancora la forma che volevamo. Confronta la grafica e la geometria conservate invece di scegliere solo il numero di percorsi più piccolo.

I bordi sottili di PicSVG indicano che l'SVG contiene tratti della linea centrale?

No. I nostri tre file salvati utilizzavano geometria riempita di nero con tratto impostato su nessuno. Un risultato dall'aspetto sottile può comunque essere una fascia piena attorno a una regione. Controlla il riempimento, il tratto e i percorsi effettivi per il flusso di lavoro di cui hai bisogno.

Fonti

  1. Convertitore ufficiale PicSVG: guida all'inserimento nel sito web, effetti selezionabili e flusso di lavoro di salvataggio SVG.
  2. Specifiche di pittura SVG W3C: la differenza tra riempimento e tratto.
  3. Sistemi di coordinate SVG W3C: viewBox, mappatura del viewport e unità.

Altro dal blog

PerfectVector

Trasforma l’immagine in
tracciati vettoriali puliti e modificabili

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