Convertir SVG en PNG

Les fichiers vectoriels sont ce qu’il faut conserver et ce qu’il ne faut pas envoyer. Un SVG s’agrandit à n’importe quelle taille sans jamais devenir flou, et c’est pour cela que les logos et les icônes existent sous cette forme. C’est aussi pour cela que beaucoup de choses le refusent : les anciennes versions d’Office, quantité de formulaires d’envoi, les chaînes de fabrication d’icônes, la plupart des flux d’impression.

Le PNG est le plus petit dénominateur commun. Il se lit partout, il s’affiche pareil partout, et c’est le format par lequel un vecteur quitte le monde vectoriel.

C’est la seule décision à prendre, car un SVG n’a vraiment pas de taille. Il décrit des formes et non des pixels, donc la conversion doit choisir une résolution. Le réglage d’échelle la commande, et un nombre plus grand ne coûte rien en qualité : le dessin est redessiné et non agrandi, donc il est parfaitement net à la taille que vous demandez.

Une bonne habitude consiste à repérer le plus grand endroit où l’image apparaîtra et à doubler, ce qui couvre les écrans haute densité. Pour une icône d’application, réglez l’échelle pour tomber exactement sur le nombre de pixels demandé par la plateforme.

Le SVG stocke le texte comme du texte et désigne une police par son nom : si la police n’est pas incorporée au fichier, le moteur de rendu lui en substitue une autre et votre logotype soigneusement espacé ressort de travers. C’est de loin la première raison pour laquelle une conversion SVG vers PNG paraît cassée.

La solution définitive est dans le logiciel de dessin : vectorisez le texte en tracés avant l’export, et les lettres deviennent des formes qu’on ne peut plus remplacer. Au passage, le fichier devient sûr à transmettre à qui que ce soit.

Les zones transparentes le restent, un logo se pose donc sur n’importe quel fond sans traîner un rectangle blanc derrière lui.

Le rendu est assuré par resvg et non par votre navigateur, ce qui veut dire que la sortie est identique sur toutes les machines. Un convertisseur qui passe par un canvas donne des résultats légèrement différents dans Chrome et dans Safari — exactement le genre d’écart qui ne se remarque qu’une fois le fichier validé.

Les formes simples, les contours et les remplissages passent exactement. Là où les moteurs commencent à diverger, c’est au bout sophistiqué de la spécification : flous gaussiens, filtres d’ombre portée, modes de fusion et masques construits à partir d’autres masques.

resvg met en œuvre les parties de la spécification que les fichiers réels utilisent et reste délibérément honnête sur le reste : un filtre non pris en charge est omis plutôt qu’approché par quelque chose qui a presque l’air juste. Si un effet compte, regardez le PNG au lieu de le supposer, et s’il manque, aplatissez-le dans le logiciel de dessin avant d’exporter.

Un SVG fait souvent quelques kilo-octets parce que c’est une description et non une image. Le PNG est une grille de pixels, et cette grille croît avec le carré de l’échelle : doubler l’échelle quadruple le fichier.

Un logo de 4 Ko en SVG peut peser plusieurs mégaoctets en PNG de 4000 pixels. Ce n’est pas un défaut, c’est l’arithmétique du format — mais c’est une bonne raison de choisir la résolution dont vous avez besoin plutôt que la plus grande proposée.

C’est l’une des raisons les plus fréquentes de cette conversion, et la réponse est ferme : les plateformes exigent des dimensions exactes en pixels, réglez donc l’échelle pour atterrir dessus et non à côté. Redimensionner le PNG ensuite jette à la poubelle la raison d’être partie d’un vecteur.

Pour un favicon, notez aussi que ce qu’on veut généralement est un ICO et non un PNG, parce qu’un ICO loge plusieurs tailles dans un seul fichier. Convertissez en PNG à la plus grande taille utile et servez-vous de la page PNG vers ICO pour le reste.

Un SVG peut renvoyer à une image externe, à une police externe ou à une feuille de style rangée dans un autre fichier. Ces renvois ne font pas partie du SVG : quand le fichier arrive seul ici, ce qu’ils désignaient n’arrive pas avec lui.

Le résultat est un PNG où manque une photographie, ou dont la typographie a été remplacée. Si le dessin semblait complet dans le logiciel et incomplet ici, c’est presque toujours la raison : réexportez avec les ressources incorporées plutôt que liées.

Déposez le dossier entier. Chaque fichier est rendu à la même échelle et revient dans un ZIP, ce qu’un jeu d’icônes demande le plus souvent : la cohérence de l’ensemble compte davantage que la perfection de chaque pièce.

Comme le rendu se fait sur votre machine, il n’y a ni limite par fichier ni file d’attente ; et comme c’est resvg et non un canvas de navigateur, la deux-centième icône est dessinée exactement comme la première.