Comment ouvrir un fichier SVG ? Guide complet sur ordinateur, mobile et navigateur
Comment ouvrir un fichier SVG ? Toutes les méthodes sur ordinateur, mobile et navigateur, la résolution des problèmes de code affiché ou de page blanche, et l'édition en ligne sans installation.
1. Quatre façons d'ouvrir un SVG sur ordinateur
- Navigateur (le plus simple) : glissez le fichier SVG dans une fenêtre de Chrome, Edge, Firefox ou Safari pour l'afficher ; vous pouvez aussi faire un clic droit sur le fichier et choisir « Ouvrir avec », puis désigner le navigateur ;
- Définir le programme par défaut : si vous manipulez souvent des SVG, associez les fichiers .svg à un navigateur ou à un logiciel de design pour les ouvrir d'un double-clic ;
- Logiciel de design : Illustrator, Figma et le gratuit Inkscape ouvrent et modifient les SVG, ce qui convient aux retravailles poussées ;
- Éditeur de code : le SVG est du texte XML : l'ouvrir avec VS Code permet de lire et modifier la source, très pratique pour diagnostiquer un problème.
Pour définir le programme par défaut : sous Windows, faites un clic droit sur le fichier SVG, choisissez « Ouvrir avec → Choisir une autre application » et cochez « Toujours utiliser cette application » ; sous macOS, faites un clic droit, choisissez « Lire les infos », sélectionnez le navigateur dans « Ouvrir avec » puis cliquez sur « Tout modifier », après quoi un double-clic affichera directement l'aperçu.
2. Comment ouvrir un SVG sur mobile
Android : certains gestionnaires de fichiers ne prévisualisent pas les SVG ; appuyez longuement sur le fichier, choisissez « Ouvrir avec une autre application » et sélectionnez un navigateur. iPhone : enregistrez le SVG dans l'app Fichiers ; les systèmes récents l'affichent directement, sinon ouvrez-le avec Safari via le menu de partage. Les SVG reçus sur WeChat ou QQ sont traités comme des fichiers ordinaires : « Ouvrir avec une autre application » puis le navigateur suffisent.
En résumé, le navigateur mobile est le visualiseur SVG le plus sûr : aucune application supplémentaire n'est nécessaire. Les tablettes obéissent à la même logique, leur navigateur intégré suffit, sans lecteur dédié.
3. Un double-clic affiche du code ou une page blanche : que faire ?
Un tas de code s'affiche : le fichier a été associé à un éditeur de texte du type Bloc-notes. Le SVG étant un format texte, c'est normal : ouvrez-le avec un navigateur pour voir le graphique. La page reste blanche : vérifiez d'abord que le fichier est complet — ouvrez-le dans un éditeur de code : un SVG normal commence par la balise <svg> ou la déclaration <?xml ; si vous voyez du code web comme <html>, c'est qu'une page d'erreur a été enregistrée sous l'extension .svg : retéléchargez le fichier. En outre, si le fichier référence des images ou des polices externes, un chargement raté des ressources provoque un contenu incomplet.
Un dernier avertissement : le SVG est un format texte qui peut embarquer des scripts. N'ouvrez pas un fichier SVG d'origine incertaine dans le navigateur sans l'avoir inspecté au préalable dans un éditeur de code : vérifiez qu'il commence bien par une balise svg et qu'il ne contient aucun script suspect, puis prévisualisez-le.
4. Vous voulez le modifier ? Utilisez l'éditeur en ligne
Pour changer une couleur, retirer un fond ou supprimer quelques éléments, inutile d'installer un logiciel lourd. Ouvrez l'éditeur SVG en ligne PolySVG (accès direct : /editor), téléversez le fichier, et vous pouvez sélectionner et supprimer des tracés, retirer le fond en un clic, changer les couleurs, compléter au pinceau, effacer à la gomme, annuler et rétablir à tout moment, puis exporter en SVG ou PNG. Gratuit, sans installation, sans inscription.
5. Vous voulez seulement voir l'image ? Convertissez en PNG
Si l'appareil de votre destinataire n'ouvre pas les SVG, le plus simple est de passer en PNG : exportez le PNG depuis l'éditeur, ou faites une capture d'écran dans le navigateur. Pour comprendre le format SVG lui-même, lisez Qu'est-ce que le SVG ; pour transformer un visuel matriciel en SVG, l'outil de conversion image en SVG le fait en quelques étapes.
Si vous êtes développeur, vous pouvez aussi intégrer le SVG directement dans le HTML ou le référencer avec une balise img : le navigateur l'affiche aussitôt. C'est de loin la manière la plus courante d'afficher un SVG sur une page web.
Questions fréquentes
Un double-clic sur un SVG affiche un tas de code, est-ce normal ?
Oui. Le SVG est du texte XML : cela signifie que le programme par défaut est un éditeur de texte. Ouvrez-le avec un navigateur pour voir le graphique.
Peut-on voir un SVG sur mobile sans logiciel de design ?
Oui, avec le navigateur mobile : sous Android, le gestionnaire de fichiers permet de choisir « ouvrir avec le navigateur » ; sur iPhone, enregistrez le fichier dans Fichiers puis ouvrez-le avec Safari.