Convertir AVIF en SVG

C’est la seule conversion de la famille AVIF où le fichier que vous détenez décide si l’exercice vaut la peine d’être commencé. Le traçage fonctionne en trouvant les bords entre zones de couleur similaire et en traçant un contour autour de chacune. Un visuel dessiné — un logo, une icône d’application, un badge, un dessin au trait scanné, un schéma à aplats — est plein de ces bords et se trace proprement.

Une photo ne l’est pas. Chaque région d’une photo est un dégradé, donc il n’y a pas de bords à trouver et le traceur les fabrique en aplatissant d’abord l’image en bandes de couleur. Le résultat est une copie postérisée assemblée à partir de milliers de chemins, chacun étant une limite qui n’existe pas dans le sujet et qui n’existe que parce que l’aplatissement l’y a mise. Ce n’est pas un défaut d’exécution ; c’est ce qu’est le traçage, et aucun réglage de cette page n’y change rien. La recommandation honnête pour une photo est de la convertir en PNG ou TIFF et de garder les pixels.

AVIF existe pour alléger les pages web, et les images qui alourdissent les pages web sont des photos. Les sites y recourent pour les images de héros, les photos de produits et les en-têtes d’articles, donc l’AVIF typique en circulation est précisément le matériau que le traçage gère le pire. C’est aussi le format que les serveurs remettent quand un navigateur dit qu’il en accepte un, ce qui veut dire que le visiteur ne l’a pas choisi et souvent ne sait pas ce qu’était l’original. Quiconque arrive ici après avoir enregistré une image depuis une page devrait vérifier ce qu’est réellement l’image avant d’aller plus loin.

L’exception mérite d’être nommée parce que c’est toute la raison d’être de cette page. Les chaînes de build convertissent chaque actif d’un dossier, logos et icônes compris, et un designer à qui on a remis la sortie a une marque plate prise dans un format de diffusion photographique. Ce fichier se trace magnifiquement, et le ramener en vectoriel est une vraie récupération plutôt qu’une curiosité.

Toute autre paire du site prend une représentation d’une image et écrit une autre représentation de la même image. Celle-ci lit l’image et dessine quelque chose de nouveau qui lui ressemble. Rien dans le SVG n’est sorti de l’AVIF inchangé — pas un pixel, pas une limite de couleur, pas un bord.

La conséquence pratique, c’est que la sortie doit être regardée plutôt que crue. Une conversion en TIFF ou BMP peut être supposée correcte parce que les pixels passent ; un tracé peut être une récupération propre d’un logo ou une approximation inutilisable de celui-ci, et la seule façon de le savoir est de l’ouvrir. Regardez-le à la taille où il sera effectivement utilisé, ce qui pour un fichier tracé veut en général dire bien plus grand que ce que l’AVIF n’a jamais été affiché — les échecs d’un tracé sont invisibles à la taille d’une vignette et évidents sur une bannière. Gardez l’AVIF tant que vous ne l’avez pas fait.

Quatre couleurs conviennent à une marque unicolore, un monogramme ou un logo bicolore, et produisent le moins de chemins et le plus petit fichier. Huit est le défaut et la bonne réponse pour la plupart des illustrations plates. Seize et trente-deux conservent plus d’ombrage et multiplient le nombre de chemins en conséquence.

L’instinct d’élever le nombre est en général une erreur. Chaque bande de couleur supplémentaire ajoute une autre couche de contours empilés sur ceux du dessous, donc un réglage à trente-deux sur un visuel qui n’a jamais eu que cinq couleurs produit un fichier plus gros, plus lent à ouvrir et pas plus fidèle. Les bandes supplémentaires vont dans les franges anti-aliasées au bord de chaque forme, là où un AVIF avec pertes est le moins précis pour commencer, donc les chemins ajoutés décrivent des artefacts de compression plutôt que le dessin. Commencez à quatre ou huit, regardez le résultat, et n’élevez que contre quelque chose que vous voyez manquer.

Le réglage de détail contrôle à quel point les contours tracés épousent la grille de pixels. Lisse arrondit les courbes et élimine les plus petites taches, équilibré est le défaut, et net suit les pixels d’assez près pour qu’un escalier de la source devienne un escalier dans le vectoriel.

Lequel est juste dépend de la façon dont l’AVIF a été fait. Un actif qui est passé par une compression AVIF avec pertes porte un léger blocking autour des bords durs, et net trace fidèlement ce dommage en nœuds de chemin permanents ; lisse le jette avec un peu de vrai détail. Pour tout ce qui est enregistré depuis un site, le lissage est en général le meilleur compromis. Net gagne sa place sur une source propre — un AVIF écrit sans perte, ou une capture d’écran d’une interface où la grille de pixels est le dessin plutôt qu’un artefact, et où arrondir les coins serait la perte.

AVIF a un canal alpha complet et SVG n’a aucun arrière-plan du tout, donc une marque détourée reste détourée : les zones qui étaient transparentes sont des zones qu’aucun chemin ne couvre, et ce sur quoi le SVG est posé transparaît.

Les pixels semi-transparents sont la partie maladroite. L’anti-aliasing le long d’une courbe est une bande de pixels partiellement transparents, et un traceur travaillant en couleurs plates doit résoudre chacun soit dans la forme soit hors d’elle. Les bords reviennent donc un peu plus durs qu’ils n’étaient partis, ce qui est invisible à la taille d’un panneau et occasionnellement visible à la taille où l’original a été dessiné. Là où l’AVIF avait une vraie ombre douce ou un bord dégradé, attendez-vous à le voir arriver comme une série de bandes plates concentriques à la place, et à ressembler à une erreur sauf si le nombre de couleurs est ramené à quatre.

Un logo que l’AVIF stockait comme quarante mille pixels peut partir comme trente commandes de chemin, et le SVG est alors une fraction de la taille et net à n’importe quelle dimension. C’est le bon cas et il est commun avec le visuel pour lequel cette page est écrite.

Le mauvais cas va dans l’autre sens et va loin. Un SVG est du XML, donc chaque forme est écrite en texte lisible avec ses coordonnées en nombres, et une photo tracée est un document qui en énumère des milliers. Le texte décrivant autant de formes prend bien plus de place qu’un codec construit pour compresser des photos, et l’écart est souvent d’un ordre de grandeur. La comparaison est faite pour vous après la fin du tracé et montrée avant que vous ne téléchargiez quoi que ce soit, ce qui est la réponse la plus rapide disponible à la question de savoir si c’était une bonne idée.

Il s’ouvre dans Inkscape, Illustrator et Figma, et chaque chemin est sélectionnable et recolorable. Ce qu’il n’est pas, c’est structuré. Un logo dessiné a un cercle, un mot-sigle et un arrière-plan comme objets nommés séparés ; un logo tracé a une pile de régions de couleur qui ressemblent par hasard à ces choses.

Donc il est bon pour la mise à l’échelle, l’impression en grand, la découpe et la recoloration en masse, et mauvais pour éditer une lettrine ou ajuster un élément d’un verrou. Le texte est le cas le plus clair : un mot-sigle tracé ne contient aucun texte, seulement des contours en forme de lettres, donc il ne peut pas être recomposé, ré-espacé ou corrigé pour une faute d’orthographe. Si la personne qui a fait l’original a encore le fichier source, un courriel vaut plus que n’importe quel réglage de cette page.

Si l’AVIF vient d’un site que vous contrôlez, la chaîne de build qui l’a produit est partie de quelque chose, et ce quelque chose était probablement un SVG ou un document d’éditeur. Le récupérer ne coûte rien et ne perd rien.

Si le but est un grand tirage plutôt qu’un fichier éditable, le traçage n’est peut-être pas du tout nécessaire. AVIF monte jusqu’à 65 536 pixels de côté, donc une source à une résolution sensée est souvent déjà assez grande pour l’affiche, et une conversion directe en TIFF ou PNG garde l’image au lieu de la réinventer. La règle empirique est ce pour quoi le fichier est fait : le traçage est juste quand le visuel doit être redessiné, mis à l’échelle sans limite ou découpé par une machine, et faux quand il s’agit seulement de l’imprimer une fois à une taille connue.

Déposez un dossier d’icônes et chacune est tracée à son tour avec les mêmes réglages, renvoyées ensemble en un ZIP. Cela convient à un jeu d’actifs converti en bloc en AVIF par une chaîne, ce qui est la situation qui produit la plupart des bonnes entrées pour cette page. Une réserve à propos des lots : les réglages s’appliquent à chaque fichier de la même façon, et un répertoire qui mélange icônes plates et en-têtes photographiques produira de bons vectoriels et des inutilisables dans la même archive.

Tout cela tourne sur votre propre processeur, donc rien n’est téléversé et il n’y a ni file, ni compte, ni quota journalier. Cela veut aussi dire que les réglages peuvent être changés et le tracé relancé en quelques secondes, ce qui compte ici plus que sur n’importe quelle autre paire : le premier résultat est rarement celui qu’on garde.