Les graphiques vectoriels évolutifs (SVG) permettent des éléments plus interactifs sur les pages Web sans utiliser autant de bande passante que d'autres formats d'image tels que JPEG ou GIF, ce qui les rend idéaux pour la conception Web. Certains programmes d'illustration numérique, comme Adobe Illustrator, offrent des options SVG et il existe des sites Web de conversion SVG en ligne auxquels l'accès est gratuit. Ce wikiHow vous montre comment créer vos propres images SVG.
Pas
Méthode 1 sur 2: Utilisation du convertisseur Convertio-j.webp" />
Étape 1. Ouvrez votre navigateur Web et accédez à
Cela vous amène à la page du convertisseur-j.webp
Étape 2. Sélectionnez la source de votre image JPG
En haut du menu du convertisseur, vous devriez voir une barre d'outils rouge répertoriant les différentes sources auxquelles vous pouvez accéder pour télécharger un fichier image-j.webp
Étape 3. Accédez au fichier que vous souhaitez convertir
Une fois que vous avez sélectionné une source, une boîte de dialogue devrait apparaître avec la bibliothèque des dossiers de votre ordinateur. À partir de là, accédez au dossier contenant le fichier que vous souhaitez convertir et sélectionnez le fichier.
Étape 4. Cliquez sur Convertir
Une fois le fichier téléchargé, un bouton rouge apparaîtra dans le coin inférieur droit de l'écran du menu. Cela lancera le processus de conversion, qui peut prendre quelques minutes selon la taille du fichier.
Étape 5. Cliquez sur Télécharger
Une fois le fichier converti, un bouton bleu apparaîtra à droite du nom du fichier dans le menu Convertisseur. Une fois que vous avez cliqué dessus, l'image sera alors téléchargée sur votre ordinateur sous forme de fichier SVG.
Méthode 2 sur 2: Utilisation d'Adobe Illustrator
Étape 1. Ouvrez Adobe Illustrator
Adobe Illustrator est une application de conception graphique qui vous permet de créer votre propre art à l'aide d'une variété d'outils et de fonctionnalités.
Étape 2. Créez votre image
Une fois Illustrator ouvert, vous pouvez sélectionner l'un des outils de la barre d'outils sur le côté gauche de l'écran pour commencer à concevoir votre image.
Étape 3. Appliquez des effets SVG à certains calques de votre image
Si vous souhaitez ajouter des effets personnalisés à votre image, vous pouvez sélectionner un calque, puis cliquer sur Effet > Filtres SVG > Appliquer le filtre SVG. Ensuite, cliquez simplement sur le Modifier le filtre SVG, modifiez le code par défaut et cliquez sur d'accord pour enregistrer vos effets SVG.
Étape 4. Cliquez sur l'onglet Fichier
Celui-ci est situé dans le coin supérieur gauche de l'écran.
Étape 5. Sélectionnez Exporter dans le menu
Pour que votre fichier SVG soit prêt à être affiché et utilisé en dehors d'Illustrator, vous devez l'exporter.
Vous pouvez également sélectionner Enregistrer sous…, bien que cela enregistre le fichier afin qu'il ne puisse être affiché et modifié que dans Illustrator.
Étape 6. Cliquez sur Exporter en tant que…
Cela ouvre un nouveau menu où vous pouvez exporter le fichier d'Illustrator dans le format de votre choix.
Vous pouvez également sélectionner Exporter pour les écrans… pour que votre image SVG soit enregistrée d'une manière accessible sur les appareils iOS ou Android.
Étape 7. Sélectionnez SVG dans la liste des types de fichiers
Illustrator propose une variété de types de fichiers parmi lesquels choisir, y compris des fichiers SVG prêts pour le Web.
Étape 8. Cliquez sur Enregistrer
Votre image sera désormais disponible pour une utilisation en tant que fichier SVG.