Un SVG n’a pas de pixels, il s’agit donc d’un rendu, pas d’une conversion
Tous les autres convertisseurs de ce site déplacent des pixels déjà existants. Celui-ci fait quelque chose de différent, et cette différence mérite que vous lisiez cette page. Un SVG ne contient aucune image en soi. Il contient des instructions : dessiner un cercle ici, remplir ce tracé avec ce dégradé, placer du texte à ces coordonnées. Le transformer en PNG revient à exécuter ces instructions à la taille que vous choisissez. Rien n’est étiré ni deviné, car il n’y a pas de grille de pixels d’origine à déformer ou à extrapoler.
Pourquoi vous avez probablement besoin du PNG
Le format est excellent mais presque rien ne l’accepte. Les clients e-mail n’affichent pas un SVG. Les logiciels bureautiques vous compliquent la vie si vous essayez d’en insérer un. Les réseaux sociaux et la plupart des formulaires de dépôt le refusent tout simplement, et les logiciels hors du monde du design le traitent comme un fichier texte, car techniquement, c’en est un. Le PNG est la version universellement acceptée.
Grand format, aucun coût ici
Agrandir une photo invente des pixels qui n’ont jamais été capturés, c’est pourquoi elle devient floue à 2x et illisible à 10x. Rendre un vecteur n’a pas cette limite. Une icône de 24 pixels rendue à 1024 pixels n’est pas une simple version agrandie : c’est le même dessin exécuté à 1024, chaque courbe et chaque bord calculés pour cette taille. Nous avons testé : une icône 24x24 est revenue en 1024x1024 avec des couleurs identiques à la source, octet par octet, et des bords lissés sans effet d’escalier.
Le conseil pratique découle de cela : rendez à la plus grande taille dont vous aurez réellement besoin, pas la plus petite, car le PNG obtenu est ensuite une grille fixe. Aller plus grand ne coûte que quelques millisecondes.
Vous choisissez la taille, ou le fichier le fait
Saisissez une largeur et le dessin s’y adapte en conservant ses proportions. Demandez à un logo 2:1 du 400 par 400 et vous obtiendrez un 400 par 200 net, jamais un carré écrasé. Des préréglages en un clic existent à 256, 512, 1024 et 2048, et une option Original rend à la taille déclarée par le SVG. Pour un fichier de 200 par 100, Original a rendu exactement 200 par 100. La limite est de 16 384 pixels par côté et 64 mégapixels au total, ce qui couvre un rendu de 8000 par 8000.
Transparence, y compris partielle
Le PNG gère un vrai canal alpha, donc un logo avec fond transparent revient avec un fond transparent, prêt à être posé sur une diapositive ou une page produit sans cadre blanc. Ce qui distingue un bon moteur de rendu d’un médiocre, c’est la transparence partielle : ombres douces, bords estompés, tout ce qui est à demi-opacité. Pour une forme à 50 % d’opacité, la sortie affiche une valeur alpha de 128, soit exactement la moitié. Chaque rendu revient en vraie image RGBA. Si vous préférez aplatir la transparence, passez le fond en couleur unie et choisissez la teinte exacte avec le sélecteur.
Texte et dégradés, les deux points faibles habituels
Le rendu SVG côté serveur échoue souvent sur deux points. Les polices peuvent manquer, donc le texte disparaît ou s’affiche dans une mauvaise police. Et les dégradés définis une fois et référencés par id ne sont pas résolus, donc les formes reviennent plates ou noires. Nous avons vérifié les deux. Le texte a été rendu avec des bords lissés nets, et un dégradé linéaire référencé avec url() a été affiché correctement d’une couleur à l’autre. Si un fichier demande une police absente du serveur, une police de remplacement est utilisée et le résultat vous l’indique, au lieu de vous laisser le découvrir plus tard.
Envoyer le SVG de quelqu’un d’autre est sans risque ici
Un SVG peut légalement contenir du JavaScript et pointer vers des ressources sur Internet. C’est pourquoi les fournisseurs d’e-mail bloquent ce format, et il faut être prudent avec un fichier reçu d’un inconnu. Ici, le rendu passe par un moteur vectoriel dédié, pas un navigateur sans interface : aucun script n’est exécuté et aucune ressource externe n’est chargée. Rien dans le fichier ne peut s’exécuter, appeler un serveur ou lire quoi que ce soit. Vous récupérez l’état statique réel du dessin, ce qui explique aussi pourquoi les animations sont rendues à leur première image seulement.
Rapide et reproductible
Le tigre classique de Ghostscript, 94,5 KB de courbes de Bézier complexes et test de torture habituel pour les moteurs SVG, a été rendu en PNG 512 pixels en 53 millisecondes. Rendre deux fois le même fichier produit un résultat strictement identique, octet par octet, donc un résultat peut être reproduit à l’identique. Les fichiers .svgz compressés sont lus directement, et le format est détecté à partir des octets du fichier, donc un fichier renommé ou sans extension est quand même rendu.
Un lot d’icônes en une fois
Plusieurs fichiers sont rendus avec les mêmes réglages et reviennent dans une seule archive ZIP sous leurs noms d’origine. Trois fichiers différents nommés icon.svg reviennent sous icon.png, icon_1.png et icon_2.png au lieu d’en perdre deux sans avertissement. Un fichier endommagé ou non-SVG dans le lot est ignoré et nommé dans le résultat au lieu de faire échouer tout le reste.
Ce que vous obtenez
- Un PNG rendu à la taille choisie, pas une copie agrandie d’un petit fichier
- Proportions conservées, donc rien n’est étiré ou écrasé
- Alpha complet, y compris formes à demi-opacité et ombres douces, ou n’importe quelle couleur de fond choisie
- Texte et dégradés rendus et non ignorés, avec signalement des polices de remplacement
- Aucun script exécuté et aucune ressource externe chargée, donc un SVG inconnu est sûr à téléverser
- Pas de compte, pas de filigrane, et fichiers supprimés du serveur une heure plus tard
Et après ?
Un rendu de 4000 pixels donne un fichier volumineux, donc Compresser PNG est l’étape habituelle avant de le publier, et PNG vers WebP va encore plus loin pour le web. Si vous gardez aussi le vecteur, Compresser SVG nettoie d’abord les données inutiles de l’éditeur.