Convertire HEIC in SVG

Il tracciato trova il confine fra aree di colore diverso e disegna un tracciato chiuso lungo di esso. Una linea a matita ha due di questi confini, uno per lato, quindi ciò che esce è un cappio sottile attorno alla linea anziché una linea. Riempito di nero appare esattamente giusto sullo schermo, e per qualunque cosa verrà visualizzata o stampata è una risposta completa.

Smette di essere una risposta completa nel momento in cui una macchina segue i tracciati. Un plotter a penna disegna lungo un lato di ogni tratto e torna su per l’altro. Una taglierina per vinile taglia il tratto come una forma. Un router CNC con punta a V segue il contorno invece della linea disegnata. Se la destinazione è una macchina che segue i tracciati, ciò che serve si chiama tracciatura a linea mediana o scheletrizzazione, ed è un algoritmo diverso da quello alla base di questa pagina.

L’algoritmo cerca regioni piatte, e una lavagna fotografata col telefono ne ha meno di quanto si pensi. La lavagna è più chiara vicino alla finestra e grigia nell’angolo, il pennarello ha una lucentezza dove la luce del soffitto lo colpisce, l’ultima passata di cancellazione ha lasciato una macchia leggera nel mezzo, e lo scatto è stato preso da una sedia, quindi il rettangolo è un trapezio.

Ciascuna di queste diventa geometria. Il gradiente di illuminazione si trasforma in bande di bianco leggermente diverso; la lucentezza diventa un isolotto nel mezzo di un tratto; i fantasmi diventano forme pallide sparse sul disegno. Nessuna di queste è un fallimento del tracciatore, che riproduce ciò che è nell’immagine. È un motivo per sistemare l’immagine prima di tracciarla.

Dritto davanti, non di lato, col telefono parallelo alla carta o alla lavagna. Luce uniforme, senza ombra del proprio corpo attraverso l’inquadratura e senza lampada che si riflette sulla superficie. Riempire l’inquadratura col disegno e nient’altro. Se il disegno è su carta, l’app Note di iOS ha uno scanner di documenti che appiattisce la prospettiva, ed è un punto di partenza migliore di una fotografia piatta.

Poi aumentare il contrasto prima di convertire. Nell’app Foto, alzare Contrasto e Punto di nero e abbassare un po’ la Luminosità spinge la carta verso il bianco e l’inchiostro verso il nero, il che collassa esattamente la variazione di illuminazione che altrimenti diventerebbe forme. Due minuti di questo fanno di più per il tracciato di qualsiasi impostazione di questa pagina.

L’impostazione dei colori è quella che conta di più, e per il lavoro a tratto la risposta è l’opzione più bassa, 4. Un disegno ha due colori al suo interno. Tutto ciò che sta sopra i due viene speso a descrivere l’illuminazione sulla carta e i bordi morbidi dei tratti, e ogni livello extra significa più tracciati, un file più grande e più piccole forme da ripulire in seguito.

Il default di 8 è pensato per l’illustrazione piatta — un logo con pochi colori solidi, un’icona, un diagramma stampato. Sedici e trentadue esistono per immagini con ombreggiatura reale, e sceglierli per uno schizzo produce un SVG molto più grande che non è più accurato sulle linee che si sono disegnate. Provare prima 4 e salire solo se qualcosa che serviva è scomparso.

L’impostazione del dettaglio controlla due cose: quanto liberamente una linea retta o una curva può essere adattata a una sequenza di pixel di bordo, e quanto piccola deve essere una forma prima di essere scartata. Smooth scarta qualcosa sotto i 16 pixel, Balanced sotto gli 8, Sharp sotto i 2.

Quella soglia è quella a cui pensare con una fotografia da telefono, perché un bordo di fotocamera non è mai pulito — il rumore del sensore e l’antialiasing lasciano una frangia di pixel intermedi lungo ogni tratto, e ciascuno di essi può diventare una macchia con un proprio tracciato. Smooth di solito è la scelta giusta per un disegno fotografato: butta via la frangia e arrotonda leggermente gli angoli. Sharp è per una fonte che era già pulita, come uno screenshot o una scansione, e su una fotografia da telefono traccia fedelmente il rumore.

Una sfocatura prima del tracciato eliminerebbe le macchie, e ogni strumento di tracciatura ne offre una. È fissata a zero qui perché le elimina ammorbidendo i bordi netti che sono l’intero motivo per tracciare, e una versione arrotondata e leggermente fusa del proprio disegno è un cattivo scambio per un numero inferiore di tracciati.

La soglia di scarto fa lo stesso lavoro senza quel costo: rimuove forme al di sotto di una dimensione piuttosto che sfocare tutto ciò che sta sopra. Se il tracciato è pieno di macchie, alzare l’impostazione del dettaglio verso smooth o ripulire l’immagine sorgente, anziché cercare un controllo di sfocatura che non c’è apposta.

Qualunque sia l’ingresso, l’immagine viene scalata in modo che il suo lato più lungo sia al massimo 1 600 pixel prima che il tracciato cominci. Un fotogramma iPhone da 12 megapixel è 4 032 pixel di lato, quindi viene ridotto di circa un fattore due e mezzo.

Questo non costa nulla di ciò che conta. L’output è indipendente dalla risoluzione — tracciati a 1 600 pixel e tracciati a 4 032 renderizzano in modo identico a qualsiasi dimensione — e ciò che cambia è solo quanto strettamente i contorni aderiscono alla griglia di pixel originale. Ciò che si compra è una conversione che finisce in secondi anziché decine di secondi e un SVG misurato in kilobyte anziché megabyte, perché il costo del tracciato cresce col numero di bordi e una fotografia grande ha un bordo quasi ovunque.

Il segnale più affidabile su come è andato un tracciato non è un’anteprima, è l’aritmetica. Se l’SVG è più piccolo o paragonabile alla sorgente, l’immagine aveva regioni piatte genuine e il tracciato le ha trovate. Se è molte volte più grande, il tracciatore stava lottando con l’immagine e trasformando la texture in migliaia di piccoli tracciati.

Entrambi i numeri sono mostrati dopo la conversione, quindi la verifica non costa fatica. Un caso misurato che vale la pena conoscere: uno screenshot contenente testo tracciato in un SVG quaranta volte la dimensione del PNG, perché ogni lettera antialiasata è diventata la propria pila di tracciati. La scrittura a mano su una lavagna si comporta allo stesso modo. Se è ciò che si vede, la risposta non è un’impostazione diversa, è un approccio diverso.

Supporre che l’SVG sia un punto di partenza anziché un disegno finito. Aprirlo in Inkscape, Illustrator o Figma e aspettarsi di fare tre cose: cancellare il rettangolo di sfondo se ne è stato tracciato uno, selezionare e rimuovere le macchie residue, e unire o semplificare i tracciati dove il tracciatore ha diviso un singolo tratto in più.

Per una planimetria o un disegno tecnico c’è un quarto: nulla nel tracciato sa di scala, rettilineità o angoli retti. Linee che dovevano essere parallele non lo sono, e un muro che era di 4 metri è ora un numero arbitrario di unità utente. Se le misure contano, il tracciato è un modello su cui disegnare, non un disegno da misurare.

Tutto gira nella pagina: libheif decodifica l’HEIC, una canvas lo scala, e imagetracerjs — 46 KB di JavaScript puro — fa il tracciato. Nessuna richiesta porta l’immagine, e si può verificare nella scheda Rete o staccando prima la macchina.

Non è un vantaggio astratto qui. Le cose che le persone fotografano e vogliono vettorializzare sono lavagne di riunioni, schizzi di prodotto, planimetrie di cantiere e motivi, cioè lavoro non pubblicato. Poter provare quattro impostazioni senza che nulla lasci il portatile è la differenza fra usare lo strumento e non usarlo.