Hai il tuo logo come PNG. Appare bene nell'intestazione del tuo sito, poi qualcuno lo chiede grande — un banner, un lavoro di stampa, una maglietta — e ingrandito diventa morbido e frastagliato. È questo il tetto di un file raster: è una griglia fissa di pixel, e non c'è dettaglio extra da trovare quando lo ingrandisci. Un SVG non ha quel tetto. Memorizza il logo come forme e tracciati, quindi si ridisegna nitido che sia largo 32 pixel o due metri.
Portare un logo PNG in forma SVG significa tracciarlo — leggere i pixel e disegnare tracciati vettoriali che seguono i bordi. Per un logo piatto è esattamente lo strumento giusto, ed è veloce.
Perché un logo si traccia bene
Un buon logo è l'input ideale per il tracciamento. Di solito ha un piccolo numero di colori pieni, confini puliti tra di essi e nessun gradiente morbido o texture fotografica. Un tracciatore legge quel tipo di immagine in modo pulito: trova ogni blocco di colore, disegna un tracciato stretto attorno ad esso e produce un SVG con solo una manciata di forme. File piccolo, bordi nitidi, completamente modificabile dopo.
Icone, illustrazioni semplici, disegni al tratto e lettering a mano rientrano nella stessa felice categoria per lo stesso motivo — colore piatto e bordi definiti.
Il passo dopo passo
- Parti dal PNG più pulito che hai. Una sorgente ad alta risoluzione e nitida si traccia meglio di una minuscola e sfocata. Se il tuo logo ha uno sfondo trasparente, mantienilo — il tracciamento può preservarlo.
- Scegli un preset che si adatta al logo. Per un marchio a due o tre colori, Piatto / logo mantiene basso il numero di colori e semplici le forme. Per un'illustrazione più dettagliata, Dettagliato consente più tracciati. Per puro disegno al tratto o una silhouette, Bianco e nero lo riduce a due tonalità.
- Controlla l'anteprima prima/dopo. Confronta il tracciamento con l'originale. Se i bordi appaiono grumosi, o lo strumento ha inventato colori extra, prova un preset diverso — meno colori di solito danno un risultato più pulito e più piccolo.
- Scarica l'SVG e aprilo in un editor vettoriale per rifinire se necessario.
Poiché questo gira interamente nel tuo browser, il logo che inserisci non viene mai caricato — viene letto da una tela sulla tua macchina, non c'è account e funziona offline una volta caricata la pagina.
Ripulisci e ricolora dopo il tracciamento
L'output è un normale SVG fatto di tracciati e riempimenti nominati, quindi non sei bloccato con qualunque cosa il tracciamento abbia prodotto. Aprilo in Illustrator, Inkscape o Figma e puoi cambiare il colore di un'intera regione modificando un riempimento, impostare il tuo esatto hex del marchio, eliminare una forma vagante che il tracciatore ha raccolto o spostare un tracciato. Questa è la vera ricompensa: il logo smette di essere un'immagine fissa e diventa un oggetto modificabile a qualsiasi dimensione.
Dove non aiuterà: le foto
Sii onesto sull'input. Questo traccia forme, non fotografie. Se gli dai in pasto una foto — un ritratto, uno scatto di prodotto, un paesaggio — produrrà comunque un SVG, ma pessimo: migliaia di colori sottili vengono approssimati da macchie impilate, il file si gonfia ben oltre il JPG originale e appare spalmato. Per qualsiasi cosa a tono continuo, mantienila come formato raster e comprimila invece. E questa non è un'IA che ridisegna il tuo logo in qualcosa di nuovo — se il PNG sorgente è sfocato o rumoroso, il tracciamento eredita quello. Un logo pulito, piatto e a pochi colori dà un SVG pulito; è questo il punto ideale.