Convertire PNG in SVG con le sfumature: perché ottieni strisce e come conservare la sfumatura
Una sfumatura in un PNG sono migliaia di colori. La maggior parte dei convertitori li raggruppa in fasce. Come si recupera invece una vera sfumatura SVG, quali sfumature si possono recuperare e cosa fare per stampa e taglio.
Carica un logo con un riempimento morbido dal blu al viola in un tipico strumento da PNG a SVG e il risultato è una pila di strisce piatte con bordi netti tra loro. Alza il numero di colori e le strisce diventano più sottili e più numerose. Non diventano mai una sfumatura, perché lo strumento non ha idea che quella che sta guardando è una sfumatura.
Perché compaiono le strisce
Una sfumatura in una bitmap è una sequenza morbida di migliaia di colori leggermente diversi. Un convertitore che posterizza e ricalca prima riduce l'immagine a N colori, e così taglia la sequenza in N fasce, poi ricalca ogni fascia come una forma a sé. L'SVG è tecnicamente scalabile, ma il progetto è stato sostituito da una mappa a curve di livello. Ogni fascia in più è anche un tracciato in più, un confine in più che può mostrare un filetto, e una cosa in più da ripulire nell'editor.
Cos'è una vera sfumatura SVG
SVG ha gli elementi linearGradient e radialGradient: una direzione o un centro, pochi punti di colore, e il renderer riempie la forma in modo uniforme a qualsiasi dimensione. Una forma, un riempimento, pochi byte. È così che l'avrebbe disegnata un grafico, ed è ciò che vuoi nel file: modificabile in Figma o Illustrator, e liscia su uno schermo 4K come su un poster.
Come la recupera svgize
Il motore tratta la sfumatura come un'ipotesi. Per ogni regione verifica se a spiegare meglio i pixel è una tinta piatta, una sfumatura lineare, una radiale o una ellittica, giudicando in base al rumore e alla compressione misurati nella sorgente. Quando vince una sfumatura, viene scritta come elemento sfumatura con i suoi punti di colore. Quando vince una tinta piatta, ottieni una tinta piatta. Niente viene tagliato in fasce per principio: decidono i pixel.
- Sfumature lineari in qualsiasi direzione, comprese quelle inclinate.
- Sfumature radiali ed ellittiche, per bagliori, pulsanti e riflessi sferici.
- Sfumature dentro una forma che ha anche un contorno netto: il bordo è condiviso con il vicino, il riempimento è una sfumatura.
Cosa non si può recuperare
Una sfumatura con diverse inversioni di colore, una sfumatura a mesh o un'ombreggiatura morbida di tipo fotografico non hanno un singolo elemento SVG che le descriva. Per queste il motore ripiega su livelli tonali morbidi nella modalità Illustrazione: l'aspetto è giusto, si scala, ma è una pila di forme, non un unico riempimento. Se la sfumatura conta per le modifiche future, chiedi al grafico o al generatore una versione più semplice a due punti di colore.
Stampa, taglio e ricamo
La stampa digitale e gli schermi gestiscono le sfumature SVG direttamente. Il taglio del vinile, l'incisione laser e il ricamo no: una sfumatura non si taglia e non si ricama. Per questi converti una versione del progetto a tinte piatte, oppure imposta un limite di colori in svgize, così la sfumatura viene ridotta di proposito a pochi gradini piatti che la macchina sa gestire. La serigrafia sta nel mezzo: pochi gradini piatti di solito sul tessuto vengono meglio di una vera sfumatura.
Converti un logo con sfumature
Controllare il risultato
Apri l'SVG in un editor di testo e cerca «Gradient». Se il riempimento è un unico elemento con due o tre punti di colore, la sfumatura è sopravvissuta. Se invece vedi decine di tracciati con colori esadecimali leggermente diversi, hai delle strisce. Il numero di tracciati e di colori mostrato accanto a ogni risultato di svgize ti dice la stessa cosa prima di scaricare.