Convertir HEIC en SVG

La trace trouve la limite entre des zones de couleur différente et dessine un chemin fermé le long d’elle. Un trait de crayon a deux de ces limites, une de chaque côté, donc ce qui sort est une longue boucle fine autour du trait plutôt qu’un trait. Rempli de noir il a l’air tout à fait correct à l’écran, et pour tout ce qui sera affiché ou imprimé c’est une réponse complète.

Cela cesse d’être une réponse complète au moment où une machine suit les chemins. Un traceur à plume descend un côté de chaque trait et remonte de l’autre. Une découpeuse vinyle coupe le trait comme une forme. Une fraiseuse CNC avec une fraise en V suit le contour au lieu du trait dessiné. Si la destination est une machine qui suit des chemins, ce qu’il vous faut s’appelle traçage de ligne médiane ou squelettisation, et c’est un algorithme différent de celui derrière cette page.

L’algorithme cherche des régions plates, et un tableau blanc photographié avec un téléphone en a moins qu’on ne le croit. Le tableau est plus brillant près de la fenêtre et gris dans le coin, le marqueur a un reflet là où la lumière du plafond le frappe, le dernier coup d’éponge a laissé une traînée pâle au milieu, et la photo a été prise depuis une chaise donc le rectangle est un trapèze.

Chacune de ces choses devient de la géométrie. Le dégradé d’éclairage devient des bandes de blanc légèrement différent ; le reflet devient une île au milieu d’un trait ; les fantômes deviennent des formes pâles éparpillées sur le dessin. Aucune de cela n’est une défaillance du traceur, qui reproduit ce qui est dans l’image. C’est une raison de corriger l’image avant de la tracer.

De face, pas de biais, le téléphone parallèle au papier ou au tableau. Lumière égale, sans ombre de votre propre corps à travers le cadre et sans lampe qui se reflète sur la surface. Remplissez le cadre du dessin et rien d’autre. Si le dessin est sur papier, l’app Notes d’iOS a un scanner de documents qui aplanit la perspective pour vous, ce qui est un meilleur point de départ qu’une simple photo.

Puis augmentez le contraste avant de convertir. Dans l’app Photos, monter le Contraste et le Point noir et baisser un peu la Luminosité pousse le papier vers le blanc et l’encre vers le noir, ce qui effondre exactement la variation d’éclairage qui deviendrait autrement des formes. Deux minutes de cela font plus pour la trace que n’importe quel réglage de cette page.

Le réglage de couleurs est celui qui compte le plus, et pour le trait la réponse est l’option la plus basse, 4. Un dessin a deux couleurs dedans. Tout ce qui est au-dessus de deux est dépensé à décrire l’éclairage sur le papier et les bords doux des traits, et chaque niveau en plus signifie plus de chemins, un fichier plus gros et plus de petites formes à nettoyer ensuite.

Le défaut de 8 vise l’illustration plate — un logo à quelques couleurs unies, une icône, un diagramme imprimé. Seize et trente-deux existent pour les images avec un ombrage réel, et les choisir pour une esquisse produit un SVG bien plus gros qui n’est pas plus précis sur les traits que vous avez dessinés. Essayez 4 d’abord et ne montez que si quelque chose dont vous aviez besoin a disparu.

Le réglage de détail commande deux choses : à quel point une ligne droite ou une courbe peut être ajustée librement à une suite de pixels de bord, et la taille en dessous de laquelle une forme est écartée. Lisse écarte tout ce qui est en dessous de 16 pixels, équilibré en dessous de 8, net en dessous de 2.

Ce seuil est celui auquel penser avec une photo de téléphone, parce qu’un bord d’appareil photo n’est jamais net — le bruit du capteur et l’antialiasing laissent une frange de pixels intermédiaires le long de chaque trait, et chacun de ceux-ci peut devenir une moucheture de son propre chemin. Lisse est en général le bon choix pour un dessin photographié : il jette la frange et arrondit légèrement les angles en passant. Net est pour une source qui était déjà nette, comme une capture d’écran ou une numérisation, et sur une photo de téléphone il trace fidèlement le bruit.

Un flou avant la trace supprimerait les mouchetures, et chaque outil de traçage en propose un. Il est fixé à zéro ici parce qu’il les supprime en adoucissant les bords francs qui sont la raison même de tracer, et une version arrondie et légèrement fondue de votre dessin est un mauvais échange contre un compte de chemins plus bas.

Le seuil de rejet fait le même travail sans ce coût : il retire les formes en dessous d’une taille plutôt que de flouter tout ce qui est au-dessus. Si votre trace est pleine de mouchetures, montez le réglage de détail vers lisse ou nettoyez l’image source, plutôt que de chercher un contrôle de flou qui n’est pas là volontairement.

Quelle que soit l’entrée, l’image est mise à l’échelle pour que son bord le plus long fasse au plus 1 600 pixels avant que la trace ne commence. Une frame iPhone de 12 mégapixels fait 4 032 pixels de large, donc elle est réduite d’un facteur d’environ deux et demi.

Cela ne coûte rien de ce qui compte. La sortie est indépendante de la résolution — des chemins tracés à 1 600 pixels et des chemins tracés à 4 032 s’affichent identiquement à n’importe quelle taille — et ce qui change, c’est uniquement la précision avec laquelle les contours épousent la grille de pixels d’origine. Ce que cela achète est une conversion qui se termine en secondes au lieu de dizaines de secondes et un SVG mesuré en kilo-octets plutôt qu’en mégaoctets, parce que le coût du traçage croît avec le nombre de bords et une grande photo a un bord presque partout.

Le signal le plus fiable sur la question de savoir si une trace a bien été n’est pas un aperçu, c’est l’arithmétique. Si le SVG est plus petit ou comparable à la source, l’image avait de véritables régions plates et la trace les a trouvées. S’il est plusieurs fois plus grand, le traceur se battait avec l’image et transformait de la texture en milliers de petits chemins.

Les deux nombres sont affichés après la conversion, donc la vérification ne demande aucun effort. Un cas mesuré qui vaut la peine d’être connu : une capture d’écran contenant du texte tracée en un SVG quarante fois la taille du PNG, parce que chaque lettre antialiasée est devenue son propre tas de chemins. L’écriture manuscrite sur un tableau blanc se comporte de la même façon. Si c’est ce que vous voyez, la réponse n’est pas un réglage différent, c’est une approche différente.

Supposez que le SVG est un point de départ plutôt qu’un dessin fini. Ouvrez-le dans Inkscape, Illustrator ou Figma et attendez-vous à faire trois choses : supprimer le rectangle de fond s’il y en a un de tracé, sélectionner et retirer les mouchetures restantes, et joindre ou simplifier les chemins là où le traceur a coupé un seul trait en plusieurs.

Pour un plan d’étage ou un dessin technique, il y a un quatrième : rien dans la trace ne sait rien de l’échelle, de la droiture ou des angles droits. Des lignes qui étaient censées être parallèles ne le sont pas, et un mur qui faisait 4 mètres de long est maintenant un nombre arbitraire d’unités utilisateur. Si les mesures comptent, la trace est un gabarit pour redessiner dessus, pas un dessin à mesurer.

Tout tourne dans la page : libheif décode le HEIC, un canevas le met à l’échelle, et imagetracerjs — 46 Ko de JavaScript simple — fait le traçage. Aucune requête ne porte l’image, ce que vous pouvez confirmer dans l’onglet réseau ou en débranchant la machine d’abord.

Ce n’est pas un bénéfice abstrait ici. Les choses que les gens photographient et veulent vectoriser sont des tableaux de réunion, des esquisses de produit, des plans de site et des motifs, ce qui veut dire du travail non publié. Pouvoir essayer quatre réglages dessus sans qu’aucun ne quitte le portable est la différence entre utiliser l’outil et ne pas l’utiliser.