Convertir BMP en SVG

Toute autre conversion sur ce site prend une image et écrit la même image dans un autre format. Celle-ci ne le peut pas, parce qu’il n’y a pas de formes dans un bitmap à porter — un BMP est une grille de valeurs de couleur et rien d’autre, sans trace du logo, des lettres ou des traits qui l’ont produit.

Le traceur devine donc. Il trouve les frontières entre zones de couleur similaire et dessine un contour autour de chacune, et le résultat est un nouveau dessin qui se trouve ressembler à l’ancienne image. Cette devinette est ce qu’est le tracé, et c’est pourquoi cette page consacre sa longueur aux images qu’il devine bien plutôt qu’à des réglages. C’est aussi pourquoi rien ici n’essaie de prédire le résultat depuis le fichier : une heuristique sur le nombre de couleurs serait une devinette sur une devinette, et la vraie réponse est disponible gratuitement un instant plus tard en regardant ce qui est sorti.

Les zones plates avec de vraies frontières entre elles : un logo, un wordmark, une icône, une illustration plate, un schéma, un dessin au trait numérisé. Ce matériau est fait de précisément ce que l’algorithme cherche, donc la sortie est un petit ensemble de chemins propres qui passent à toute taille sans devenir flous.

Mesuré avant que la fonctionnalité ne soit construite plutôt qu’après : un logo plat a fait l’aller-retour fidèlement — arêtes nettes, couleurs correctes, coins arrondis conservés — et 6 Ko de PNG sont devenus 16 Ko de SVG qui passe maintenant à la taille d’un panneau. Plus gros, et qui en vaut la peine, parce que le fichier plus gros est celui qui peut être imprimé à un mètre de large. C’est la forme d’un tracé réussi sur cette page : une augmentation modeste d’octets en échange de l’indépendance de résolution. Si la sortie est plusieurs fois l’entrée plutôt que quelques fois, le tracé n’a pas fonctionné et les deux sections suivantes expliquent pourquoi.

Ce qui sort est une liste de chemins remplis, donc Inkscape, Illustrator et Figma l’ouvriront tous et permettront de sélectionner une forme, la recolorier, la déplacer ou la supprimer. Pour un logo récupéré, c’est en général tout le travail : tracer à quatre ou huit couleurs, supprimer les points parasites que le traceur a laissés le long des bords, mettre les remplissages aux valeurs exactes de la marque, et l’illustration est à nouveau utilisable.

À quel point c’est agréable dépend entièrement du nombre de formes. Une marque nette tracée à quatre couleurs est une poignée de chemins et se comporte comme quelque chose qu’une personne a dessiné. Une photographie tracée est des milliers de taches qui se chevauchent sans structure, sans nom et sans groupement, et l’éditer n’est pas vraiment plus facile que de redessiner l’image. Les chemins ne correspondent à rien non plus : il n’y a pas de chemin qui soit « la lettre A », seulement le contour d’une région qui se trouvait être d’une certaine couleur.

Il la posterise. Une photo n’a pas de zones plates — un ciel est un dégradé continu et un visage est un dégradé continu — donc le traceur fabrique les frontières dont il a besoin en réduisant d’abord l’image à une poignée de couleurs, puis en les entourant.

Le résultat mesuré est celui auquel il faut s’attendre : une photo est sortie quatre fois plus grosse que l’original compressé et visiblement posterisée. Les deux moitiés sont mauvaises, ce qui est inhabituel — la plupart des compromis ici donnent quelque chose en échange. Si l’objectif était de mettre une photo à l’échelle, rien ne l’atteint, et la bonne décision est de garder les pixels et d’utiliser la plus grande version que vous avez.

Une capture d’écran contenant du texte a produit un SVG quarante fois la taille du PNG. Chaque lettre anti-crénelée est un amas de gris légèrement différents, et chacun devient son propre petit chemin, donc un paragraphe de texte se transforme en milliers de formes qui ensemble ressemblent à un texte légèrement faux.

Puisque les captures d’écran sont l’une des choses les plus courantes à arriver en BMP, cela mérite d’être dit fort. Si l’objectif était les mots, la conversion BMP en TXT les lit. Si l’objectif était une image nette de l’interface, le PNG garde chaque pixel exactement et fait une fraction de la taille du bitmap ou du tracé.

Quatre couleurs pour une marque monochrome ou un logo simple, huit pour une illustration plate, seize là où il y a un vrai modelé, trente-deux seulement quand le résultat manque visiblement quelque chose. La valeur par défaut est huit et c’est le bon point de départ pour la plupart des œuvres qui arrivent en bitmap.

Le coût d’une augmentation n’est linéaire d’aucune manière qui paraisse juste. Chaque couleur supplémentaire est un autre jeu complet de zones à entourer, donc le nombre de formes et la taille du fichier grimpent vite tandis que l’amélioration visuelle s’aplatit. Essayer huit puis seize prend vingt secondes et tranche la question mieux qu’un raisonnement à son sujet. Il y a une seconde raison de garder le nombre bas qui n’a rien à voir avec la taille : un logo tracé à quatre couleurs est quelque chose qu’on peut nettoyer après, et un tracé à trente-deux est quelque chose qu’on ne peut qu’accepter ou jeter.

Le réglage de détail contrôle à quel point les chemins suivent les pixels. Doux accepte un ajustement plus lâche et jette toute forme en dessous de seize pixels, ce qui supprime les points parasites que l’anti-crénelage laisse le long de chaque bord. Net garde les formes jusqu’à deux pixels et suit la grille de près. Équilibré se tient entre les deux et est la valeur par défaut.

Doux est en général juste pour un logo et net l’est pour un dessin technique où une ligne fine compte. Ce que le réglage ne fait jamais, c’est de flouter l’image d’abord : cela réduirait le nombre de points en adoucissant précisément les arêtes dures qui étaient la seule raison de tracer un logo, donc le rayon de flou reste à zéro sur tous les réglages.

Le coût du tracé croît avec le nombre d’arêtes plutôt qu’avec la taille du fichier, et une grande photo a une arête presque partout. Sans intervention, une source de douze mégapixels peut produire un SVG de plusieurs mégaoctets sur des dizaines de secondes — un résultat pire que celui que le visiteur essayait d’éviter.

La mise à l’échelle d’abord n’est pas la perte qu’elle serait dans une conversion matricielle. La sortie est indépendante de la résolution, donc un logo tracé à 1 600 pixels de large et le même logo tracé à 4 000 rendent identiquement à toute taille ; ce qui change, c’est à quel point les chemins serrent la grille de pixels d’origine. Comme un BMP est non compressé et donc souvent énorme, ce plafond est atteint sur cette page plus que sur toute autre.

Après le tracé, les deux nombres d’octets sont mesurés et comparés, et l’interface dit de quel côté c’est allé. Cet avertissement est le cœur honnête de la fonctionnalité — aucune heuristique ne prédit si un tracé fonctionnera, mais la réponse est disponible gratuitement un instant plus tard.

Il faut une correction quand la source est un bitmap. Face à trois octets non compressés par pixel, presque tout ressemble à un gain, donc une photo tracée peut être plus petite que son BMP de 36 Mo tout en étant quatre fois plus grosse qu’un PNG de la même image et considérablement moins bonne. Convertissez le bitmap en PNG aussi et comparez plutôt à ce chiffre ; c’est celui qui reflète ce que le tracé a vraiment coûté. Les mesures citées plus haut sont toutes contre des originaux compressés pour la même raison — une comparaison contre un bitmap non compressé aurait fait ressembler chacune d’elles à un succès, y compris la photo.

Le tracé est fait par imagetracerjs : 46 Ko, pur JavaScript, sous Unlicense. Ce n’est pas le meilleur traceur disponible. potrace et autotrace produisent des courbes plus propres et sont GPL ; VTracer produit le meilleur résultat des quatre et est correctement licencié, mais son seul empaquetage navigateur ne déclare aucune licence, ce que ce projet traite comme bloqué plutôt que comme permissif.

Ce que cela achète est une conversion qui tourne entièrement dans votre navigateur. Le bitmap est décodé, mis à l’échelle et tracé dans l’onglet, rien n’est téléversé, et il n’y a pas de compte ni de quota journalier — ce qui compte, parce que les œuvres qu’on essaie de récupérer de cette manière sont presque toujours un logo que quelqu’un possède.