{"id":40072,"date":"2025-06-18T12:39:33","date_gmt":"2025-06-18T12:39:33","guid":{"rendered":"https:\/\/viavector.co\/quest-ce-quun-fichier-svg\/"},"modified":"2025-06-24T10:12:13","modified_gmt":"2025-06-24T10:12:13","slug":"fichier-svg","status":"publish","type":"post","link":"https:\/\/viavector.co\/fr\/fichier-svg\/","title":{"rendered":"Qu’est-ce qu’un fichier SVG ?"},"content":{"rendered":"\n

Un fichier SVG (Scalable Vector Graphic) est une image graphique qui peut \u00eatre agrandie et r\u00e9duite ind\u00e9finiment sans perte de qualit\u00e9. <\/strong><\/p>\n\n

En effet, l’image est compos\u00e9e de vecteurs et non de pixels. Les vecteurs sont des chemins compos\u00e9s d’un point de d\u00e9part et d’un point d’arriv\u00e9e avec, entre les deux, une ligne, une vague, un cercle ou une autre forme. L’image ci-dessous montre la diff\u00e9rence entre un fichier pixel (\u00e0 gauche) et un fichier SVG (\u00e0 droite). <\/p>\n\n

\"\"<\/figure>\n\n

Si un SVG est agrandi, la distance entre les chemins est recalcul\u00e9e et ajust\u00e9e au bon ratio. Enfin, les chemins sont \u00e0 nouveau remplis avec les couleurs correspondantes. De cette mani\u00e8re, un fichier SVG peut \u00eatre agrandi \u00e0 l’infini sans que la qualit\u00e9 de l’image n’en soit affect\u00e9e. <\/p>\n\n

Contrepartie du fichier SVG : le fichier pixel<\/h2>\n\n

Un fichier pixel (tel que JPG ou PNG) est le pendant d’un SVG. La principale diff\u00e9rence entre les deux r\u00e9side dans le fait qu’un fichier pixel devient un bloc lorsqu’il est agrandi, alors qu’un fichier SVG peut \u00eatre agrandi ind\u00e9finiment sans perte de qualit\u00e9. De nombreux fichiers que vous trouvez sur l’internet sont des fichiers pixels. Ils ne conviennent donc (souvent) pas \u00e0 l’impression. <\/p>\n\n

Pourquoi utiliser SVG ?<\/h2>\n\n

Les fichiers SVG sont principalement utilis\u00e9s sur les sites web. Par exemple, pour afficher des logos, des ic\u00f4nes, des graphiques simples et des animations.Ce choix est souvent fait parce que : <\/p>\n\n

    \n
  • Le SVG est le seul format de fichier vectoriel qui peut \u00eatre utilis\u00e9 sur les sites web. Les autres fichiers vectoriels, tels que EPS, AI ou PDF, ne conviennent pas \u00e0 cette fin. <\/li>\n\n\n\n
  • La taille d’un fichier SVG est souvent r\u00e9duite. Cela permet \u00e0 votre site d’\u00eatre rapide. <\/li>\n<\/ul>\n\n

    J’ai un SVG, mais il n’est toujours pas net, comment est-ce possible ?<\/h2>\n\n

    En effet, il s’agit en r\u00e9alit\u00e9 d’un fichier de pixels, qui est sauvegard\u00e9 en tant que SVG. Ainsi, seul le type de fichier change (de PNG \u00e0 SVG par exemple). L’\u00e9l\u00e9ment le plus important ne change pas : la structure du fichier. Celle-ci reste en pixels et non en vecteurs. <\/p>\n\n

    La solution est simple : les pixels du fichier doivent \u00eatre convertis en vecteurs. Vous n’avez pas envie de le faire vous-m\u00eame ? Nous pouvons vous aider. <\/p>\n","protected":false},"excerpt":{"rendered":"

    Un fichier SVG (Scalable Vector Graphic) est une image graphique qui peut \u00eatre agrandie et r\u00e9duite ind\u00e9finiment sans perte de qualit\u00e9. En effet, l’image est compos\u00e9e de vecteurs et non de pixels. Les vecteurs sont des chemins compos\u00e9s d’un point de d\u00e9part et d’un point d’arriv\u00e9e avec, entre les deux, une ligne, une vague, un […]<\/p>\n","protected":false},"author":2,"featured_media":39642,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4],"tags":[],"class_list":["post-40072","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-non-categorise"],"yoast_head":"\nQu'est-ce qu'un fichier SVG ? - ViaVector<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/viavector.co\/fr\/fichier-svg\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Qu'est-ce qu'un fichier SVG ? - ViaVector\" \/>\n<meta property=\"og:description\" content=\"Un fichier SVG (Scalable Vector Graphic) est une image graphique qui peut \u00eatre agrandie et r\u00e9duite ind\u00e9finiment sans perte de qualit\u00e9. En effet, l’image est compos\u00e9e de vecteurs et non de pixels. Les vecteurs sont des chemins compos\u00e9s d’un point de d\u00e9part et d’un point d’arriv\u00e9e avec, entre les deux, une ligne, une vague, un […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/viavector.co\/fr\/fichier-svg\/\" \/>\n<meta property=\"og:site_name\" content=\"ViaVector\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/facebook.com\/ViaVectorDesign\" \/>\n<meta property=\"article:published_time\" content=\"2025-06-18T12:39:33+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-06-24T10:12:13+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/viavector.co\/wp-content\/uploads\/2025\/06\/ViaVector-Vector-File.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"800\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"ViaVector\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@ViaVector\" \/>\n<meta name=\"twitter:site\" content=\"@ViaVector\" \/>\n<meta name=\"twitter:label1\" content=\"\u00c9crit par\" \/>\n\t<meta name=\"twitter:data1\" content=\"ViaVector\" \/>\n\t<meta name=\"twitter:label2\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/viavector.co\\\/fr\\\/fichier-svg\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/viavector.co\\\/fr\\\/fichier-svg\\\/\"},\"author\":{\"name\":\"ViaVector\",\"@id\":\"https:\\\/\\\/viavector.co\\\/fr\\\/#\\\/schema\\\/person\\\/94fed2f5cd39196b25ab9bfc35ee3ae3\"},\"headline\":\"Qu’est-ce qu’un fichier SVG ?\",\"datePublished\":\"2025-06-18T12:39:33+00:00\",\"dateModified\":\"2025-06-24T10:12:13+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/viavector.co\\\/fr\\\/fichier-svg\\\/\"},\"wordCount\":404,\"publisher\":{\"@id\":\"https:\\\/\\\/viavector.co\\\/fr\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/viavector.co\\\/fr\\\/fichier-svg\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/viavector.co\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/ViaVector-Vector-File.jpg\",\"articleSection\":[\"Non cat\u00e9goris\u00e9\"],\"inLanguage\":\"fr-FR\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/viavector.co\\\/fr\\\/fichier-svg\\\/\",\"url\":\"https:\\\/\\\/viavector.co\\\/fr\\\/fichier-svg\\\/\",\"name\":\"Qu'est-ce qu'un fichier SVG ? - ViaVector\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/viavector.co\\\/fr\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/viavector.co\\\/fr\\\/fichier-svg\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/viavector.co\\\/fr\\\/fichier-svg\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/viavector.co\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/ViaVector-Vector-File.jpg\",\"datePublished\":\"2025-06-18T12:39:33+00:00\",\"dateModified\":\"2025-06-24T10:12:13+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/viavector.co\\\/fr\\\/fichier-svg\\\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/viavector.co\\\/fr\\\/fichier-svg\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/viavector.co\\\/fr\\\/fichier-svg\\\/#primaryimage\",\"url\":\"https:\\\/\\\/viavector.co\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/ViaVector-Vector-File.jpg\",\"contentUrl\":\"https:\\\/\\\/viavector.co\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/ViaVector-Vector-File.jpg\",\"width\":1200,\"height\":800,\"caption\":\"ViaVector - Vector File (AI, SVG, EPS)\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/viavector.co\\\/fr\\\/fichier-svg\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/viavector.co\\\/fr\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Qu’est-ce qu’un fichier SVG ?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/viavector.co\\\/fr\\\/#website\",\"url\":\"https:\\\/\\\/viavector.co\\\/fr\\\/\",\"name\":\"ViaVector\",\"description\":\"Vectorize Your Images for Razor-Sharp Printing\",\"publisher\":{\"@id\":\"https:\\\/\\\/viavector.co\\\/fr\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/viavector.co\\\/fr\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/viavector.co\\\/fr\\\/#organization\",\"name\":\"ViaVector\",\"url\":\"https:\\\/\\\/viavector.co\\\/fr\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/viavector.co\\\/fr\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/viavector.co\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/ViaVector-Icon-Orange-Check.jpg\",\"contentUrl\":\"https:\\\/\\\/viavector.co\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/ViaVector-Icon-Orange-Check.jpg\",\"width\":1080,\"height\":1080,\"caption\":\"ViaVector\"},\"image\":{\"@id\":\"https:\\\/\\\/viavector.co\\\/fr\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/facebook.com\\\/ViaVectorDesign\",\"https:\\\/\\\/x.com\\\/ViaVector\",\"https:\\\/\\\/instagram.com\\\/viavectordesign\",\"https:\\\/\\\/linkedin.com\\\/company\\\/viavector\",\"https:\\\/\\\/pinterest.com\\\/ViaVectorDesign\",\"https:\\\/\\\/youtube.com\\\/@viavector\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/viavector.co\\\/fr\\\/#\\\/schema\\\/person\\\/94fed2f5cd39196b25ab9bfc35ee3ae3\",\"name\":\"ViaVector\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/39a867cfa1c3cd01f6855cc62fbd09ace12a8119b505f49bf35ccf23f42762a2?s=96&d=retro&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/39a867cfa1c3cd01f6855cc62fbd09ace12a8119b505f49bf35ccf23f42762a2?s=96&d=retro&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/39a867cfa1c3cd01f6855cc62fbd09ace12a8119b505f49bf35ccf23f42762a2?s=96&d=retro&r=g\",\"caption\":\"ViaVector\"},\"sameAs\":[\"https:\\\/\\\/viavector.co\\\/\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Qu'est-ce qu'un fichier SVG ? - ViaVector","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:\/\/viavector.co\/fr\/fichier-svg\/","og_locale":"fr_FR","og_type":"article","og_title":"Qu'est-ce qu'un fichier SVG ? - ViaVector","og_description":"Un fichier SVG (Scalable Vector Graphic) est une image graphique qui peut \u00eatre agrandie et r\u00e9duite ind\u00e9finiment sans perte de qualit\u00e9. En effet, l’image est compos\u00e9e de vecteurs et non de pixels. Les vecteurs sont des chemins compos\u00e9s d’un point de d\u00e9part et d’un point d’arriv\u00e9e avec, entre les deux, une ligne, une vague, un […]","og_url":"https:\/\/viavector.co\/fr\/fichier-svg\/","og_site_name":"ViaVector","article_publisher":"https:\/\/facebook.com\/ViaVectorDesign","article_published_time":"2025-06-18T12:39:33+00:00","article_modified_time":"2025-06-24T10:12:13+00:00","og_image":[{"width":1200,"height":800,"url":"https:\/\/viavector.co\/wp-content\/uploads\/2025\/06\/ViaVector-Vector-File.jpg","type":"image\/jpeg"}],"author":"ViaVector","twitter_card":"summary_large_image","twitter_creator":"@ViaVector","twitter_site":"@ViaVector","twitter_misc":{"\u00c9crit par":"ViaVector","Dur\u00e9e de lecture estim\u00e9e":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/viavector.co\/fr\/fichier-svg\/#article","isPartOf":{"@id":"https:\/\/viavector.co\/fr\/fichier-svg\/"},"author":{"name":"ViaVector","@id":"https:\/\/viavector.co\/fr\/#\/schema\/person\/94fed2f5cd39196b25ab9bfc35ee3ae3"},"headline":"Qu’est-ce qu’un fichier SVG ?","datePublished":"2025-06-18T12:39:33+00:00","dateModified":"2025-06-24T10:12:13+00:00","mainEntityOfPage":{"@id":"https:\/\/viavector.co\/fr\/fichier-svg\/"},"wordCount":404,"publisher":{"@id":"https:\/\/viavector.co\/fr\/#organization"},"image":{"@id":"https:\/\/viavector.co\/fr\/fichier-svg\/#primaryimage"},"thumbnailUrl":"https:\/\/viavector.co\/wp-content\/uploads\/2025\/06\/ViaVector-Vector-File.jpg","articleSection":["Non cat\u00e9goris\u00e9"],"inLanguage":"fr-FR"},{"@type":"WebPage","@id":"https:\/\/viavector.co\/fr\/fichier-svg\/","url":"https:\/\/viavector.co\/fr\/fichier-svg\/","name":"Qu'est-ce qu'un fichier SVG ? - ViaVector","isPartOf":{"@id":"https:\/\/viavector.co\/fr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/viavector.co\/fr\/fichier-svg\/#primaryimage"},"image":{"@id":"https:\/\/viavector.co\/fr\/fichier-svg\/#primaryimage"},"thumbnailUrl":"https:\/\/viavector.co\/wp-content\/uploads\/2025\/06\/ViaVector-Vector-File.jpg","datePublished":"2025-06-18T12:39:33+00:00","dateModified":"2025-06-24T10:12:13+00:00","breadcrumb":{"@id":"https:\/\/viavector.co\/fr\/fichier-svg\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/viavector.co\/fr\/fichier-svg\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/viavector.co\/fr\/fichier-svg\/#primaryimage","url":"https:\/\/viavector.co\/wp-content\/uploads\/2025\/06\/ViaVector-Vector-File.jpg","contentUrl":"https:\/\/viavector.co\/wp-content\/uploads\/2025\/06\/ViaVector-Vector-File.jpg","width":1200,"height":800,"caption":"ViaVector - Vector File (AI, SVG, EPS)"},{"@type":"BreadcrumbList","@id":"https:\/\/viavector.co\/fr\/fichier-svg\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/viavector.co\/fr\/"},{"@type":"ListItem","position":2,"name":"Qu’est-ce qu’un fichier SVG ?"}]},{"@type":"WebSite","@id":"https:\/\/viavector.co\/fr\/#website","url":"https:\/\/viavector.co\/fr\/","name":"ViaVector","description":"Vectorize Your Images for Razor-Sharp Printing","publisher":{"@id":"https:\/\/viavector.co\/fr\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/viavector.co\/fr\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/viavector.co\/fr\/#organization","name":"ViaVector","url":"https:\/\/viavector.co\/fr\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/viavector.co\/fr\/#\/schema\/logo\/image\/","url":"https:\/\/viavector.co\/wp-content\/uploads\/2025\/06\/ViaVector-Icon-Orange-Check.jpg","contentUrl":"https:\/\/viavector.co\/wp-content\/uploads\/2025\/06\/ViaVector-Icon-Orange-Check.jpg","width":1080,"height":1080,"caption":"ViaVector"},"image":{"@id":"https:\/\/viavector.co\/fr\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/facebook.com\/ViaVectorDesign","https:\/\/x.com\/ViaVector","https:\/\/instagram.com\/viavectordesign","https:\/\/linkedin.com\/company\/viavector","https:\/\/pinterest.com\/ViaVectorDesign","https:\/\/youtube.com\/@viavector"]},{"@type":"Person","@id":"https:\/\/viavector.co\/fr\/#\/schema\/person\/94fed2f5cd39196b25ab9bfc35ee3ae3","name":"ViaVector","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/secure.gravatar.com\/avatar\/39a867cfa1c3cd01f6855cc62fbd09ace12a8119b505f49bf35ccf23f42762a2?s=96&d=retro&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/39a867cfa1c3cd01f6855cc62fbd09ace12a8119b505f49bf35ccf23f42762a2?s=96&d=retro&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/39a867cfa1c3cd01f6855cc62fbd09ace12a8119b505f49bf35ccf23f42762a2?s=96&d=retro&r=g","caption":"ViaVector"},"sameAs":["https:\/\/viavector.co\/"]}]}},"_links":{"self":[{"href":"https:\/\/viavector.co\/fr\/wp-json\/wp\/v2\/posts\/40072","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/viavector.co\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/viavector.co\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/viavector.co\/fr\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/viavector.co\/fr\/wp-json\/wp\/v2\/comments?post=40072"}],"version-history":[{"count":1,"href":"https:\/\/viavector.co\/fr\/wp-json\/wp\/v2\/posts\/40072\/revisions"}],"predecessor-version":[{"id":40074,"href":"https:\/\/viavector.co\/fr\/wp-json\/wp\/v2\/posts\/40072\/revisions\/40074"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/viavector.co\/fr\/wp-json\/wp\/v2\/media\/39642"}],"wp:attachment":[{"href":"https:\/\/viavector.co\/fr\/wp-json\/wp\/v2\/media?parent=40072"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/viavector.co\/fr\/wp-json\/wp\/v2\/categories?post=40072"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/viavector.co\/fr\/wp-json\/wp\/v2\/tags?post=40072"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}