Comment ouvrir un fichier SVG et l'enregistrer en PNG ou JPG

Le plus simple pour ouvrir un fichier SVG est un navigateur web : faites-le glisser dans Chrome, Edge, Firefox ou Safari. Sous Windows, faites un clic droit dessus et choisissez Ouvrir avec > Microsoft Edge. Sur Mac, sélectionnez-le dans le Finder et appuyez sur la barre d'espace pour Coup d'œil. Pour le partager ou l'envoyer en ligne, convertissez-le en PNG ou JPG.

Qu'est-ce qu'un fichier SVG ?

SVG signifie Scalable Vector Graphics (graphiques vectoriels adaptables). Un SVG est un ensemble d'instructions de dessin écrites en texte : lignes, courbes, formes et couleurs. C'est pourquoi il reste net à toutes les tailles, et pourquoi les logos, les icônes et les illustrations simples sont souvent fournis en SVG.

Cela explique aussi la confusion quand on essaie d'en ouvrir un. Les visionneuses de photos attendent une grille de pixels : certaines n'affichent donc rien ou une erreur. Les navigateurs, eux, dessinent le SVG nativement, car le SVG est un standard du web. Si vous ouvrez le fichier dans un simple éditeur de texte, vous verrez le code lui-même, qui commence par quelque chose comme <svg.

Beaucoup d'endroits n'acceptent pas du tout les SVG. Les photos de profil des réseaux sociaux, les documents bureautiques, les signatures d'e-mail et la plupart des apps de messagerie veulent du PNG ou du JPG. Certaines plateformes bloquent le SVG parce que le fichier peut contenir des scripts. C'est la raison habituelle pour laquelle on a besoin d'une copie en PNG. Pour une comparaison rapide des formats courants, consultez le guide PNG ou JPG.

Comment ouvrir un fichier SVG sous Windows

1. Faites un clic droit sur le fichier .svg dans l'Explorateur de fichiers.
2. Choisissez Ouvrir avec, puis Microsoft Edge. Chrome ou Firefox fonctionnent aussi s'ils sont installés.
3. Pour en faire le choix par défaut, choisissez Choisir une autre application, sélectionnez votre navigateur, puis Toujours.

L'Explorateur de fichiers peut afficher les SVG sous forme d'icônes vides au lieu de miniatures. L'app gratuite PowerToys de Microsoft corrige cela. Ses modules pour l'Explorateur de fichiers incluent un aperçu SVG pour le volet de visualisation et des miniatures SVG. Activez-les dans les paramètres de PowerToys, puis redémarrez l'Explorateur si les miniatures n'apparaissent pas tout de suite.

Paint et les visionneuses de photos classiques ne sont pas fiables pour le SVG. Pour modifier le dessin, utilisez un éditeur vectoriel comme Inkscape, gratuit et open source.

Comment ouvrir un fichier SVG sur Mac

• Coup d'œil : sélectionnez le fichier dans le Finder et appuyez sur la barre d'espace. L'image s'affiche dans une fenêtre d'aperçu.
• Safari : faites glisser le fichier sur Safari, ou faites un clic droit dessus et choisissez Ouvrir avec > Safari. Tout autre navigateur fonctionne de la même façon.
• Les icônes du Finder et la présentation Galerie affichent l'illustration en miniature.

Selon la version de macOS, Aperçu (Preview) n'a pas toujours ouvert les fichiers SVG : Safari est donc le choix fiable. Pour la modification, Inkscape fonctionne aussi sous macOS.

Ouvrir un SVG sur téléphone

Les téléphones gèrent le SVG de façon inégale, et toucher le fichier peut n'afficher rien d'utile. Le plus rapide est de le convertir en PNG dans le navigateur du téléphone avec l'outil ci-dessous. Affichez ou partagez ensuite le PNG comme n'importe quelle image.

Modifier un SVG au lieu de simplement l'afficher

Comme un SVG est du texte, les petites modifications ne demandent pas de logiciel spécial. Ouvrez-le dans un éditeur de code ou de texte, et vous pourrez changer une couleur en modifiant la valeur fill , par exemple en remplaçant #000000 par #1a73e8. Enregistrez, puis rechargez le fichier dans votre navigateur pour vérifier. Gardez d'abord une copie de l'original, car un seul caractère de travers peut empêcher l'affichage du fichier. Pour des modifications plus importantes, comme déplacer des formes, modifier du texte ou combiner des logos, utilisez Inkscape. Il ouvre directement le SVG et l'enregistre en SVG : rien n'est transformé en pixels en cours de route.

Comment convertir un SVG en PNG ou JPG dans le navigateur

Le convertisseur SVG en PNG/JPG génère l'image dans votre navigateur et n'envoie jamais le fichier en ligne. Il fonctionne sur téléphone comme sur ordinateur.

1. Ouvrez le convertisseur et ajoutez votre fichier SVG.
2. Choisissez PNG, ou JPG si vous avez besoin d'un fond uni.
3. Réglez l'échelle. Une échelle plus grande donne plus de pixels et un résultat plus net sur les grands écrans.
4. Si le site d'envoi impose une limite de poids, fixez une taille maximale.
5. Lancez la conversion et téléchargez l'image.

Comme les navigateurs dessinent très bien le SVG, le résultat correspond généralement à ce que vous voyez quand le SVG est ouvert dans Chrome, Edge, Firefox ou Safari.

Le PNG conserve la transparence : un logo à fond transparent le reste. Le JPG remplit les zones transparentes d'une couleur unie. C'est pourquoi le PNG est normalement le bon choix pour les logos et les icônes, et le JPG convient quand un formulaire l'exige.

Comment convertir un SVG en PNG dans Inkscape

1. Ouvrez le SVG dans Inkscape.
2. Ouvrez la boîte de dialogue d'exportation avec Fichier > Exporter, ou appuyez sur Maj+Ctrl+E.
3. Choisissez ce qu'il faut exporter : la page entière, le dessin, la sélection ou une zone personnalisée.
4. Saisissez une largeur ou une hauteur en pixels, ou réglez un DPI. Les autres valeurs s'ajustent en conséquence.
5. Choisissez PNG comme type de fichier, donnez un nom au fichier et cliquez sur Exporter.

Inkscape exporte par défaut avec un fond transparent. Pour un fond blanc, réglez la couleur et l'opacité du fond dans Propriétés du document (Maj+Ctrl+D) avant l'exportation.

Quelle taille donner au PNG ou au JPG ?

Le SVG peut avoir n'importe quelle taille, mais le PNG aura une taille fixe. Partez de l'endroit où l'image sera utilisée.

• Pour un site web ou une app, vérifiez la taille d'affichage, puis exportez au double de cette largeur et de cette hauteur. Les écrans haute densité affichent ce surplus de détail.
• Pour une plateforme qui a ses propres exigences, comme une photo de profil ou une favicon, utilisez exactement les dimensions qu'elle indique.
• Pour l'impression, multipliez la taille imprimée en pouces par le DPI. À 300 DPI, un logo de 2 pouces de large nécessite 600 pixels. Le guide 300 DPI explique le calcul.

Exportez plusieurs tailles à partir du même SVG chaque fois que nécessaire. Gardez le SVG comme fichier maître.

Problèmes courants lors de la conversion d'un SVG en PNG

Les polices semblent incorrectes

Un SVG peut faire référence à une police par son nom sans l'inclure. Si cette police n'est pas installée sur l'appareil qui fait la conversion, une police de remplacement est utilisée. Convertissez le texte en contours dans le logiciel de design avant d'enregistrer le SVG. Dans Inkscape, sélectionnez le texte et utilisez Chemin > Objet en chemin.

Des parties de l'image sont manquantes

Certains SVG font appel à des images ou des feuilles de style externes au lieu de les intégrer. Un convertisseur qui ne peut pas accéder à ces fichiers dessine le SVG sans eux. Réexportez le SVG depuis l'outil de design d'origine avec les images intégrées.

Le PNG a un cadre noir ou blanc autour

Cela arrive quand le format de sortie est le JPG, ou quand le SVG contient lui-même un rectangle de fond. Choisissez PNG et vérifiez dans la source s'il y a une forme remplie derrière l'illustration.

Le PNG est flou ou le fichier est lourd

Un PNG flou a été exporté plus petit que sa taille d'affichage. Exportez-le à nouveau avec une largeur plus grande, car agrandir le PNG ne récupère pas les détails. Si le fichier est lourd, passez-le dans le compresseur PNG.

Dans l'autre sens, d'une image en pixels vers le SVG, il faut une vectorisation, qui ne fonctionne que pour les illustrations simples. Le guide JPG et PNG en SVG explique à quoi vous attendre.

Questions fréquentes