Quando l'SVG convertito presenta bordi ruvidi, il problema è quasi sempre nell'immagine originale, non nel passaggio di conversione. Vettorizzare significa ridescrivere come tracciati i contorni già presenti nella bitmap: solo con bordi puliti nell'originale i tracciati hanno una base pulita; se l'originale presenta un anello di colori spurii dalla compressione, archi larghi appena due o tre pixel o ampie ombreggiature, questi difetti vengono tracciati fedelmente nel risultato. Classificare prima a quale problema dell'originale appartiene la ruvidità e riorganizzare l'input in ordine prima di riconvertire è molto più efficace che premere riprova all'infinito.
Apri la conversione immagini in vettoriale e non avere fretta di cambiare strumento: percorri con la stessa immagine l'ordine di diagnosi che segue e la maggior parte dei problemi di bordo mostra cambiamenti appena cambia l'input. I passi completi di primo caricamento, conversione e scaricamento sono già illustrati passo passo in “Come convertire PNG e JPG in SVG: guida completa alla vettorizzazione delle immagini”; qui si parte direttamente dal problema dei bordi.
Punti chiave
- Tre problemi dell'originale — rumore da compressione, contorni a bassa risoluzione, ombreggiature complesse — vengono tracciati fedelmente nei tracciati SVG: la conversione non può restituire informazioni che l'originale non contiene.
- Distingui prima tra “mancanza di informazioni nell'originale” ed “errore di tracciatura”: la prima si risolve con un originale più nitido, la seconda sistemando l'input o pulendo i nodi.
- Nei tentativi cambia una sola variabile alla volta: nuovo originale, rimozione dello sfondo e semplificazione dei colori vanno fatti separatamente, così il miglioramento è riconducibile a un'azione precisa.
- Lo strumento attuale accetta PNG, JPG e WebP con larghezza e altezza non inferiori a 256 pixel; gli ingrandimenti 1×, 2× e 4× del pannello dei risultati servono a confrontare la stessa zona di bordo.
Stabilisci prima se il problema viene dall'originale o dal risultato
Apri l'SVG nel pannello dei risultati a 4×, individua il bordo più ruvido e torna all'immagine originale per ingrandire la stessa zona a un fattore simile e confrontarla. Tre difetti tipici hanno ciascuno una propria impronta:
Rumore da compressione. L'originale è passato per numerosi salvataggi o inoltri tramite app di messaggistica e lungo il contorno del soggetto si è formato un anello di colori spurii. Dopo la conversione il bordo si ritrova appesi micro-tracciati e sfrangiature, con difetti concentrati nell'anello esterno del contorno.
Contorni a bassa risoluzione. L'originale ha risoluzione ridotta e archi e angoli dispongono di pochissimi pixel. Dopo la conversione gli archi mostrano gradini e gli angoli si smussano, con difetti concentrati nei punti di svolta delle curve.
Ombreggiature complesse. L'originale presenta sfumature morbide o ombre portate, con fasce di transizione prive di confini netti. Dopo la conversione si spezza in più strati di campiture cromatiche approssimative, con difetti concentrati nelle transizioni d'ombra e colori che non corrispondono a quelli del marchio.
Dopo il confronto assegna una categoria, perché decide la rotta: se ingrandito l'originale mostra già bordi sfrangiati, rotti o rumorosi, è una mancanza di informazioni e ha senso solo sistemare l'input o trovare una versione più nitida; se l'originale ingrandito è pulito ma l'SVG accumula nodi, gradini o tracciati frantumati, è un errore di tracciatura, risolvibile con un nuovo tentativo o una pulizia dei nodi. Saltando questo passaggio e convertendo in loop, i due problemi si mescolano.
Elimina gli sfondi che disturbano i contorni
Lo sfondo è la fonte più comune di tracciati superflui. Convertendo dopo aver separato soggetto e sfondo cambiano in modo sensibile sia il numero di tracciati sia la pulizia dei bordi.
Con uno sfondo a tinta unita il trattamento è il più semplice: prima si taglia il margine superfluo attorno al soggetto perché riempia l'inquadratura; poi si elimina il colore di fondo e si salva come PNG a fondo trasparente. Il ritaglio dei margini è il miglioramento dell'input meno costoso: a parità di inquadratura il contorno del soggetto occupa più pixel. Attenzione che dopo il taglio larghezza e altezza restino di almeno 256 pixel, altrimenti il controllo di caricamento respinge il file.
Con uno sfondo complesso (decorazioni, sfumature, fotografia reale) il soggetto va separato prima, altrimenti la texture di fondo viene tracciata insieme alla grafica e il risultato si ritrova i bordi pieni di frammenti di sfondo. Per la separazione automatica si passa prima dallo strumento rimozione sfondo del Logo e poi si carica l'immagine a fondo trasparente in conversione; le operazioni complete di scontornaggio sono già spiegate nel tutorial sulla rimozione dello sfondo e qui non si ripetono.
Un'altra cosa da sapere sulla rimozione dello sfondo: lo strumento di separazione restituisce una bitmap e si limita a estrarre il soggetto dal fondo, senza aumentarne la nitidezza. Se il soggetto nell'originale è già sfocato, resta sfocato anche senza sfondo: torna alla sezione precedente per capire se è mancanza di informazioni.
Tratta testi piccoli, linee sottili e sfumature
Questi tre elementi sono i più esposti a distorsioni in conversione, e l'ordine di trattamento è fisso: prima cercare una versione più nitida, poi separare testo e grafica, infine semplificare le ombre.
Prima cerca una versione più nitida. In un originale a bassa risoluzione i tratti dei testi piccoli si fondono tra loro e i controtempi (il vuoto della lettera O, per esempio) restano su uno o due pixel: nessuna conversione può reinventare questi dettagli. Header del sito, biglietti da visita, materiale promozionale e brand book nascondono spesso versioni più grandi: trovane una e usala. Le linee sottili seguono la stessa regola: un filamento interrotto nell'originale a bassa risoluzione diventa un tracciato interrotto in uscita.
Separa testo e grafica. Quando testo e grafica condividono una piccola immagine, ritaglia e converti separatamente l'area del testo e quella della grafica, poi ricomponile allineandole nel software di grafica. Ciascuna sfrutta una quota maggiore di inquadratura: più affidabile che convertire in un colpo solo l'immagine intera.
Semplifica le ombre. Sfumature morbide e ombre portate si spezzano in più strati di tracciati cromatici. Se le linee guida del marchio lo consentono, elimina l'ombra e sostituisci la sfumatura con una campitura piatta nel colore principale prima di convertire; se la sfumatura è essa stessa parte dell'identità del marchio, accetta l'approssimazione a blocchi o lascia quella zona in bitmap.
Sui testi resta ferma una verità: nel risultato della conversione le lettere sono tracciati di contorno, non testo modificabile, e la conversione non le riporta al font originale. Senza il file del font non aspettarti che una conversione “ripristini” le lettere originali, e non usare un font simile indovinato dal contorno come font del marchio; per cambiare una scritta, reimposta il testo nel software di grafica con un font verificato.
Riprova cambiando una variabile alla volta
Preparate alcune versioni dell'input, non caricarle tutte insieme: una variabile alla volta, perché il miglioramento sia attribuibile.
Le operazioni fissano tre cose:
- Input a tornate. La prima tornata converte l'originale come baseline; la seconda sostituisce solo la versione senza sfondo; la terza solo la versione con colori semplificati o più nitida. A ogni cambio di input, premi il pulsante di rimozione in alto a destra dell'anteprima, carica il nuovo file e riconverti.
- Modalità di controllo fissa. Ogni tornata esamina lo stesso bordo più ruvido con lo stesso livello di zoom: gli 1×, 2× e 4× del pannello dei risultati offrono una scala unica già pronta.
- Archiviazione dei risultati. Salva i tre SVG con nomi distinti, per esempio logo-originale.svg, logo-senza-sfondo.svg, logo-semplificato.svg, e confronta le differenze di bordo fianco a fianco.
Se due tornate non mostrano differenze visibili, il problema non sta in quell'input: torna alla prima sezione e riclassifica; se le differenze ci sono, prosegui in quella direzione invece di accumulare tutte le modifiche insieme. Per riprovare lo stesso input, premi “rivettorizza” sotto il risultato: cancella il risultato corrente e reinvia.
Decidi se mantenere la conversione o ridisegnare a mano
Arrivati a una certa tornata, resta una sola decisione: questo SVG è abbastanza buono o merita un ridisegno manuale.
A favore della conversione: grafica fatta soprattutto di campiture e curve regolari, pochi testi piccoli e linee sottili, impieghi come web, icone di interfaccia o materiali di medie dimensioni. Se a 4× i bordi sono puliti, i controtempi integri e il corpo minimo leggibile, ci si può fermare, senza inseguire il minor numero di tracciati.
A favore del ridisegno manuale: molti testi piccoli, fittissime linee sottili, sfumature al cuore dell'identità del marchio, o impieghi in stampa di grande formato e insegne, dove ogni gradino e ogni interruzione diventano visibili a occhio nudo. In questi casi ritracciare i contorni chiave in un editor vettoriale partendo dall'originale richiede in genere meno tempo di infiniti tentativi.
Quando il risultato è quasi utilizzabile e restano sfrangiature sparse, importa l'SVG in un editor vettoriale per la pulizia dei nodi: elimina i nodi superflui, unisci i tracciati frantumati, regolarizza gli angoli. È la fase di rifinitura successiva ai tentativi: si svolge in software esterni, perché lo strumento di conversione non offre editing dei nodi.
Il criterio segue sempre l'impiego: più piccola è la dimensione effettiva di visualizzazione, più alta la tolleranza sulla precisione dei tracciati; più l'uso prevede forti ingrandimenti, più vale la pena cercare da subito l'originale migliore.
Domande frequenti
Ingrandire l'immagine prima di convertirla in SVG aiuta?
Poco. L'ingrandimento aumenta il numero di pixel, ma i pixel ricostruiti per interpolazione si limitano ad allargare i contorni esistenti: le informazioni sul bordo non aumentano e il rumore si ingrandisce insieme. Serve a far superare la soglia dei 256 pixel alle immagini troppo piccole; per bordi davvero puliti, cerca prioritariamente una versione originale a risoluzione più alta.
Perché un logo fotografico produce tanti tracciati?
Fotografie e sfumature continue non hanno confini netti tra le campiture, quindi il tracciamento approssima le transizioni con una massa di piccole macchie: il numero di tracciati esplode con i dettagli e il file diventa grande e difficile da modificare. Per questi materiali è meglio restare in bitmap ad alta risoluzione; se serve davvero una versione vettoriale, semplificala prima in campiture piatte o vettorizza solo la parte grafica simbolica. Quali materiali convenga convertire e quali lasciare in bitmap è riassunto nella tabella per scenario di “PNG o SVG per il Logo: come scegliere tra sito, poster e stampa”.
Come capire se la conversione è già sufficiente per il compito?
Controlla alla dimensione finale d'uso. Apri il pannello dei risultati a 4× e guarda curve, controtempi, linee sottili e testi piccoli, poi torna a 1× per valutare se le campiture cromatiche sono accettabili. Per web e interfaccia conta la nitidezza alla dimensione effettiva di visualizzazione; la stampa di grande formato e le insegne ingrandiscono ogni difetto e lo standard sale di conseguenza. Se tra due tornate lo stesso bordo mostra un miglioramento visibile, la tornata è già sufficiente.
Sistemare l'originale e riconvertire una volta
Parti dal bordo più ruvido: classifica il problema, prepara con il metodo corrispondente un nuovo input, poi apri la conversione immagini in vettoriale e riconverti con il nuovo file. Finito, torna allo stesso bordo allo stesso zoom per il confronto: quando il miglioramento è visibile, passa al successivo.
