Convertire JPG in SVG

Se il file è una fotografia, una persona, un prodotto su un tavolo, un edificio, un paesaggio, qualunque cosa abbia visto una fotocamera, tracciarlo non darà una versione scalabile. Nel file non c’è niente da scalare. Una fotografia è un campo continuo di colore senza confini, e il tracciatore deve fabbricare i confini prima di poterne disegnare, cosa che fa riducendo l’immagine a una manciata di colori piatti.

Ciò che torna indietro sembra un poster serigrafico della fotografia, ed è più grande. Sulla fotografia di esempio di questo sito, 8.924 byte di JPG sono diventati 200.835 byte di SVG a otto colori, ventidue volte la dimensione, e visibilmente peggio. Entrambe le metà sono negative, il che è insolito: la maggior parte dei compromessi su questo sito dà qualcosa in cambio. Questo, su questo ingresso, non dà nulla. Il resto della pagina è per i due tipi di visitatore per cui non è tutta la storia.

La posterizzazione è un fallimento quando si voleva una fotografia e una tecnica quando si voleva un poster. Se il piano è una stampa a due colori, un taglio per vinile, uno stencil, un’incisione laser, o un progetto Cricut, le regioni piatte che il tracciatore inventa sono esattamente le regioni che la macchina richiede, e una fotografia è un punto di partenza legittimo.

Lavorare a quattro colori piuttosto che otto per quel lavoro. Quattro dà regioni grandi e per lo più chiuse che un taglierino può seguire; otto produce già le isole frammentate che rendono un file di taglio inutilizzabile. Poi aprire il risultato in Inkscape e cancellare i puntini, ce ne saranno, e su un taglierino ogni puntino è un taglio reale. Il conteggio delle forme misurato è la guida: la fotografia di esempio a quattro colori è uscita come 246 tracciati, e a trentadue come 3.897, che non è un design che qualcuno vorrà mettere in ordine.

JPEG fa due cose che contano qui e che nessun’altra sorgente di questo blocco fa. Memorizza l’informazione di colore a metà della risoluzione della luminosità, e comprime in blocchi di otto per otto pixel. Entrambi sono invisibili a dimensione di visione normale ed entrambi sono struttura, quindi il tracciatore li tratta come immagine.

Il risultato è il contorno del ringing come linee sottili lungo ogni bordo duro, e i confini dei blocchi tracciati come una griglia su aree che avrebbero dovuto essere piatte. Un JPG salvato una volta ad alta qualità ne mostra poco; un JPG che è passato attraverso un’app di messaggistica due volte ne mostra molto. Se si ha accesso al file prima che fosse compresso, l’esportazione PNG originale, il file che il designer ha mandato, tracciare quello invece, perché la differenza è più grande di qualsiasi impostazione su questa pagina.

Questa è la ragione onesta più comune per arrivare qui: l’artwork è andato, e ciò che sopravvive è una fotografia di un cartello, di una lettera, di un biglietto da visita, di una vecchia brochure. Tracciarlo è ragionevole, e vale la pena fare la fotografia bene prima perché nulla a valle può rimediare.

Illuminare in modo uniforme senza ombra attraverso il marchio, scattare in perpendicolare invece che di sbieco, riempire l’inquadratura con il marchio da solo, e ritagliare via la carta prima di convertire. Poi tracciare a quattro colori con dettaglio morbido. La trama della carta e il rumore della fotocamera sono il nemico, ed entrambi si riducono molto di più con una fotografia migliore che con qualsiasi opzione qui. Aspettarsi un risultato abbastanza vicino da ridisegnare a partire da esso, non abbastanza vicino da usare direttamente.

L’impostazione dei colori decide in quante regioni piatte l’immagine viene ridotta prima che avvenga qualunque contorno, e su una sorgente fotografica è l’unica impostazione che cambia l’esito di un ordine di grandezza. Quattro per un poster o un file di taglio, otto solo se quattro ha perso visibilmente il soggetto, sedici e trentadue essenzialmente mai.

Il costo dell’alzarla non è gentile. Ogni colore in più è un altro set completo di regioni da contornare, e su tono continuo ognuna di quelle regioni è un’isola frastagliata invece di una forma. La fotografia di esempio misurata è 101.709 byte a quattro colori, 200.835 a otto, 557.618 a sedici e 1.137.963 a trentadue, una salita di undici volte in byte per un’immagine che ancora non è la fotografia. La grafica piatta non si comporta in quel modo, che è il segno più chiaro che una fotografia è l’input sbagliato invece che uno configurato male.

L’impostazione del dettaglio controlla quanto da vicino ogni contorno segue la griglia dei pixel e quanto piccola una forma deve essere prima di essere scartata. Morbido accetta un adattamento più lasco e scarta qualunque cosa sotto i sedici pixel; netto segue la griglia da vicino e conserva forme fino a due pixel; bilanciato è il predefinito e sta nel mezzo.

Su una fotografia, morbido è la scelta giusta e netto è vicino all’inutile. Il rumore del sensore e il ringing JPEG sono precisamente le forme sotto i sedici pixel che morbido scarta, e netto è un’istruzione a conservarle tutte. L’unica cosa che nessuna impostazione fa è sfocare l’immagine prima: il raggio di sfocatura resta a zero, perché ammorbidire i bordi per ridurre il conteggio dei puntini ammorbidirebbe anche i pochi bordi reali che l’immagine ha.

Qualunque cosa più lunga di 1.600 pixel sul lato più lungo è ridotta prima. Il costo del tracciamento cresce con il numero di bordi invece che con il conteggio dei pixel, e un JPG da dodici megapixel ha un bordo quasi ovunque, quindi lasciato così può impiegare decine di secondi per produrre un file da molti megabyte.

Costa meno di quanto sembri. L’output è indipendente dalla risoluzione, quindi un marchio tracciato a 1.600 pixel e lo stesso marchio tracciato a 4.000 si rendono in modo identico a qualsiasi dimensione; ciò che cambia è solo quanto strettamente i contorni seguono la griglia originale. Su una fotografia la riduzione è attivamente utile, perché fa la media proprio del rumore del sensore che altrimenti diventerebbe forme. Significa che un file da 24 megapixel non dà più dettaglio di uno da 8, quindi non c’è ragione di caricare l’originale a piena dimensione.

Una lista di tracciati pieni, uno per regione, impilati in livelli, ognuno con un riempimento solido e un tratto corrispondente di un pixel. Non ci sono gruppi, non ci sono nomi, non ci sono elementi di testo e non c’è struttura: niente nel file corrisponde a «il tetto» o «la lettera A», solo a un’area che è risultata essere di un colore dopo la quantizzazione.

Questo conta per la modifica. Inkscape, Illustrator e Figma apriranno tutti il file e lasceranno selezionare, ricolorare, spostare o cancellare qualsiasi forma, e per un poster a quattro colori è un pomeriggio lavorabile. Per una traccia a trentadue colori di una fotografia non lo è: tremila blob anonimi sovrapposti sono più difficili da gestire di una tela vuota. La trasparenza, dove il JPG non ne aveva in origine, è portata come un attributo di opacità sui tracciati interessati invece che come un canale alfa, rilevante solo se l’SVG viene poi compositato su qualcosa.

Se il problema è che l’immagine diventa sfocata quando viene ingrandita, nessun formato lo risolve, e SVG meno di tutti: usare il JPG più grande che si ha. Se il problema è che il salvataggio continuo degrada il file, convertire il JPG in PNG ferma l’emorragia: PNG è lossless, quindi nient’altro va perso, anche se nulla di già perso torna indietro.

Se il problema è che una stampante o un team di design ha chiesto artwork vettoriale, la risposta è ridisegnare invece di tracciare. Un marchio semplice richiede venti minuti in Inkscape e produce un file con curve reali, testo reale e struttura reale, che è ciò che si chiedeva con «vettoriale». Una traccia di una fotografia soddisfa l’estensione del file e nient’altro, e qualsiasi designer che la riceve lo dirà.

Il JPG è decodificato, scalato e tracciato nel browser. Niente viene caricato, non c’è account e non c’è tetto giornaliero, il che conta qui più che sulla maggior parte delle pagine perché le fotografie che la gente cerca di vettorializzare sono spesso del proprio lavoro, della propria famiglia, o del marchio di un cliente.

Il tracciamento è fatto da imagetracerjs, 46 KB, puro JavaScript, rilasciato sotto Unlicense. Non è il miglior tracciatore esistente. potrace e autotrace producono curve più pulite e sono GPL; VTracer è ancora meglio e propriamente licenziato, ma il suo unico pacchetto per browser non dichiara alcuna licenza, e questo progetto lo tratta come bloccato invece che come permissivo. Sulla grafica piatta la differenza tra loro è modesta. Su una fotografia tutti e quattro producono una copia posterizzata, quindi la scelta del tracciatore non è ciò che sta tra voi e un buon risultato.