{"id":60700,"date":"2021-10-28T13:57:13","date_gmt":"2021-10-28T13:57:13","guid":{"rendered":"https:\/\/blogging-techies.com\/fr\/quest-ce-quun-fichier-svg-simplement-explique\/"},"modified":"2021-10-28T13:57:13","modified_gmt":"2021-10-28T13:57:13","slug":"quest-ce-quun-fichier-svg-simplement-explique","status":"publish","type":"post","link":"https:\/\/blogging-techies.com\/fr\/quest-ce-quun-fichier-svg-simplement-explique\/","title":{"rendered":"Qu&#8217;est-ce qu&#8217;un fichier SVG ?  Simplement expliqu\u00e9"},"content":{"rendered":"<p>Desservant une grande vari\u00e9t\u00e9 d&#8217;utilisations, un nombre croissant de types de fichiers entrent dans l&#8217;espace num\u00e9rique.  SVG est l\u00e0 pour vous aider \u00e0 obtenir la beaut\u00e9 vectorielle nette que tout le monde appr\u00e9cie.  En tant que format standardis\u00e9, les animations SVG et SVG peuvent \u00eatre facilement visualis\u00e9es dans les principaux navigateurs Web tels que Chrome et Firefox.  Parmi beaucoup de choses, cela fait du type de fichier SVG un excellent choix pour la conception de sites Web r\u00e9actifs.<\/p>\n<figure class=\"wp-block-embed-youtube aligncenter wp-block-embed is-type-video is-provider-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><\/figure>\n<h2><span class=\"ez-toc-section\" id=\"Graphiques_vectoriels_evolutifs_SVG\"><\/span>Graphiques vectoriels \u00e9volutifs (SVG)<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>SVG est l&#8217;abr\u00e9viation de Scalable Vector Graphics, d\u00e9velopp\u00e9 par le World Wide Web Consortium (W3C) en tant que format d&#8217;image vectorielle bas\u00e9 sur XML.  SVG, comme tout autre format graphique vectoriel, peut \u00eatre imprim\u00e9 en haute qualit\u00e9 quelle que soit la r\u00e9solution.  Le format SVG est \u00e9galement capable d&#8217;ex\u00e9cuter des animations en douceur.  C&#8217;est mon pr\u00e9f\u00e9r\u00e9 dans mon flux de travail pour des raisons comme celle-ci.  Vous ne pouvez pas vous tromper avec ce type de vecteur.<\/p>\n<figure class=\"aligncenter size-full\"><\/figure>\n<h2><span class=\"ez-toc-section\" id=\"Vecteur_vs_raster_la_difference\"><\/span>Vecteur vs raster, la diff\u00e9rence<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Les deux formats d&#8217;images num\u00e9riques diff\u00e8rent dans la mani\u00e8re dont ils forment et stockent l&#8217;image.  Alors que les graphiques raster sont constitu\u00e9s de pixels, les graphiques vectoriels sont constitu\u00e9s de chemins.  Le raster n\u00e9cessite une grande quantit\u00e9 d&#8217;espace, tandis que les vecteurs ont besoin de beaucoup moins d&#8217;espace, mais votre ordinateur doit faire plus de travail pour afficher les vecteurs car ils sont bas\u00e9s sur des \u00e9quations math\u00e9matiques.  Cependant, c&#8217;est l\u00e0 que r\u00e9side la beaut\u00e9, car pour cette raison, les graphiques vectoriels sont \u00e9volutifs et tr\u00e8s utiles dans de nombreux domaines, pr\u00e9f\u00e9r\u00e9s principalement dans les utilisations commerciales et les images de marque.  Mais le raster est tellement meilleur en ce qui concerne la profondeur des couleurs et le travail de d\u00e9tail.  Ici, le choix que vous faites doit suivre votre style et compl\u00e9ter ou m\u00eame contraster et cr\u00e9er quelque chose de totalement nouveau.  Soit brave!  Laissez votre esprit cr\u00e9atif prendre le dessus sur le choix.<\/p>\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" loading=\"lazy\" width=\"850\" height=\"634\" http:=\"\" alt=\"graphiques vectoriels\" class=\"wp-image-16923\" src=\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2021\/10\/%C2%BFQue-es-un-archivo-SVG-Explicado-simplemente.jpg\"><\/figure>\n<h2><span class=\"ez-toc-section\" id=\"Comment_creer_un_fichier_SVG\"><\/span>Comment cr\u00e9er un fichier SVG ?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Vous pouvez cr\u00e9er et \u00e9diter des images SVG avec quelque chose d&#8217;aussi simple qu&#8217;un \u00e9diteur de texte.  Aussi incroyable que cela puisse para\u00eetre, \u00eatre bas\u00e9 sur le langage XML (en plus d&#8217;\u00eatre, <strong>bas\u00e9<\/strong>) vous offre de nombreuses qualit\u00e9s tout en \u00e9tant l\u00e9ger avec une puissance de calcul pr\u00e9cieuse.  Aussi \u00e9vident que cela puisse \u00eatre, vous n&#8217;\u00eates pas limit\u00e9 \u00e0 un \u00e9diteur de texte car il existe de nombreux logiciels de conception graphique utiles sur le Web parmi lesquels vous pouvez choisir.  Nous sommes convaincus que vous trouverez les outils graphiques adapt\u00e9s \u00e0 votre style et \u00e0 vos besoins.  Voici quelques \u00e9diteurs de graphiques pour votre consid\u00e9ration, mais n&#8217;oubliez pas ;  Ce ne sont l\u00e0 que quelques-unes des nombreuses options dont vous disposez.<\/p>\n<ul>\n<li>Inkscape<\/li>\n<li>Adobe Illustrator<\/li>\n<li>Snap.svg<\/li>\n<li>Google dessins<\/li>\n<li>CorelDRAW<\/li>\n<\/ul>\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" loading=\"lazy\" width=\"900\" height=\"364\" http:=\"\" alt=\"Comment cr\u00e9er un fichier svg ?\" class=\"wp-image-16919\" src=\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2021\/10\/1634055566_78_%C2%BFQue-es-un-archivo-SVG-Explicado-simplemente.jpg\"><\/figure>\n<p><strong class=\"schema-faq-question\">Qu&#8217;est-ce qui peut ouvrir un fichier SVG ?<\/strong><\/p>\n<p class=\"schema-faq-answer\">La plupart des navigateurs comme Chrome, Firefox peuvent afficher les fichiers SVG.  M\u00eame Internet Explorer peut le faire.  Bien que la derni\u00e8re partie soit difficile \u00e0 croire, cela montre \u00e0 quel point le type de fichier est bon.<\/p>\n<p><strong class=\"schema-faq-question\">Est-il facile de cr\u00e9er un fichier SVG ?<\/strong><\/p>\n<p class=\"schema-faq-answer\">Oui, c&#8217;est certainement.  Un \u00e9diteur de texte peut encoder un fichier SVG, mais les \u00e9diteurs graphiques comme Inkscape, Adobe Illustrator et CorelDRAW sont la solution.  Ce type de logiciel est vraiment facile \u00e0 utiliser.<\/p>\n<p><strong class=\"schema-faq-question\">Pouvez-vous convertir SVG en JPG ?<\/strong><\/p>\n<p class=\"schema-faq-answer\">C&#8217;est certainement possible, et en plus des \u00e9diteurs graphiques mentionn\u00e9s ci-dessus, vous pouvez trouver des convertisseurs de fichiers et des logiciels en ligne qui se concentrent sur la conversion d&#8217;images sur le Web.<\/p>\n<p><strong class=\"schema-faq-question\">Dois-je choisir vecteur ou raster ?<\/strong><\/p>\n<p class=\"schema-faq-answer\">Cela d\u00e9pend de votre objectif.  Le vecteur est le meilleur pour les images \u00e9volutives, polyvalentes et faciles \u00e0 utiliser, tandis que le raster concerne davantage la profondeur et la complexit\u00e9.  Cela dit, ne laissez pas cela vous emp\u00eacher de prendre une d\u00e9cision.  Apr\u00e8s tout, c&#8217;est votre cr\u00e9ation, osez \u00eatre audacieux.  Vous l&#8217;avez!<\/p>\n<p><strong class=\"schema-faq-question\">Pouvez-vous importer et exporter du SVG entre diff\u00e9rents outils graphiques\u00a0?<\/strong><\/p>\n<p class=\"schema-faq-answer\">Oui, soyez \u00e0 l&#8217;aise car SVG peut \u00eatre import\u00e9 et export\u00e9 sans endommager le fichier.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Conclusion_notre_point_de_vue_sur_SVG\"><\/span>Conclusion : notre point de vue sur SVG<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Au fur et \u00e0 mesure que la prise en charge et le besoin du type de fichier SVG augmentent, nous serons s\u00fbrs d&#8217;en voir plus.  Le format SVG compl\u00e8te la nature r\u00e9active des nouveaux sites Web et les am\u00e8ne \u00e0 un autre niveau.  Alors, la prochaine fois que vous remarquerez qu&#8217;un fichier SVG s&#8217;ex\u00e9cute correctement dans votre navigateur, appr\u00e9cions son standard ouvert et sa qualit\u00e9 de vie globale qu&#8217;il contribue \u00e0 am\u00e9liorer tout en jouant un r\u00f4le central dans la r\u00e9volution des graphiques vectoriels dans nos navigateurs.  Si vous aimez cr\u00e9er des images captivantes, et nous pensons que vous l&#8217;\u00eates certainement, vous voudrez peut-\u00eatre aussi d\u00e9couvrir comment cr\u00e9er des GIF sur Tumblr.<\/p>\n<figure class=\"wp-block-embed-youtube aligncenter wp-block-embed is-type-video is-provider-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><\/figure>\n  <div id=\"ez-toc-container\" class=\"ez-toc-v2_0_89 ez-toc-wrap-center counter-flat ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Table of Contents<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 eztoc-toggle-hide-by-default' ><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/blogging-techies.com\/fr\/quest-ce-quun-fichier-svg-simplement-explique\/#Graphiques_vectoriels_evolutifs_SVG\" >Graphiques vectoriels \u00e9volutifs (SVG)<\/a><\/li><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/blogging-techies.com\/fr\/quest-ce-quun-fichier-svg-simplement-explique\/#Vecteur_vs_raster_la_difference\" >Vecteur vs raster, la diff\u00e9rence<\/a><\/li><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/blogging-techies.com\/fr\/quest-ce-quun-fichier-svg-simplement-explique\/#Comment_creer_un_fichier_SVG\" >Comment cr\u00e9er un fichier SVG ?<\/a><\/li><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/blogging-techies.com\/fr\/quest-ce-quun-fichier-svg-simplement-explique\/#Conclusion_notre_point_de_vue_sur_SVG\" >Conclusion : notre point de vue sur SVG<\/a><\/li><\/ul><\/nav><\/div>\n ","protected":false},"excerpt":{"rendered":"<p>Desservant une grande vari\u00e9t\u00e9 d&#8217;utilisations, un nombre croissant de types de fichiers entrent dans l&#8217;espace num\u00e9rique. SVG est l\u00e0 pour vous aider \u00e0 obtenir la beaut\u00e9 vectorielle nette que tout le monde appr\u00e9cie. En tant que format standardis\u00e9, les animations SVG et SVG peuvent \u00eatre facilement visualis\u00e9es dans les principaux navigateurs Web tels que Chrome [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":60701,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7],"tags":[],"class_list":["post-60700","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blogs"],"_links":{"self":[{"href":"https:\/\/blogging-techies.com\/fr\/wp-json\/wp\/v2\/posts\/60700","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blogging-techies.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogging-techies.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogging-techies.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blogging-techies.com\/fr\/wp-json\/wp\/v2\/comments?post=60700"}],"version-history":[{"count":0,"href":"https:\/\/blogging-techies.com\/fr\/wp-json\/wp\/v2\/posts\/60700\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blogging-techies.com\/fr\/wp-json\/wp\/v2\/media\/60701"}],"wp:attachment":[{"href":"https:\/\/blogging-techies.com\/fr\/wp-json\/wp\/v2\/media?parent=60700"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogging-techies.com\/fr\/wp-json\/wp\/v2\/categories?post=60700"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogging-techies.com\/fr\/wp-json\/wp\/v2\/tags?post=60700"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}