Come modificare i file SVG nel browser

SVG (Scalable Vector Graphics) memorizza un'immagine come forme e tracciati: matematica, non pixel. Ecco perché un logo salvato come SVG resta perfettamente nitido, sia come favicon sia come cartellone pubblicitario, e perché è il formato giusto per icone, loghi e illustrazioni. Significa anche che puoi aprire il file e modificare le forme vere e proprie invece di spostare pixel.

Modificare il file SVG sorgente è quasi sempre meglio che modificare un PNG esportato. Sposta un punto di ancoraggio e la curva resta fluida; cambia un riempimento e il colore è esatto; ridimensiona l'intero disegno e nulla si sfoca. Per farlo serve un editor che comprenda i vettori.

L'editor vettoriale di EditItAll apre i file SVG direttamente nel browser:

• Apri l'editor e carica il tuo file .svg: un logo, un set di icone o un'illustrazione.
• Usa lo strumento di selezione (V) per spostare e ridimensionare interi oggetti, e lo strumento di selezione diretta (A) per afferrare i singoli punti di ancoraggio.
• Cambia colore a riempimenti e contorni, modifica qualsiasi testo con lo strumento testo (T) e sistema le forme con guide intelligenti e scorciatoie in stile Illustrator.

Il tuo lavoro si salva automaticamente nel browser man mano che procedi, e l'intero editor continua a funzionare anche se vai offline dopo il caricamento della pagina: un segno chiaro che il tuo file non viene inviato da nessuna parte.

La vera potenza sta nel rimodellare i tracciati. Il pen tool (P) posiziona punti di ancoraggio con maniglie bezier, così puoi ridisegnare una curva, aggiungere un punto a un logo o tracciare una nuova forma da zero. La matita è lì per il disegno a mano libera.

Per costruire grafiche più complesse, combina forme più semplici con operazioni booleane: Unisci per fonderle, Sottrai davanti per ritagliare una forma dall'altra, Interseca per mantenere solo la sovrapposizione, ed Escludi per eliminarla. Queste operazioni girano su un motore geometrico ad aritmetica esatta, quindi i bordi risultanti restano puliti invece di spostarsi di frazioni di pixel. È così che trasformi qualche rettangolo e cerchio in un'icona finita.

Quando hai finito, salva di nuovo come .svg per mantenere il file completamente modificabile, oppure esporta un PNG a 2× quando ti serve un'immagine raster per il web o un documento. Se hai già un SVG e vuoi solo un PNG, l'apposito convertitore da SVG a PNG lo fa in un solo passaggio.

Due limiti onesti: l'editor legge SVG standard, non i file .ai o .eps di Adobe, e non gestisce gradient mesh, riempimenti a motivo o colore CMYK. Per modificare loghi, icone e illustrazioni di uso quotidiano come SVG, però, tutto ciò che ti serve funziona sul tuo dispositivo. Apri l'editor vettoriale per iniziare.