{"id":23452,"date":"2019-02-04T04:28:51","date_gmt":"2019-02-04T03:28:51","guid":{"rendered":"https:\/\/kinsta.com\/?p=10171"},"modified":"2024-01-24T14:33:54","modified_gmt":"2024-01-24T13:33:54","slug":"svg-wordpress","status":"publish","type":"post","link":"https:\/\/kinsta.com\/fr\/blog\/svg-wordpress\/","title":{"rendered":"Qu&rsquo;est-ce qu&rsquo;un fichier SVG (et comment t\u00e9l\u00e9verser des SVG sur WordPress) ?"},"content":{"rendered":"<p>La principale raison pour laquelle les fichiers SVG sont particuli\u00e8rement populaires parmi les d\u00e9veloppeurs et les concepteurs est qu&rsquo;il s&rsquo;agit d&rsquo;un format d&rsquo;image \u00e9volutif,\u00a0g\u00e9n\u00e9ralement plus petit en taille de fichier (parfois de beaucoup), et qui ne pixelise pas sur les \u00e9crans r\u00e9tina. WordPress par d\u00e9faut ne vous permet cependant pas de t\u00e9l\u00e9charger le format de fichier SVG, principalement pour des raisons de s\u00e9curit\u00e9.<\/p>\n<p>Aujourd&rsquo;hui, nous allons nous plonger dans ce que sont les SVG, comment ils peuvent \u00eatre b\u00e9n\u00e9fiques et comment vous pouvez activer le support SVG de WordPress en toute s\u00e9curit\u00e9. Nous discuterons \u00e9galement du support des navigateurs, ainsi que de certains avertissements si vous d\u00e9cidez de passer au format d&rsquo;image vectoriel.<\/p>\n<p>Esp\u00e9rons qu&rsquo;un jour nous aurons le SVG comme partie int\u00e9grante de WordPress, mais nous n&rsquo;en sommes pas encore l\u00e0.<\/p>\n<div><\/div><kinsta-auto-toc heading=\"Table of Contents\" exclude=\"last\" list-style=\"arrow\" selector=\"h2\" count-number=\"-1\"><\/kinsta-auto-toc>\n<h2 id=\"what-is-svg\">Qu&rsquo;est-ce qu&rsquo;un fichier SVG?<\/h2>\n<p>SVG (Scalable Vector Graphics) est une image vectorielle <strong>bas\u00e9e sur XML<\/strong> qui est couramment utilis\u00e9e par les sites web et les marques pour afficher des logos et des ic\u00f4nes sur leurs sites web. Wikipedia d\u00e9finit SVG comme :<\/p>\n<blockquote><p><em>Un SVG (scalable vector graphics) est un format d&rsquo;image vectorielle bas\u00e9 sur XML pour les graphiques bidimensionnels avec un support pour l&rsquo;interactivit\u00e9 et l&rsquo;animation. La sp\u00e9cification SVG est une norme ouverte d\u00e9velopp\u00e9e par le World Wide Web Consortium (W3C) depuis 1999.<\/em><\/p><\/blockquote>\n<p>Vous pouvez m\u00eame manipuler les fichiers SVG avec du code ou <a href=\"https:\/\/kinsta.com\/fr\/blog\/meilleurs-editeurs-de-texte\/\">votre \u00e9diteur de texte<\/a>. Les SVG sont actuellement utilis\u00e9s par <a href=\"https:\/\/w3techs.com\/technologies\/details\/im-svg\/all\/all\">33 % de tous les sites web<\/a> et, comme vous pouvez le voir ci-dessous, le taux d&rsquo;adoption augmente rapidement. Des sites populaires tels que Google, Reddit, Dropbox, ESPN, et m\u00eame notre propre site web ici chez Kinsta utilisent les SVG.<\/p>\n<figure id=\"attachment_93606\" aria-describedby=\"caption-attachment-93606\" style=\"width: 800px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-93606 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2017\/04\/svg-usage-statistics-1.png\" alt=\"Statistiques d'utilisation de SVG avril 2020 - avril 2021\" width=\"800\" height=\"534\"><figcaption id=\"caption-attachment-93606\" class=\"wp-caption-text\">Statistiques d&rsquo;utilisation de SVG avril 2020 &#8211; avril 2021<\/figcaption><\/figure>\n<h3>Support des navigateurs de fichiers SVG<\/h3>\n<p>Les fichiers SVG sont actuellement support\u00e9s par <a href=\"http:\/\/caniuse.com\/#feat=svg\">tous les principaux navigateurs<\/a>, y compris les navigateurs mobiles.\u00a0Le seul probl\u00e8me que vous pourriez rencontrer est si vous avez toujours besoin de support pour IE8, ce que nous esp\u00e9rons que vous n&rsquo;avez pas. IE8 n&rsquo;a qu&rsquo;une <a href=\"https:\/\/kinsta.com\/fr\/parts-de-marche-des-navigateurs\/\">part de march\u00e9<\/a> d&rsquo;environ 0,36% et n&rsquo;est plus support\u00e9. Voici un excellent article de Lubos sur les raisons pour lesquelles les d\u00e9veloppeurs devraient <a href=\"https:\/\/www.xfive.co\/blog\/stop-supporting-ie10-ie9-ie8\/\" target=\"_blank\" rel=\"noopener noreferrer\">arr\u00eater de supporter IE8, IE9, et IE10<\/a>. D&rsquo;un point de vue commercial, ce n&rsquo;est peut-\u00eatre pas toujours possible, mais il soul\u00e8ve quelques points positifs. Si pour une raison d\u00e9sesp\u00e9r\u00e9e vous avez toujours besoin du support d&rsquo;IE8, vous pouvez d\u00e9finir une image de secours (PNG ou JPG) pour vos images SVG, mais nous n&rsquo;allons pas en parler aujourd&rsquo;hui. Vous trouverez ci-dessous une liste des navigateurs qui prennent en charge le SVG :<\/p>\n<ul>\n<li>Internet Explorer 9, 10, 11+ and Edge<\/li>\n<li>Firefox 2+<\/li>\n<li>Chrome 4+<\/li>\n<li>Safari 3.1+<\/li>\n<li>Opera 10+<\/li>\n<li>iOS Safari 3.2+<\/li>\n<li>Android Browser 3+<\/li>\n<li>Firefox for Android 86+<\/li>\n<li>Opera Mini (tous)<\/li>\n<li>Opera Mobile 12+<\/li>\n<li>Chrome for Android 89+<\/li>\n<li>UC Browser for Android 12.12<\/li>\n<li>Samsung Internet 4+<\/li>\n<li>QQ Browser 10.4<\/li>\n<li>Baidu Browser 7.12<\/li>\n<li>KaiOS Browser 2.5<\/li>\n<\/ul>\n<figure id=\"attachment_93608\" aria-describedby=\"caption-attachment-93608\" style=\"width: 800px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-93608 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2017\/04\/svg-browser-support-1.png\" alt=\"Support SVG du navigateur\" width=\"800\" height=\"432\"><figcaption id=\"caption-attachment-93608\" class=\"wp-caption-text\">Support SVG du navigateur<\/figcaption><\/figure>\n<h3>Avantages de l&rsquo;utilisation des fichiers SVG<\/h3>\n<p>Le fichier SVG est un format vectoriel, ce qui signifie qu&rsquo;il est <strong>automatiquement redimensionnable<\/strong> dans les navigateurs et les outils de retouche photo. Cela les rend parfaits pour les graphistes et les designers de sites Web. Normalement, lorsque vous essayez d&rsquo;\u00e9diter un PNG ou un JPG dans un outil comme Photoshop, Sketch ou Paint, vous ne pouvez pas les redimensionner sans voir la pixellisation. Avec les SVGs, vous pouvez les redimensionner \u00e0 l&rsquo;infini et ils auront l&rsquo;air de pixels parfaits (ou plut\u00f4t vectoriels) \u00e0 chaque fois. C&rsquo;est pourquoi ils constituent un format d&rsquo;image id\u00e9al pour les \u00e9crans r\u00e9tina.<\/p>\n<p><strong>Google indexe les fichiers SVG<\/strong>, ce qui est une excellente nouvelle pour le <a href=\"https:\/\/kinsta.com\/fr\/blog\/que-veut-dire-referencement-seo\/\">SEO<\/a>. Le contenu du SVG qui est li\u00e9 \u00e0 un fichier lui-m\u00eame sera index\u00e9 et appara\u00eetra dans la recherche d&rsquo;images Google. Vous pouvez le voir avec les illustrations SVG que nous utilisons sur Kinsta en faisant une <a href=\"https:\/\/www.google.com\/search?as_st=y&#038;tbm=isch&#038;as_q=&#038;as_epq=&#038;as_oq=&#038;as_eq=&#038;cr=&#038;as_sitesearch=kinsta.com&#038;safe=images&#038;tbs=ift:svg\" target=\"_blank\" rel=\"noopener noreferrer\">recherche d&rsquo;images avanc\u00e9e<\/a>. Note : Les SVGs en ligne, ou plut\u00f4t ceux compos\u00e9s uniquement de code, ne sont g\u00e9n\u00e9ralement pas index\u00e9s.<\/p>\n<p>Les SVGs sont traditionnellement (pas toujours) <strong>plus petits en taille de fichier que les PNGs ou JPGs<\/strong>. En utilisant le SVG, vous pouvez effectivement acc\u00e9l\u00e9rer votre site WordPress car vous allez r\u00e9duire la taille globale de votre page. Genki a \u00e9crit un excellent article o\u00f9 il compare la taille du <a href=\"http:\/\/genkihagata.com\/blog\/svg-vs-flat-images.html\" target=\"_blank\" rel=\"noopener noreferrer\">SVG vs PNG vs JPEG<\/a> et voici notre <a href=\"https:\/\/kinsta.com\/fr\/blog\/jpg-vs-jpeg\/\">comparaison JPG vs JPEG<\/a>.\u00a0Ci-dessous se trouvent quelques extraits de ses tests dans lesquels il a compar\u00e9 les trois diff\u00e9rents types d&rsquo;images.<\/p>\n<h4>JPG (taille optimis\u00e9e : 81,4 Ko)<\/h4>\n<figure style=\"width: 1280px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2017\/04\/image-jpg.jpg\" alt=\"Image JPG\" width=\"1280\" height=\"535\"><figcaption class=\"wp-caption-text\">Image JPG<\/figcaption><\/figure>\n<h4>PNG (taille optimis\u00e9e : 85.1 Ko)<\/h4>\n<figure style=\"width: 1280px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2017\/04\/image-png.png\" alt=\"Image PNG\" width=\"1280\" height=\"535\"><figcaption class=\"wp-caption-text\">Image PNG<\/figcaption><\/figure>\n<h4>SVG (taille optimis\u00e9e : 6,1 Ko)<\/h4>\n<figure style=\"width: 1280px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2017\/04\/svg.png\" alt=\"Image SVG\" width=\"1280\" height=\"535\"><figcaption class=\"wp-caption-text\">Image SVG<\/figcaption><\/figure>\n<p>Comme vous pouvez le voir ci-dessus, le SVG propose une <strong>diminution de la taille du fichier de 92,51%<\/strong> par rapport au JPG. Et par rapport au PNG, <strong>92,83%<\/strong>. Ce sont des diff\u00e9rences de taille de fichier assez impressionnantes. Cependant, il y a une mise en garde : comme il a test\u00e9 des images plus d\u00e9taill\u00e9es, les SVGs sont finalement devenus plus gros que les JPGs ou les PNGs.<\/p>\n\n<p>C&rsquo;est pourquoi de nombreux sites utilisent les SVGs pour les images moins d\u00e9taill\u00e9es comme les logos, les ic\u00f4nes, etc. car ils verront une diminution significative de la taille des fichiers. Mais pour plus d&rsquo;images avec beaucoup de d\u00e9tails, comme par exemple les \u00a0\u00bb\u00a0images en vedette\u00a0\u00bb de votre blog, vous devrez peut-\u00eatre utiliser un PNG ou un JPG, mais <a href=\"https:\/\/kinsta.com\/fr\/blog\/optimiser-les-images-pour-le-web\/\" target=\"_blank\" rel=\"noopener noreferrer\">vous pouvez toujours les optimiser<\/a>. De nombreux sites Web utilisent une approche hybride, utilisant les deux types de fichiers ensemble lorsque cela a du sens.<\/p>\n<p>De plus, il est important de noter que les r\u00e9seaux sociaux comme Facebook et Twitter ne supportent pas les SVGs pour le partage. Si vous utilisez des SVG pour vos images mises en avant, vous devez utiliser la fonction Yoast SEO et t\u00e9l\u00e9verser un PNG ou un JPG pour les OG et les balises m\u00e9tas, sinon vous risquez que votre <a href=\"https:\/\/kinsta.com\/fr\/blog\/image-mise-en-avant-wordpress-non-affichee\/\">image mise en avant n&rsquo;apparaisse pas<\/a> du tout.<\/p>\n<h2 id=\"svg-security\">Pourquoi la s\u00e9curit\u00e9 du SVG est importante<\/h2>\n<p>La raison pour laquelle le SVG ne fait pas encore partie du noyau WordPress est qu&rsquo;il y a des probl\u00e8mes de s\u00e9curit\u00e9 \u00e0 r\u00e9soudre. Vous pouvez suivre la discussion active sur les <a href=\"https:\/\/core.trac.wordpress.org\/ticket\/24251\" target=\"_blank\" rel=\"noopener noreferrer\">SVGs dans le c\u0153ur de WordPress<\/a> (#24251) qui a commenc\u00e9 en 2013.<span class=\"Apple-converted-space\">\u00a0 <\/span>SVG est un fichier XML, qui en lui-m\u00eame s&rsquo;ouvre \u00e0 diff\u00e9rentes vuln\u00e9rabilit\u00e9s dont les formats d&rsquo;image normaux ne sont pas affect\u00e9s. Il s&rsquo;agit notamment des <a href=\"https:\/\/owasp.org\/www-community\/vulnerabilities\/XML_External_Entity_(XXE)_Processing\" target=\"_blank\" rel=\"noopener noreferrer\">attaques d&rsquo;entit\u00e9s externes XML<\/a> (XXE), bombes d\u2019entit\u00e9s imbriqu\u00e9es et des attaques XSS.<\/p>\n<p>Mario Heiderich a publi\u00e9 une pr\u00e9sentation perspicace sur les risques de s\u00e9curit\u00e9 li\u00e9s \u00e0 l&rsquo;<a href=\"http:\/\/owasp.org\/www-pdf-archive\/Mario_Heiderich_OWASP_Sweden_The_image_that_called_me.pdf\" target=\"_blank\" rel=\"noopener noreferrer\">injection de contenu actif dans les fichiers SVG<\/a>. Un exemple donn\u00e9 \u00e9tait que JavaScript \u00e9tait int\u00e9gr\u00e9 dans un SVG et qu&rsquo;il a r\u00e9ussi \u00e0 appeler Mario sur Skype. C&rsquo;est un peu effrayant ! <a href=\"https:\/\/kinsta.com\/fr\/blog\/plugins-securite-wordpress\/#secupress\" target=\"_blank\" rel=\"noopener noreferrer\">SecuPress<\/a>, auteur d&rsquo;un plugin de s\u00e9curit\u00e9 WordPress, a \u00e9galement abord\u00e9 la question de la prudence lors de l&rsquo;<a href=\"https:\/\/secupress.me\/blog\/add-svg-support-in-wordpress-medias-yes-but-no\/\" target=\"_blank\" rel=\"noopener noreferrer\">ajout du SVG dans WordPress<\/a>, et l&rsquo;importance de le faire correctement.<\/p>\n<p>De nombreux plugins SVG sur le r\u00e9f\u00e9rentiel utilisent le code suivant, qui permet simplement au type MIME de permettre le t\u00e9l\u00e9chargement du SVG dans la biblioth\u00e8que de m\u00e9dias WordPress. Ce n&rsquo;est pas la fa\u00e7on la plus s\u00fbre de faire \u00e7a ! Alors<strong> n&rsquo;y allez pas en t\u00e9l\u00e9chargeant simplement le premier plugin SVG gratuit que vous voyez<\/strong> ou en copiant et collant ce code en pensant que c&rsquo;est bon \u00e0 utiliser.<\/p>\n<pre><code>function cc_mime_types($mimes) {\n $mimes['svg'] = 'image\/svg+xml';\n return $mimes;\n}\nadd_filter('upload_mimes', 'cc_mime_types');<\/code><\/pre>\n<p>La solution est que les <strong>SVG doivent \u00eatre d\u00e9sinfect\u00e9s<\/strong>. C\u2019est essentiellement le nettoyage du code ou des entr\u00e9es pour \u00e9viter les probl\u00e8mes de s\u00e9curit\u00e9 (comme l&rsquo;injection de code), les conflits de code et les erreurs. Cela pourrait impliquer des choses telles que l&rsquo;encodage des donn\u00e9es, le filtrage et la validation des cha\u00eenes de caract\u00e8res, etc. C&rsquo;est l\u00e0 que la biblioth\u00e8que <a href=\"https:\/\/github.com\/darylldoyle\/svg-sanitizer\" target=\"_blank\" rel=\"noopener noreferrer\">SVG-Sanitizer<\/a> de Daryll Doyle entre en jeu, ce qu&rsquo;il appelle \u00ab\u00a0sa tentative de construire un nettoyeur de SVG d\u00e9cent en PHP\u00a0\u00bb. Regardez la <a href=\"http:\/\/svg.enshrined.co.uk\/\" target=\"_blank\" rel=\"noopener noreferrer\">d\u00e9mo de son nettoyeur de SVG<\/a> pour le voir en action.<\/p>\n<figure id=\"attachment_23460\" aria-describedby=\"caption-attachment-23460\" style=\"width: 1736px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-23460\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/02\/demonstration-du-nettoyeur-de-svg-.png\" alt=\"D\u00e9monstration du nettoyeur de SVG\" width=\"1736\" height=\"1206\" srcset=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/02\/demonstration-du-nettoyeur-de-svg-.png 1736w, https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/02\/demonstration-du-nettoyeur-de-svg--300x208.png 300w, https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/02\/demonstration-du-nettoyeur-de-svg--768x534.png 768w, https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/02\/demonstration-du-nettoyeur-de-svg--1024x711.png 1024w, https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/02\/demonstration-du-nettoyeur-de-svg--610x424.png 610w\" sizes=\"auto, (max-width: 1736px) 100vw, 1736px\" \/><figcaption id=\"caption-attachment-23460\" class=\"wp-caption-text\">D\u00e9monstration du nettoyeur de SVG<\/figcaption><\/figure>\n<p>Il est \u00e9galement important que vous consid\u00e9riez qui sur votre site a acc\u00e8s au t\u00e9l\u00e9chargement des SVGs. Par exemple, si vous \u00eates sur un site multi-auteurs, vous n&rsquo;avez aucune id\u00e9e du type de SVG que quelqu&rsquo;un d&rsquo;autre pourrait t\u00e9l\u00e9charger, exposant votre site. Il est conseill\u00e9 de <strong>limiter les t\u00e9l\u00e9chargements de SVGs aux administrateurs<\/strong> et \u00e0 ceux qui comprennent certains des probl\u00e8mes de s\u00e9curit\u00e9.<\/p>\n<h2 id=\"svg-wordpress-support\">Comment activer en toute s\u00e9curit\u00e9 la prise en charge du SVG dans WordPress<\/h2>\n<p>Daryll a d\u00e9velopp\u00e9 un plugin, WP SVG (aussi connu sous le nom de Safe SVG), qui <strong>utilise la biblioth\u00e8que SVG-Sanitizer<\/strong> lors du t\u00e9l\u00e9chargement d&rsquo;images SVG dans votre biblioth\u00e8que de m\u00e9dias WordPress. Le plugin vous permet \u00e9galement de visualiser les SVGs comme des images normales dans la m\u00e9diath\u00e8que.<\/p>\n<figure style=\"width: 504px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2017\/04\/plugin-wp-svg.png\" alt=\"Plugin WP SVG\" width=\"504\" height=\"134\"><figcaption class=\"wp-caption-text\">Plugin WP SVG<\/figcaption><\/figure>\n<p>Vous pouvez <a href=\"https:\/\/wordpress.org\/plugins\/safe-svg\/\" target=\"_blank\" rel=\"noopener noreferrer\">t\u00e9l\u00e9charger Safe SVG<\/a> gratuitement \u00e0 partir du r\u00e9f\u00e9rentiel WordPress ou en le recherchant dans votre tableau de bord WordPress sous \u00ab\u00a0Ajouter\u00a0\u00bb extensions.<\/p>\n<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-info\">\n            <h3>Info<\/h3>\n        <p>Cette extension n&rsquo;a pas re\u00e7u de mises \u00e0 jour r\u00e9centes. Veillez donc \u00e0 la <a href=\"https:\/\/kinsta.com\/fr\/docs\/hebergement-wordpress\/environnement-staging\/\">tester sur un site de staging<\/a> avant de l&rsquo;installer sur votre site en production.<\/p>\n<\/aside>\n\n<p>Il a \u00e9galement une version premium, situ\u00e9e sur <a href=\"https:\/\/wpsvg.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">wpsvg.com<\/a>, qui vous permet d&#8217;emp\u00eacher certains utilisateurs de t\u00e9l\u00e9charger des SVGs et des optimisations SVG suppl\u00e9mentaires. Dans cet exemple ci-dessous, nous allons simplement utiliser la version gratuite.<\/p>\n<p>Comme extension alternative, vous pouvez consulter <a href=\"https:\/\/wordpress.org\/plugins\/svg-support\/\">SVG Support<\/a>.<\/p>\n\n<p>Avant de t\u00e9l\u00e9charger votre fichier SVG, il est important de comprendre qu&rsquo;ils se comportent l\u00e9g\u00e8rement diff\u00e9remment des images. Lors de l&rsquo;exportation d&rsquo;un SVG \u00e0 partir de votre outil de retouche photo, vous devrez exporter le texte sous forme de courbes (ou cr\u00e9er un contour), sinon, il pourrait s\u2019afficher l\u00e9g\u00e8rement diff\u00e9remment dans les diff\u00e9rents navigateurs.<\/p>\n<figure style=\"width: 1383px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2017\/04\/exporter-le-texte-sous-forme-de-courbes.png\" alt=\"Affinity Designer\" width=\"1383\" height=\"700\"><figcaption class=\"wp-caption-text\">Affinity Designer &#8211; Exporter le texte sous forme de courbes SVG<\/figcaption><\/figure>\n<p>Apr\u00e8s avoir install\u00e9 le plugin, il n&rsquo;y a pas de param\u00e8tres, il va simplement nettoyer vos SVG lors du t\u00e9l\u00e9chargement. Sur notre site de test ci-dessous vous pouvez voir que nous avons remplac\u00e9 notre logo par un fichier SVG, il est visible comme d&rsquo;habitude dans la m\u00e9diath\u00e8que.<\/p>\n<figure style=\"width: 1719px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2017\/04\/svg-dans-la-mediatheque.png\" alt=\"SVG dans la m\u00e9diath\u00e8que WordPress\" width=\"1719\" height=\"1196\"><figcaption class=\"wp-caption-text\">SVG dans la m\u00e9diath\u00e8que WordPress<\/figcaption><\/figure>\n<p>Cela nous a \u00e9galement permis d&rsquo;utiliser le panneau de contr\u00f4le de notre th\u00e8me pour changer le logo dans notre en-t\u00eate WordPress en fichier SVG. Vous pouvez voir ci-dessous qu&rsquo;il est en effet en train d\u2019Aficher le fichier . svg. Et il est magnifique maintenant sur les \u00e9crans r\u00e9tina.<\/p>\n<figure style=\"width: 1699px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2017\/04\/svg-dans-tete-wordpress.png\" alt=\"SVG dans l'en-t\u00eate WordPress\" width=\"1699\" height=\"1158\"><figcaption class=\"wp-caption-text\">SVG dans l&rsquo;en-t\u00eate WordPress<\/figcaption><\/figure>\n<p>Il y a un autre ajustement que nous avons d\u00fb faire. Dans IE9-11, les fichiers SVG ne sont pas encore correctement redimensionn\u00e9s sur les ordinateurs de bureau et mobiles. L&rsquo;<a href=\"http:\/\/codepen.io\/tomByrer\/pen\/qEBbzw?editors=110\" target=\"_blank\" rel=\"noopener noreferrer\">ajout de la hauteur et de la largeur<\/a> corrige ce probl\u00e8me. Cela peut varier selon le th\u00e8me, mais sur notre site de test, nous avons simplement modifi\u00e9 notre fichier header.php et ajout\u00e9 ces dimensions personnalis\u00e9es. Certains th\u00e8mes WordPress utilisent le CSS pour modifier la mise \u00e0 l&rsquo;\u00e9chelle, ce qui n&rsquo;est pas bon pour des raisons de performances, mais en raison de cela, il peut vous demander d&rsquo;ajouter du code suppl\u00e9mentaire pour corriger le probl\u00e8me sur IE.<\/p>\n<figure style=\"width: 2405px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2017\/04\/modified-header-pour-svg.png\" alt=\"Fichier header.php modifi\u00e9 pour le probl\u00e8me de mise \u00e0 l'\u00e9chelle du SVG sous IE\" width=\"2405\" height=\"381\"><figcaption class=\"wp-caption-text\">Fichier header.php modifi\u00e9 pour le probl\u00e8me de mise \u00e0 l&rsquo;\u00e9chelle du SVG sous IE<\/figcaption><\/figure>\n<p>Et c&rsquo;est tout ! Vous avez maintenant activ\u00e9 en toute s\u00e9curit\u00e9 le support du SVG dans WordPress. Ce plugin et\/ou cette m\u00e9thode n&rsquo;est pas support\u00e9e par le c\u0153ur de WordPress, donc bien s\u00fbr, utilisez-le \u00e0 vos propres risques. Cependant, si vous t\u00e9l\u00e9chargiez d\u00e9j\u00e0 des SVGs avec seulement l&rsquo;extrait de type MIME, alors, par tous les moyens, veuillez le faire de cette fa\u00e7on.<\/p>\n<p>Aussi, si vous n&rsquo;avez jamais utilis\u00e9 le SVG auparavant, assurez-vous d&rsquo;avoir <a href=\"https:\/\/kinsta.com\/fr\/blog\/activer-gzip-compression\/\" target=\"_blank\" rel=\"noopener noreferrer\">activ\u00e9 GZIP<\/a> sur votre serveur pour le type de fichier \u00ab\u00a0image\/svg+xml\u00a0\u00bb. De cette fa\u00e7on, ils seront compress\u00e9s et se chargeront le plus rapidement possible. Parfois, les administrateurs syst\u00e8me n&rsquo;activent que les types de fichiers les plus standards. Remarque : GZIP est d\u00e9j\u00e0 activ\u00e9 sur tous les serveurs de Kinsta pour les SVGs.<\/p>\n<h2>R\u00e9sum\u00e9<\/h2>\n<p>Les SVGs sont un excellent moyen d&rsquo;am\u00e9liorer l&rsquo;apparence de votre site ! Nous recommandons d&rsquo;utiliser le SVG, PNG et JPG ensemble pour <a href=\"https:\/\/kinsta.com\/fr\/apprendre\/accelerer-wordpress\/\" target=\"_blank\" rel=\"noopener noreferrer\">obtenir les meilleures performances<\/a>, car les images tr\u00e8s d\u00e9taill\u00e9es ne fonctionneront pas aussi bien au format SVG. Les SVGs sont parfaits pour votre logo, pour qu&rsquo;il apparaisse parfaitement sur tous les \u00e9crans, avec des ic\u00f4nes.<\/p>\n<p>Qu&rsquo;en pensez-vous ? Avez-vous d\u00e9j\u00e0 utilis\u00e9 le SVG sur votre site WordPress ?<\/p>\n","protected":false},"excerpt":{"rendered":"<p>La principale raison pour laquelle les fichiers SVG sont particuli\u00e8rement populaires parmi les d\u00e9veloppeurs et les concepteurs est qu&rsquo;il s&rsquo;agit d&rsquo;un format d&rsquo;image \u00e9volutif,\u00a0g\u00e9n\u00e9ralement plus petit &#8230;<\/p>\n","protected":false},"author":38,"featured_media":23466,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[104,33],"topic":[1041,1028],"class_list":["post-23452","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","tag-svg","tag-wordpress","topic-conception-site-web-wordpress","topic-developpement-wordpress"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v24.6 (Yoast SEO v24.6) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Qu&#039;est-ce qu&#039;un fichier SVG (et comment t\u00e9l\u00e9verser des SVG sur WordPress) ?<\/title>\n<meta name=\"description\" content=\"SVG est un format d&#039;image vectorielle bas\u00e9 sur XML pour les graphiques bidimensionnels avec support pour l&#039;interactivit\u00e9 et l&#039;animation. D\u00e9couvrez-en plus dans ce guide d\u00e9taill\u00e9.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kinsta.com\/fr\/blog\/svg-wordpress\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Qu&#039;est-ce qu&#039;un fichier SVG (et comment t\u00e9l\u00e9verser des SVG sur WordPress) ?\" \/>\n<meta property=\"og:description\" content=\"SVG est un format d&#039;image vectorielle bas\u00e9 sur XML pour les graphiques bidimensionnels avec support pour l&#039;interactivit\u00e9 et l&#039;animation. D\u00e9couvrez-en plus dans ce guide d\u00e9taill\u00e9.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/fr\/blog\/svg-wordpress\/\" \/>\n<meta property=\"og:site_name\" content=\"Kinsta\u00ae\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/kinstafrance\/\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/fm.brianleejackson\" \/>\n<meta property=\"article:published_time\" content=\"2019-02-04T03:28:51+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-01-24T13:33:54+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/02\/svg-wordpress.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1460\" \/>\n\t<meta property=\"og:image:height\" content=\"730\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Brian Jackson\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:description\" content=\"SVG est un format d&#039;image vectorielle bas\u00e9 sur XML pour les graphiques bidimensionnels avec support pour l&#039;interactivit\u00e9 et l&#039;animation. D\u00e9couvrez-en plus dans ce guide d\u00e9taill\u00e9.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/02\/svg-wordpress.png\" \/>\n<meta name=\"twitter:creator\" content=\"@brianleejackson\" \/>\n<meta name=\"twitter:site\" content=\"@kinsta_fr\" \/>\n<meta name=\"twitter:label1\" content=\"\u00c9crit par\" \/>\n\t<meta name=\"twitter:data1\" content=\"Brian Jackson\" \/>\n\t<meta name=\"twitter:label2\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data2\" content=\"12 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/svg-wordpress\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/svg-wordpress\/\"},\"author\":{\"name\":\"Brian Jackson\",\"@id\":\"https:\/\/kinsta.com\/fr\/#\/schema\/person\/079824c00ccc2b7141504f27ea63bef7\"},\"headline\":\"Qu&rsquo;est-ce qu&rsquo;un fichier SVG (et comment t\u00e9l\u00e9verser des SVG sur WordPress) ?\",\"datePublished\":\"2019-02-04T03:28:51+00:00\",\"dateModified\":\"2024-01-24T13:33:54+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/svg-wordpress\/\"},\"wordCount\":2341,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/fr\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/svg-wordpress\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/02\/svg-wordpress.png\",\"keywords\":[\"SVG\",\"WordPress\"],\"articleSection\":[\"Meilleurs Tutoriels WordPress\"],\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinsta.com\/fr\/blog\/svg-wordpress\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/svg-wordpress\/\",\"url\":\"https:\/\/kinsta.com\/fr\/blog\/svg-wordpress\/\",\"name\":\"Qu'est-ce qu'un fichier SVG (et comment t\u00e9l\u00e9verser des SVG sur WordPress) ?\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/fr\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/svg-wordpress\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/svg-wordpress\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/02\/svg-wordpress.png\",\"datePublished\":\"2019-02-04T03:28:51+00:00\",\"dateModified\":\"2024-01-24T13:33:54+00:00\",\"description\":\"SVG est un format d'image vectorielle bas\u00e9 sur XML pour les graphiques bidimensionnels avec support pour l'interactivit\u00e9 et l'animation. D\u00e9couvrez-en plus dans ce guide d\u00e9taill\u00e9.\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/svg-wordpress\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/fr\/blog\/svg-wordpress\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/svg-wordpress\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/02\/svg-wordpress.png\",\"contentUrl\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/02\/svg-wordpress.png\",\"width\":1460,\"height\":730,\"caption\":\"SVG WordPress\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/svg-wordpress\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinsta.com\/fr\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Conception de sites web WordPress\",\"item\":\"https:\/\/kinsta.com\/fr\/sujets\/conception-site-web-wordpress\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Qu&rsquo;est-ce qu&rsquo;un fichier SVG (et comment t\u00e9l\u00e9verser des SVG sur WordPress) ?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kinsta.com\/fr\/#website\",\"url\":\"https:\/\/kinsta.com\/fr\/\",\"name\":\"Kinsta\u00ae\",\"description\":\"Solutions d&#039;h\u00e9bergement premium, rapides et s\u00e9curis\u00e9es\",\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/fr\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kinsta.com\/fr\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/kinsta.com\/fr\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/kinsta.com\/fr\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/kinsta.com\/fr\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/12\/kinsta-logo.jpeg\",\"contentUrl\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/12\/kinsta-logo.jpeg\",\"width\":500,\"height\":500,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/fr\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/kinstafrance\/\",\"https:\/\/x.com\/kinsta_fr\",\"https:\/\/www.instagram.com\/kinstahosting\/\",\"https:\/\/www.linkedin.com\/company\/kinsta\/\",\"https:\/\/www.pinterest.com\/kinstahosting\/\",\"https:\/\/www.youtube.com\/c\/Kinsta\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/kinsta.com\/fr\/#\/schema\/person\/079824c00ccc2b7141504f27ea63bef7\",\"name\":\"Brian Jackson\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/kinsta.com\/fr\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/79623d815f4ed4c8c2457392d728cb16?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/79623d815f4ed4c8c2457392d728cb16?s=96&d=mm&r=g\",\"caption\":\"Brian Jackson\"},\"description\":\"Brian has a huge passion for WordPress, has been using it for over a decade, and even develops a couple of premium plugins. Brian enjoys blogging, movies, and hiking. Connect with Brian on Twitter.\",\"sameAs\":[\"https:\/\/www.facebook.com\/fm.brianleejackson\",\"https:\/\/www.linkedin.com\/in\/brianleejackson\",\"https:\/\/x.com\/brianleejackson\"],\"url\":\"https:\/\/kinsta.com\/fr\/blog\/author\/brianjackson\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Qu'est-ce qu'un fichier SVG (et comment t\u00e9l\u00e9verser des SVG sur WordPress) ?","description":"SVG est un format d'image vectorielle bas\u00e9 sur XML pour les graphiques bidimensionnels avec support pour l'interactivit\u00e9 et l'animation. D\u00e9couvrez-en plus dans ce guide d\u00e9taill\u00e9.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/kinsta.com\/fr\/blog\/svg-wordpress\/","og_locale":"fr_FR","og_type":"article","og_title":"Qu'est-ce qu'un fichier SVG (et comment t\u00e9l\u00e9verser des SVG sur WordPress) ?","og_description":"SVG est un format d'image vectorielle bas\u00e9 sur XML pour les graphiques bidimensionnels avec support pour l'interactivit\u00e9 et l'animation. D\u00e9couvrez-en plus dans ce guide d\u00e9taill\u00e9.","og_url":"https:\/\/kinsta.com\/fr\/blog\/svg-wordpress\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/kinstafrance\/","article_author":"https:\/\/www.facebook.com\/fm.brianleejackson","article_published_time":"2019-02-04T03:28:51+00:00","article_modified_time":"2024-01-24T13:33:54+00:00","og_image":[{"width":1460,"height":730,"url":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/02\/svg-wordpress.png","type":"image\/png"}],"author":"Brian Jackson","twitter_card":"summary_large_image","twitter_description":"SVG est un format d'image vectorielle bas\u00e9 sur XML pour les graphiques bidimensionnels avec support pour l'interactivit\u00e9 et l'animation. D\u00e9couvrez-en plus dans ce guide d\u00e9taill\u00e9.","twitter_image":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/02\/svg-wordpress.png","twitter_creator":"@brianleejackson","twitter_site":"@kinsta_fr","twitter_misc":{"\u00c9crit par":"Brian Jackson","Dur\u00e9e de lecture estim\u00e9e":"12 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/fr\/blog\/svg-wordpress\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/fr\/blog\/svg-wordpress\/"},"author":{"name":"Brian Jackson","@id":"https:\/\/kinsta.com\/fr\/#\/schema\/person\/079824c00ccc2b7141504f27ea63bef7"},"headline":"Qu&rsquo;est-ce qu&rsquo;un fichier SVG (et comment t\u00e9l\u00e9verser des SVG sur WordPress) ?","datePublished":"2019-02-04T03:28:51+00:00","dateModified":"2024-01-24T13:33:54+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/fr\/blog\/svg-wordpress\/"},"wordCount":2341,"commentCount":0,"publisher":{"@id":"https:\/\/kinsta.com\/fr\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/fr\/blog\/svg-wordpress\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/02\/svg-wordpress.png","keywords":["SVG","WordPress"],"articleSection":["Meilleurs Tutoriels WordPress"],"inLanguage":"fr-FR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinsta.com\/fr\/blog\/svg-wordpress\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/fr\/blog\/svg-wordpress\/","url":"https:\/\/kinsta.com\/fr\/blog\/svg-wordpress\/","name":"Qu'est-ce qu'un fichier SVG (et comment t\u00e9l\u00e9verser des SVG sur WordPress) ?","isPartOf":{"@id":"https:\/\/kinsta.com\/fr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/fr\/blog\/svg-wordpress\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/fr\/blog\/svg-wordpress\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/02\/svg-wordpress.png","datePublished":"2019-02-04T03:28:51+00:00","dateModified":"2024-01-24T13:33:54+00:00","description":"SVG est un format d'image vectorielle bas\u00e9 sur XML pour les graphiques bidimensionnels avec support pour l'interactivit\u00e9 et l'animation. D\u00e9couvrez-en plus dans ce guide d\u00e9taill\u00e9.","breadcrumb":{"@id":"https:\/\/kinsta.com\/fr\/blog\/svg-wordpress\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/fr\/blog\/svg-wordpress\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/kinsta.com\/fr\/blog\/svg-wordpress\/#primaryimage","url":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/02\/svg-wordpress.png","contentUrl":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/02\/svg-wordpress.png","width":1460,"height":730,"caption":"SVG WordPress"},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/fr\/blog\/svg-wordpress\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinsta.com\/fr\/"},{"@type":"ListItem","position":2,"name":"Conception de sites web WordPress","item":"https:\/\/kinsta.com\/fr\/sujets\/conception-site-web-wordpress\/"},{"@type":"ListItem","position":3,"name":"Qu&rsquo;est-ce qu&rsquo;un fichier SVG (et comment t\u00e9l\u00e9verser des SVG sur WordPress) ?"}]},{"@type":"WebSite","@id":"https:\/\/kinsta.com\/fr\/#website","url":"https:\/\/kinsta.com\/fr\/","name":"Kinsta\u00ae","description":"Solutions d&#039;h\u00e9bergement premium, rapides et s\u00e9curis\u00e9es","publisher":{"@id":"https:\/\/kinsta.com\/fr\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kinsta.com\/fr\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/kinsta.com\/fr\/#organization","name":"Kinsta","url":"https:\/\/kinsta.com\/fr\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/kinsta.com\/fr\/#\/schema\/logo\/image\/","url":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/12\/kinsta-logo.jpeg","contentUrl":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/12\/kinsta-logo.jpeg","width":500,"height":500,"caption":"Kinsta"},"image":{"@id":"https:\/\/kinsta.com\/fr\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/kinstafrance\/","https:\/\/x.com\/kinsta_fr","https:\/\/www.instagram.com\/kinstahosting\/","https:\/\/www.linkedin.com\/company\/kinsta\/","https:\/\/www.pinterest.com\/kinstahosting\/","https:\/\/www.youtube.com\/c\/Kinsta"]},{"@type":"Person","@id":"https:\/\/kinsta.com\/fr\/#\/schema\/person\/079824c00ccc2b7141504f27ea63bef7","name":"Brian Jackson","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/kinsta.com\/fr\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/79623d815f4ed4c8c2457392d728cb16?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/79623d815f4ed4c8c2457392d728cb16?s=96&d=mm&r=g","caption":"Brian Jackson"},"description":"Brian has a huge passion for WordPress, has been using it for over a decade, and even develops a couple of premium plugins. Brian enjoys blogging, movies, and hiking. Connect with Brian on Twitter.","sameAs":["https:\/\/www.facebook.com\/fm.brianleejackson","https:\/\/www.linkedin.com\/in\/brianleejackson","https:\/\/x.com\/brianleejackson"],"url":"https:\/\/kinsta.com\/fr\/blog\/author\/brianjackson\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/posts\/23452","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/users\/38"}],"replies":[{"embeddable":true,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/comments?post=23452"}],"version-history":[{"count":16,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/posts\/23452\/revisions"}],"predecessor-version":[{"id":45919,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/posts\/23452\/revisions\/45919"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/23452\/translations\/en"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/23452\/translations\/es"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/23452\/translations\/fr"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/23452\/translations\/de"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/23452\/translations\/it"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/23452\/translations\/pt"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/23452\/translations\/jp"},{"href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/23452\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/media\/23466"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/media?parent=23452"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/tags?post=23452"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/topic?post=23452"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}