Convertir JXL en SVG

Rendre un SVG en pixels est déterministe : le fichier dit quelles sont les formes et un moteur de rendu les dessine. Aller dans l’autre sens, il n’y a aucune forme dans le fichier du tout — un JPEG XL est une grille de couleurs, et chaque courbe, chaque coin et chaque contour dont un SVG aurait besoin doit être inféré à partir de l’endroit où ces couleurs changent.

Cette inférence est ce qu’est la vectorisation, et c’est pourquoi cette paire est décrite différemment de toute autre du site. Rien dans la sortie n’est l’entrée. Le résultat est un nouveau dessin qui ressemble à l’original à un degré qui dépend entièrement de ce qu’était l’original, ce qui fait l’objet des deux sections suivantes et la raison pour laquelle cette page existe sous la forme qu’elle a.

Elle devient une mauvaise photo dans un gros fichier. Le traceur fonctionne en trouvant des régions de couleur proche et en traçant un contour autour de chacune, donc il a besoin que des zones plates existent. Une photo n’en a aucune — elle a une gradation continue de tons dans toutes les directions — donc l’algorithme invente les zones plates en quantifiant les couleurs d’abord, et le résultat visible est une postérisation.

Cela a été mesuré avant que la fonction ne soit livrée plutôt que supposé après : une photo est ressortie environ quatre fois plus grosse que la source et visiblement pastellisée, et un dégradé a fait des bandes pour la même raison, parce qu’un dégradé est précisément l’absence des zones plates que l’algorithme cherche. JPEG XL cite la photographie parmi ses usages, donc une bonne part des gens qui atterrissent sur cette page ont exactement ce genre de fichier, et le conseil honnête est de ne pas le convertir.

L artwork plat, et cela marche mieux que ce que la plupart des gens attendent. Un logo fait l’aller-retour fidèlement — en test une source de 6 ko est devenue un SVG de 16 ko avec ses bords nets, ses couleurs correctes et ses coins arrondis intacts, et le résultat se met à l’échelle jusqu’à un panneau sans s’adoucir. Les icônes, les marques unicolores, les illustrations plates et les traits numérisés tombent tous dans la même catégorie.

Le fil commun est que ces images contiennent vraiment la chose que le traceur cherche : des zones d’une couleur avec une frontière définie entre elles. Le SVG qui en sort est plus gros en octets que l’image source et infiniment plus petit qu’un raster assez grand pour imprimer, ce qui est le compromis que le format existe pour faire. C’est le cas pour lequel cette conversion existe, et c’est le seul cas où elle devrait être la première chose que vous essayez.

Une capture d’écran contenant du texte a produit un SVG environ quarante fois plus gros que la source. La raison en est l’anti-aliasing : chaque lettre est dessinée avec une frange de couleurs intermédiaires, et chacune de ces franges devient sa propre petite pile de chemins. Multipliez cela par une page de typographie et le fichier explose tout en ayant l’air plus mauvais que les pixels qu’il a remplacés.

Si un JPEG XL est surtout des mots, la question est presque toujours ce que vous voulez faire des mots. Pour les lire ou les coller, la reconnaissance de caractères est le bon outil et vous donne des caractères plutôt que des formes. Pour garder l’apparence de la page, un format raster la garde à une fraction de la taille. La vectorisation de typographie n’est défendable que pour un mot-symbole — une poignée de lettres qui sont de l artwork plutôt que du texte — et là quatre couleurs et un détail lisse est le réglage par lequel commencer.

Le nombre de couleurs est combien de couleurs plates le dessin est réduit à, et c’est le réglage qui décide de tout le reste. Quatre convient à un logo ou à une marque unicolore et produit les formes les plus nettes et le fichier le plus petit. Huit est la valeur par défaut et couvre la plupart des illustrations plates. Seize suit l’ombrage de plus près au prix d’une vraie différence de taille, et trente-deux se rapproche le plus de l’original tout en produisant le fichier le plus gros.

L’instinct est de monter, et sur la mauvaise image cette instinct est ce qui transforme un mauvais résultat en un inutilisable. Plus de couleurs sur une photo signifie plus de régions inventées et plus de chemins qui les décrivent, pas plus de réalisme. La règle qui tient : ne montez le nombre que lorsque vous voyez une zone plate précise dans l’original que la vectorisation a fondue dans sa voisine. Descendre est la direction la plus utile. Une marque à deux couleurs tracée à quatre couleurs revient souvent avec une troisième et quatrième couleur entièrement faite du bord anti-aliasé entre les deux autres, et descendre à quatre — ou redessiner la marque sur un fond propre avant de vectoriser — supprime ces formes de contour plutôt que de les ranger.

Le réglage de détail commande à quel point les chemins suivent les pixels. Lisse accepte un ajustement plus large et écarte les formes en dessous de seize pixels, ce qui retire les petits points que l’anti-aliasing laisse le long de chaque bord. Équilibré est la valeur par défaut et divise les deux seuils par deux. Net suit la grille de pixels de près et garde les formes jusqu’à deux pixels, petits points compris.

Flouter l’image avant la vectorisation réduirait davantage le nombre de points et n’est volontairement pas fait, parce que cela adoucit précisément les bords nets qui sont la seule raison de vectoriser un logo. Commencez à équilibré. Passez à lisse quand le résultat est jonché de fragments épars autour des contours, et à net seulement quand un petit détail véritable — une serif, un filet fin, une encoche dans une marque — a été avalé.

L’image est réduite à 1 600 pixels sur son bord le plus long avant la vectorisation. Le coût du traçage croît avec le nombre de bords plutôt qu’avec la taille du fichier, et une grande photo a un bord presque partout, donc laissée telle quelle une source de 12 mégapixels peut produire un SVG de plusieurs mégaoctets sur plusieurs dizaines de secondes — un moins bon résultat que celui que vous essayiez d’éviter.

Contrairement à une conversion raster, ce n’est pas une perte de fidélité. Le résultat est indépendant de la résolution, donc un logo tracé à 1 600 pixels de large et le même logo tracé à 4 000 se rendent à l’identique à n’importe quelle taille ; ce qui change, c’est uniquement la proximité avec laquelle les chemins épousent la grille de pixels d’origine. La réduction est faite avec le filtre de mise à l’échelle du navigateur plutôt qu’une boucle au plus proche voisin, parce qu’une réduction non filtrée aliaserait chaque diagonale en escalier que le traceur reproduirait ensuite fidèlement.

Rien ici n’inspecte l’image et ne prédit si elle se tracera bien. Une heuristique sur le nombre de couleurs serait une supposition, et la vraie réponse est disponible gratuitement un instant plus tard : tracez le fichier, puis comparez les deux nombres d’octets. L’interface montre les deux, donc vous découvrez laquelle des issues ci-dessus vous avez eue avant de vous y engager.

C’est la vérification qui mérite de devenir une habitude. Un SVG plus petit ou proche de la source signifie presque toujours que la vectorisation a trouvé de vraies formes. Un SVG plusieurs fois plus gros signifie qu’elle les a inventées, et la réponse honnête est de jeter le résultat plutôt que de régler les paramètres — aucune combinaison de couleurs et de détail ne transforme une photo en artwork plat, parce que l artwork plat n’a jamais été là.

C’est la vraie récompense quand la vectorisation marche. Un JPEG XL n’est pas un format éditable : vous pouvez le filtrer, le recadrer et le réencoder, mais vous ne pouvez pas sélectionner la marque et changer sa couleur, parce qu’il n’y a pas de marque, seulement des pixels qui en ont l’air. Un SVG est un fichier texte qui décrit des formes, et Illustrator, Inkscape et Figma l’ouvrent tous comme des objets que vous pouvez déplacer, recolorer et supprimer.

La raison de vectoriser un logo est donc rarement la mise à l’échelle seule. C’est de récupérer un actif qui n’existe que comme image — une vieille marque d’un en-tête de lettre scanné, une icône dont personne n’a gardé le fichier source — en quelque chose qui peut être retravaillé. La sortie est aussi un fichier texte, ce qui signifie qu’elle peut être ouverte dans un éditeur, comparée, et placée sous contrôle de version comme n’importe quelle autre source, et ses remplissages peuvent être changés par recherche et remplacement quand une couleur de marque bouge. Là où le fichier vectoriel d’origine existe encore quelque part, le trouver bat toujours la vectorisation, parce qu’une vectorisation est une approximation et l’original ne l’est pas.

Une vectorisation hérite de chaque défaut de sa source. Si le JPEG XL est une copie basse résolution, une capture d’écran d’un logo, ou une image qui est passée par plusieurs ré-enregistrements avec perte, le traceur reproduit fidèlement les bords adoucis et les artefacts de compression comme des formes, et le résultat a l’air à peu près juste et faux dans le détail aux grandes tailles.

Pour tout ce qui portera une marque — un panneau, un tirage, une en-tête de site web — une vectorisation est le point de départ et non le livrable. Quelqu’un qui redessine la marque correctement dans un éditeur vectoriel, en utilisant la vectorisation comme modèle, produit un fichier aux courbes nettes et à la géométrie correcte. Cette conversion est excellente pour vous donner quelque chose à partir de quoi travailler et ne devrait pas être confondue avec quelque chose à livrer.