Le format SVG : à quoi il sert, et quand faut-il un PNG ?

Votre graphiste vous envoie un logo, le nom du fichier se termine par .svg, et l'endroit où vous voulez l'utiliser refuse tout simplement de le prendre. Ou bien l'inverse : le logo que vous avez ne devient jamais flou, quel que soit l'agrandissement, et vous vous demandez pourquoi. Les deux situations partagent une seule explication.

Un SVG range l'image sous forme d'instructions plutôt que sous forme de grille de points. Autrement dit, le fichier dit des choses comme « trace ici un trait de telle épaisseur, remplis cette surface de telle couleur », et le dessin est refait à partir de ces instructions chaque fois que vous l'ouvrez. Un fichier photo ordinaire fait l'inverse : il conserve une liste toute prête de points colorés.

Instructions ou points : ce qui se passe quand on agrandit

C'est l'agrandissement qui montre le mieux la différence. Une consigne peut être exécutée à n'importe quelle échelle : demandez le trait deux fois plus large et le programme le retrace, le bord ressort tout aussi franc. Une liste de points, elle, n'a aucune information supplémentaire à mobiliser ; les points existants se contentent d'enfler, les bords se transforment en escalier et l'image se ramollit.

La conséquence quotidienne : quand vous envoyez un logo à un enseigniste ou à un imprimeur, on vous réclame le fichier vectoriel. Avec un seul fichier ils impriment une carte de visite et une bâche de trois mètres, puisque le choix de la taille leur revient. Si vous n'avez qu'un petit PNG, votre logo sortira dentelé sur la bâche et rien ne pourra le rattraper.

Pour la même raison, le poids d'un SVG dépend du nombre de formes qu'il contient, pas du nombre de points. Un logo sobre fait de quelques courbes reste un fichier minuscule à toutes les échelles.

Dans le schéma : le même logo agrandi dans les deux types de fichier

La rangée du haut de la comparaison contient un fichier à base d'instructions, celle du bas un fichier à base de points. En petit, les deux se ressemblent ; agrandis quatre fois, celui du bas se change en marches d'escalier tandis que celui du haut reste exactement tel qu'il était.

Quels services refusent un SVG ?

Le SVG est né pour le web, c'est donc dans le navigateur qu'il se sent chez lui. Glissez le fichier dans une fenêtre de navigateur et votre logo apparaît net ; c'est aussi le moyen le plus rapide de vérifier que le fichier est intact.

Hors du web, le tableau change. Les champs de photo de profil et de bannière des réseaux sociaux n'acceptent pas le SVG. Beaucoup de messageries n'affichent pas un SVG placé dans le corps d'un courriel. Les formulaires de dépôt d'un dossier administratif — visa, concours, inscription auprès d'une préfecture ou d'un consulat — ne le prennent pratiquement jamais. Certains logiciels de bureautique et de présentation l'ouvrent, d'autres non, et les versions anciennes de ceux qui l'ouvrent peuvent décaler les formes.

Le point commun de tous ces endroits est simple : partout où le SVG est refusé, ce que l'on réclame est un fichier fait de points. La solution n'est donc pas de réparer le SVG mais d'en tirer un PNG.

• Photo de profil et bannière d'un réseau social → exportez un PNG
• Signature de courriel → exportez un PNG
• Formulaires officiels et pièces jointes d'un dossier → exportez un PNG
• Votre propre site web → restez en SVG, c'est le plus net et le plus léger
• Enseigne, imprimerie, grand format → envoyez le SVG

Quelle largeur en pixels donner au PNG ?

Quand vous tirez un PNG d'un SVG, la seule vraie décision est la largeur ; la hauteur découle des proportions du fichier, si bien que l'image ne s'étire jamais. Cette largeur est dictée par l'endroit où vous allez l'utiliser, et il n'existe pas un chiffre unique qui soit correct.

Une approche générale : pensez à la surface que l'image occupera à l'écran et saisissez le double. Le doublement s'explique par les écrans à haute résolution ; ils tassent deux fois plus de points dans la même surface et rendent légèrement molle une image exportée à la taille exacte.

L'excès a lui aussi son prix. Un PNG exporté bien plus large que nécessaire alourdit le fichier, ralentit la page et ne passe plus dans un courriel. Saisir cinq mille pixels pour une petite icône ne vous apporte rien.

Deux surprises qui vous attendent à l'export

La première concerne les polices de caractères. Le texte contenu dans un SVG est parfois enregistré non pas comme des formes de lettres, mais comme le nom d'une police. Si cette police n'est pas installée sur la machine qui fait l'export, le texte est tracé avec une autre et le résultat ne ressemble pas à ce que vous attendiez. Le remède durable consiste à demander à la personne qui a préparé le fichier de l'enregistrer avec les textes convertis en formes.

La seconde concerne le fond. Un SVG laisse le plus souvent son arrière-plan vide, et le PNG transporte ce vide tel quel : votre export sera transparent. C'est normalement ce que vous voulez, mais si vous attendiez un fond blanc, vous risquez d'être surpris de le voir manquer. Quand un fond blanc est exigé, le chemin le plus court consiste à convertir ensuite ce PNG en JPG, puisque le JPG ne porte pas la transparence et pose les zones vides sur un fond uni.

Reste la question pratique : par où passer pour obtenir ce PNG ? Le plus propre est l'export depuis le logiciel de dessin vectoriel qui a servi à créer le fichier, où la commande s'appelle en général Exporter ou Exporter sous. Sans ce logiciel, ouvrez le SVG dans un navigateur, agrandissez la page avec la touche Contrôle et le signe plus jusqu'à ce que le dessin dépasse largement la taille voulue, puis faites une capture d'écran de la zone. Une suite bureautique peut aussi rendre service : insérez le SVG dans une diapositive, faites un clic droit dessus et cherchez la commande qui enregistre l'objet comme image. Dans tous les cas, repartez toujours du fichier vectoriel d'origine pour chaque nouvelle taille, au lieu d'agrandir un PNG déjà exporté.

L'icône de site, une branche à part

L'une des raisons les plus fréquentes de tirer un PNG d'un SVG, c'est la petite icône qui s'affiche dans l'onglet du navigateur. Ici, le travail ne s'arrête pas à un seul PNG : plusieurs tailles de la même marque sont nécessaires, et l'usage veut qu'elles voyagent dans un seul fichier.

La marche à suivre : exportez depuis le SVG de votre logo un PNG carré de taille généreuse, puis remettez-le à l'outil qui fabrique un favicon.ico à partir d'un PNG : il range plusieurs tailles dans un seul fichier d'icône. Pendant que vous préparez le PNG source, pensez aussi à simplifier les détails qui ne se liront pas en petit ; dans un carré de seize points, les traits fins disparaissent purement et simplement.

Questions fréquentes

Comment ouvrir un fichier SVG ?

Déposez-le sur un onglet de navigateur ouvert et le dessin apparaît aussitôt. Pour y modifier quoi que ce soit, il vous faut un logiciel qui édite le vectoriel : un simple éditeur de photos ne suffira pas.

Comment obtenir un PNG à partir d'un SVG ?

Le plus propre est la commande Exporter d'un logiciel de dessin vectoriel, en indiquant la largeur voulue. À défaut, ouvrez le SVG dans un navigateur, agrandissez l'affichage bien au-delà de la taille finale et capturez la zone à l'écran ; une suite bureautique permet aussi d'insérer le SVG dans une diapositive et d'enregistrer l'objet comme image.

Puis-je transformer un PNG en SVG ?

Pas directement. Produire des instructions à partir d'une image faite de points suppose une opération de vectorisation à part, et ce qui en sort est une approximation, pas votre dessin d'origine. La personne à qui demander le vectoriel, c'est le graphiste qui a réalisé votre logo.

Un fichier SVG peut-il être dangereux ?

Il vaut mieux se méfier des SVG venus de sources inconnues ; malgré son air d'image, ce format est un document qui peut contenir des parties exécutables. Ne mettez pas directement sur votre site un SVG dont vous ignorez la provenance.

Mon logo n'est pas en SVG, je n'ai qu'un petit PNG. Que faire ?

L'agrandir n'aidera pas, les bords deviendront flous. Ce qu'il faut faire, c'est réclamer le fichier vectoriel à la personne qui a réalisé le logo ; à défaut, le logo devra être redessiné dans un éditeur vectoriel.

Dernière mise à jour : 27 août 2026