{"id":26279,"date":"2023-09-03T19:37:44","date_gmt":"2023-09-03T19:37:44","guid":{"rendered":"\/tutoriels\/?p=26279"},"modified":"2025-03-03T23:18:47","modified_gmt":"2025-03-03T23:18:47","slug":"televerser-fichier-svg-wordpress","status":"publish","type":"post","link":"\/fr\/tutoriels\/televerser-fichier-svg-wordpress","title":{"rendered":"Comment t\u00e9l\u00e9verser un fichier SVG dans WordPress : 2 m\u00e9thodes s\u00fbres"},"content":{"rendered":"

Les administrateurs et les concepteurs de sites web<\/strong> sont amenés à utiliser différents formats de fichiers multimédias dans leur travail. Aujourd’hui, l’un des formats les plus populaires est le SVG, une image vectorielle basée sur XML. Malheureusement, tous les navigateurs et toutes les plateformes ne supportent pas le SVG, et vous devrez donc l’activer manuellement au préalable.<\/p>

Cet article couvre les étapes du téléchargement de fichiers SVG sur un site WordPress à l’aide du plugin SVG Support<\/strong>. Nous répondrons également à certaines questions concernant les problèmes de sécurité liés à ce format de fichier média particulier et les raisons pour lesquelles le SVG vaut la peine d’être utilisé.<\/p>

Pour commencer, familiarisons-nous avec le SVG et son fonctionnement.<\/p>

\"\"<\/a><\/figure>

Qu’est-ce que le SVG ?<\/h2>

Le « Scalable Vector Graphics » (SVG) est un format d’image vectorielle basé sur du texte XML. Alors que les formats d’image courants tels que JPG et PNG sont constitués de tonnes de petits carrés appelés pixels, ce format s’appuie sur le langage de balisage XML pour décrire les attributs de l’image.<\/p>

En janvier 2022, 42 % des sites web du monde entier<\/strong><\/a> utilisaient des fichiers SVG. Ce pourcentage a augmenté depuis janvier 2021, date à laquelle seuls 29,4 % des sites web<\/strong><\/a> les utilisaient. À l’instar des formats PNG et JPG, le SVG est populaire parmi les sites internet à fort trafic tels que Google, Wikipedia et YouTube.<\/p>

Un autre avantage du format SVG est qu’il est largement pris en charge par les principaux navigateurs. Vous trouverez ci-dessous une liste des navigateurs<\/strong><\/a> qui prennent en charge le format de fichier SVG :<\/p>

Navigateur<\/strong><\/td>Prise en charge partielle<\/strong><\/td>Prise en charge complète<\/strong><\/td><\/tr>
Edge<\/td>–<\/td>Version 12-18, 79-96, 97<\/td><\/tr>
Firefox<\/td>Version 2<\/td>Version 3-94, 95, 96-97<\/td><\/tr>
Firefox for Android<\/td>–<\/td>Version 95<\/td><\/tr>
Chrome<\/td>–<\/td>Version 4-96, 97, 98-100<\/td><\/tr>
Chrome for Android<\/td>–<\/td>Version 96<\/td><\/tr>
Safari<\/td>Version 3.1<\/td>Version 3.2-15.1, 15.2, TP<\/td><\/tr>
Opera<\/td>–<\/td>Version 10-81, 82<\/td><\/tr>
Opera Mini<\/td>–<\/td>All versions<\/td><\/tr>
Opera Mobile<\/td>–<\/td>Version 12-12.1, 64<\/td><\/tr>
Safari on iOS<\/td>–<\/td>Version 3.2-15.1, 15.2<\/td><\/tr>
Android Browser<\/td>Version 3-4.3<\/td>Version 4.4-4.4.4, 96<\/td><\/tr>
UC Browser for Android<\/td>–<\/td>Version 12.12<\/td><\/tr>
Samsung Internet<\/td>–<\/td>Version 4-14.0, 15.0<\/td><\/tr>
QQ Browser<\/td>–<\/td>Version 10.4<\/td><\/tr>
Baidu Browser<\/td>–<\/td>Version 7.12<\/td><\/tr>
KaiOS Browser<\/td>–<\/td>Version 2.5<\/td><\/tr><\/tbody><\/table><\/figure>

Comment fonctionne un fichier SVG ?<\/h2>

Les « graphiques vectoriels évolutifs » (Scalable Vector Graphics, SVG) utilisent le langage XML pour produire des images vectorielles bidimensionnelles. Contrairement aux formats JPG et PNG, les images vectorielles ne comportent pas de pixels. Leur comportement est décrit dans des fichiers texte XML.<\/p>

C’est pourquoi les graphiques vectoriels évolutifs peuvent être recherchés, indexés, scriptés, édités et compressés comme du code. Tout le monde peut donc les créer à l’aide d’un éditeur de texte ou d’un logiciel de graphisme vectoriel.<\/p>

WordPress supporte-t-il les SVG ?<\/h2>

WordPress ne supporte pas le SVG par défaut en raison des risques de sécurité qu’il impose – nous couvrirons les problèmes de sécurité entourant le SVG plus en profondeur plus tard.<\/p>

Voici le message d’erreur qui s’affiche lorsque vous téléchargez un fichier SVG sur un site web WordPress :<\/p>

\n
\"Le<\/figure><\/div>

La question d’intégrer le svg dans les fonctionnalités de base de WordPress est en cours de débat. En attendant, nous devons donc faire preuve de créativité et utiliser d’autres solutions pour télécharger des images SVG sur WordPress.<\/p>

Pourquoi utiliser un SVG sur WordPress ?<\/h2>
\n
\"Comparaison<\/figure><\/div>

Malgré les problèmes de sécurité, de nombreux utilisateurs continuent d’utiliser ce format d’image car il présente de nombreux avantages. Voici quelques-uns des avantages de l’utilisation des fichiers SVG :<\/p>