Modificare un SVG online: cambiare colori e togliere sfondi senza installare nulla

1. Che cosa sa fare l'editor SVG online

La prima reazione di molti davanti a un SVG è installare Illustrator, ma per esigenze leggere come cambiare un colore, togliere uno sfondo o cancellare elementi, un editor online basta e avanza. L'editor SVG online di PolySVG funziona nel browser, è gratuito, non richiede installazione né registrazione e lavora a livello di tracciato: cancellare con il clic, rimuovere lo sfondo con un clic, ridipingere col pennello, cancellare con la gomma a maschera, ricolorare, annullare e ripetere, e infine esportare in SVG o PNG. Puoi caricare direttamente un SVG oppure portare in un clic il risultato della strumento immagine in SVG. Per i designer è utile come pulizia finale prima della consegna; per gli sviluppatori serve ad aggiustare rapidamente colore e dimensione di un'icona prima di integrarla in una pagina.

2. Cambio di colore: dare all'icona il colore del tema

Fai clic sul blocco di colore dell'area di lavoro per selezionare il tracciato corrispondente e poi cambia il colore di riempimento nel pannello dei colori. Scenari tipici: passare la stessa famiglia di icone dal tema chiaro a quello scuro, calibrare un logo vettorizzato sul colore del brand o uniformare la palette di materiali provenienti da fonti diverse. Rispetto a cercare la proprietà fill nel codice, il cambio con il clic è molto più intuitivo e tocca meno percorsi per errore.

3. Rimozione dello sfondo: automatica più cancellazione manuale

Fai clic su "Rimuovi sfondo con un clic": il motore riconosce il colore dominante ai bordi ed elimina lo strato di sfondo, e un SVG su fondo bianco diventa trasparente all'istante. I tracciati di sfondo rimasti si selezionano col mouse e si cancellano. Se il materiale è ancora un bitmap, usa direttamente lo strumento di rimozione dello sfondo con conversione in vettore, che fa conversione e rimozione in un solo passaggio, e poi entra nell'editor per la pulizia di dettaglio.

4. Pennello e gomma: ridipingere e cancellare

Il pennello fa addizione: ridipinge i tratti mancanti, e il tratto viene vettorizzato automaticamente in un nuovo percorso, fondendosi con il disegno originale, ideale per riparare i tratti interrotti dopo la vettorizzazione di un logo. La gomma fa sottrazione: cancella una porzione con una maschera, senza distruggere i dati originali dei tracciati, e ciò che è stato cancellato troppo si annulla in qualsiasi momento. Entrambi gli strumenti si usano insieme ad annulla e ripeti, quindi si può sperimentare in libertà. I tratti del pennello entrano nel file come percorsi indipendenti, che più tardi si possono selezionare e ricolorare; l'effetto della maschera della gomma viene applicato in fase di export, così l'SVG esportato corrisponde esattamente a ciò che vedi sull'area di lavoro.

5. Annulla, ripeti ed esportazione

L'editor conserva la cronologia completa delle operazioni: se sbagli annulli, se ti ripenti ripeti. Alla fine esporta in SVG per il web o per continuare a modificare, oppure esporta in PNG da inserire in documenti e creare immagini di anteprima. Per sapere come si aprono e si vedono i file SVG, vedi Come aprire un file SVG; l'accesso diretto all'editor è /editor. Quando esporti in PNG scegli una risoluzione sufficiente, per evitare che risulti sfocato una volta inserito in un documento; per il web è meglio esportare in SVG, così si conserva la natura vettoriale.

6. Scenari di modifica più frequenti, in breve

• Icona con il colore del tema: fai clic sul tracciato e cambia il riempimento, esportando una versione per il tema chiaro e una per quello scuro;
• Materiale su fondo bianco reso trasparente: rimuovi lo sfondo con un clic, cancella i tracciati rimasti ed esporta l'SVG trasparente;
• Riparazione di un logo con tratti interrotti: ridipingi lungo la rottura, lascia vettorizzare il tratto e uniforma i colori;
• Cancellazione di elementi superflui: seleziona e cancella un blocco di colore alla volta, usando la gomma per i dettagli dei bordi;
• Illustrazione per un documento: al termine esporta in PNG e inseriscila in Word, in PowerPoint o in una conversazione.