Comment créer des images SVG

PDF download Télécharger l'article
Coécrit par l'équipe de wikiHow

PDF download Télécharger l'article

Les graphiques vectoriels adaptables ( Scalable Vector Graphics en anglais ou SVG) permettent d’avoir des éléments plus interactifs sur les pages Internet et d’utiliser moins de bande passante que d’autres formats d’image tels que JPEG ou GIF, ce qui les rend idéaux pour la conception de sites Web  [1] . Certains programmes d’illustration numérique, comme Adobe Illustrator, offrent la possibilité de créer des fichiers SVG et il existe également des sites Internet gratuits pour convertir des fichiers SVG en ligne. Apprenez à créer vos propres images au format SVG.

Méthode 1
Méthode 1 sur 2:

Avec Convertio Convertisseur de JPG en SVG

PDF download Télécharger l'article
  1. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/7\/7a\/Create-Svg-Images-Step-1.jpg\/v4-460px-Create-Svg-Images-Step-1.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/7\/7a\/Create-Svg-Images-Step-1.jpg\/v4-728px-Create-Svg-Images-Step-1.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Allez sur https://convertio.co/fr/jpg-svg/ dans votre navigateur. Vous serez conduit sur la page de Convertio Convertisseur de JPG en SVG, qui peut être utilisé gratuitement.
  2. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/4\/48\/Create-Svg-Images-Step-2.jpg\/v4-460px-Create-Svg-Images-Step-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/4\/48\/Create-Svg-Images-Step-2.jpg\/v4-728px-Create-Svg-Images-Step-2.jpg","smallWidth":460,"smallHeight":347,"bigWidth":728,"bigHeight":549,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    En haut du menu sur la page, vous devriez voir une barre d’outils rouge listant les différentes sources auxquelles vous pouvez accéder pour télécharger votre fichier image JPG à convertir en SVG.
  3. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/1\/14\/Create-Svg-Images-Step-3.jpg\/v4-460px-Create-Svg-Images-Step-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/1\/14\/Create-Svg-Images-Step-3.jpg\/v4-728px-Create-Svg-Images-Step-3.jpg","smallWidth":460,"smallHeight":344,"bigWidth":728,"bigHeight":544,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Une fois que vous avez sélectionné la source voulue, une boite de dialogue va apparaitre et ouvrir la bibliothèque des dossiers de votre ordinateur. Allez dans le dossier contenant le fichier à convertir et sélectionnez ce dernier.
  4. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/7\/7f\/Create-Svg-Images-Step-4.jpg\/v4-460px-Create-Svg-Images-Step-4.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/7\/7f\/Create-Svg-Images-Step-4.jpg\/v4-728px-Create-Svg-Images-Step-4.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Une fois le fichier téléchargé, un bouton rouge s’affichera dans en bas à droite de l’écran du menu. Le processus de conversion va démarrer et peut prendre quelques minutes selon la taille du fichier.
  5. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/b\/b0\/Create-Svg-Images-Step-5.jpg\/v4-460px-Create-Svg-Images-Step-5.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/b\/b0\/Create-Svg-Images-Step-5.jpg\/v4-728px-Create-Svg-Images-Step-5.jpg","smallWidth":460,"smallHeight":347,"bigWidth":728,"bigHeight":549,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Une fois le fichier converti, un bouton bleu s’affiche à droite du nom du fichier dans le menu. Cliquez dessus et l’image sera enregistrée sur votre ordinateur sous forme de fichier SVG !
    Publicité
Méthode 2
Méthode 2 sur 2:

Avec Adobe Illustrator

PDF download Télécharger l'article
  1. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/6\/6c\/Create-Svg-Images-Step-6.jpg\/v4-460px-Create-Svg-Images-Step-6.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/6\/6c\/Create-Svg-Images-Step-6.jpg\/v4-728px-Create-Svg-Images-Step-6.jpg","smallWidth":460,"smallHeight":346,"bigWidth":728,"bigHeight":548,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Adobe Illustrator est une application de création graphique qui vous permet de créer votre propre art à l’aide d’un éventail d’outils et de fonctionnalités.
  2. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/2\/22\/Create-Svg-Images-Step-7.jpg\/v4-460px-Create-Svg-Images-Step-7.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/2\/22\/Create-Svg-Images-Step-7.jpg\/v4-728px-Create-Svg-Images-Step-7.jpg","smallWidth":460,"smallHeight":348,"bigWidth":728,"bigHeight":550,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Une fois Illustrator ouvert, vous pouvez sélectionner un des outils dans la barre d’outils à gauche de l’écran pour commencer à donner vie à votre image.
  3. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/c\/c7\/Create-Svg-Images-Step-8.jpg\/v4-460px-Create-Svg-Images-Step-8.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/c\/c7\/Create-Svg-Images-Step-8.jpg\/v4-728px-Create-Svg-Images-Step-8.jpg","smallWidth":460,"smallHeight":346,"bigWidth":728,"bigHeight":547,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Si vous souhaitez ajouter des effets personnalisés, vous pouvez sélectionner un calque et cliquer sur Effet > Filtres SVG > Appliquer sur filtre SVG . Il vous suffit ensuite de cliquer sur le bouton Modifier le filtre SVG , changer le code par défaut puis faire OK pour enregistrer vos modifications.
  4. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/f\/f4\/Create-Svg-Images-Step-9.jpg\/v4-460px-Create-Svg-Images-Step-9.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/f\/f4\/Create-Svg-Images-Step-9.jpg\/v4-728px-Create-Svg-Images-Step-9.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Il se trouve en haut à gauche de l’écran.
  5. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/e\/e2\/Create-Svg-Images-Step-10.jpg\/v4-460px-Create-Svg-Images-Step-10.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/e\/e2\/Create-Svg-Images-Step-10.jpg\/v4-728px-Create-Svg-Images-Step-10.jpg","smallWidth":460,"smallHeight":348,"bigWidth":728,"bigHeight":551,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Pour que votre fichier SVG puisse être visualisé et utilisé en dehors d’Illustrator, il vous faut l’exporter.
    • Vous pouvez également choisir Enregistrer comme… , mais cela enregistre le fichier afin qu’il ne puisse être affiché et modifié que dans Illustrator.
  6. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/a\/ab\/Create-Svg-Images-Step-11.jpg\/v4-460px-Create-Svg-Images-Step-11.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/a\/ab\/Create-Svg-Images-Step-11.jpg\/v4-728px-Create-Svg-Images-Step-11.jpg","smallWidth":460,"smallHeight":344,"bigWidth":728,"bigHeight":545,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Un nouveau menu s’ouvre, dans lequel vous pouvez exporter le fichier d’Illustrator au format de votre choix.
    • Vous pouvez également sélectionner Exporter pour les écrans… pour que votre image SVG image soit enregistrée de manière à pouvoir être ouverte sur des appareils sous iOS ou Android.
  7. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/9\/94\/Create-Svg-Images-Step-12.jpg\/v4-460px-Create-Svg-Images-Step-12.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/9\/94\/Create-Svg-Images-Step-12.jpg\/v4-728px-Create-Svg-Images-Step-12.jpg","smallWidth":460,"smallHeight":349,"bigWidth":728,"bigHeight":552,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Illustrator vous propose de choisir parmi une variété de fichiers, y compris des fichiers SVG optimisés pour le Web.
  8. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/7\/7d\/Create-Svg-Images-Step-13.jpg\/v4-460px-Create-Svg-Images-Step-13.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/7\/7d\/Create-Svg-Images-Step-13.jpg\/v4-728px-Create-Svg-Images-Step-13.jpg","smallWidth":460,"smallHeight":346,"bigWidth":728,"bigHeight":548,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Votre image est maintenant prête et vous pouvez l’utiliser comme un fichier SVG !
    Publicité

wikiHows en relation

Comment
rendre l'arrière‐plan transparent dans Paint
Comment
ajouter des polices dans Illustrator
Comment
créer un fichier CSV
Comment
ajouter des hyperliens dans Illustrator
Comment
ouvrir un fichier CSV
Comment
modifier la couleur de fond dans Adobe Illustrator
Quels programmes éditent les fichiers ai : comment ouvrir des fichiers ai sans Adobe Illustrator
Comment
retirer l'arrière plan dans Adobe Illustrator
Comment
inverser les couleurs dans Microsoft Paint
Comment
dessiner un cercle avec Gimp
Comment
décompresser une archive Gz
Comment
exécuter un fichier java .jar
Comment
incorporer un fichier Excel dans PowerPoint
Comment
ouvrir un fichier ACSM sur un PC ou Mac
Publicité

Références

  1. ↑ https://helpx.adobe.com/fr/illustrator/using/svg.html

À propos de ce wikiHow

Autres langues 
Cette page a été consultée 11 200 fois.

Cet article vous a-t-il été utile ?

Publicité