Quels sont les avantages du format SVG, quand faut-il les utiliser et comment les ouvrir et les modifier dans Photoshop ?
Qu’est-ce qu’un fichier SVG ?
Avant de commencer à convertir tous vos fichiers et images en fichiers SVG dans Photoshop, vous voudrez peut-être savoir ce qu’est un fichier SVG.
En bref : SVG signifie Scalable Vector Graphic (graphique vectoriel extensible).
Le SVG est un format supérieur qui utilise un algorithme pour déterminer comment les informations sont ajoutées au fichier lorsqu’il est redimensionné. Le format de fichier SVG est créé à l’aide d’une formule mathématique qui garde la trace des points et des lignes qui les relient.
Photoshop a commencé à prendre en charge les polices SVG OpenType en 2017.
Pourquoi utiliser un fichier SVG ?
Les graphiques vectoriels évolutifs ressemblent à une image de haute qualité lorsqu’ils sont agrandis ou réduits, car aucune information sur le fichier n’est perdue. Les fichiers SVG sont donc la meilleure option pour les images graphiques complexes et les logos. Le logo ou le graphique SVG peut être agrandi et utilisé pour des panneaux publicitaires sans que les informations du fichier ne soient déformées.
Un fichier matriciel est basé sur des pixels et perd des informations lorsqu’il est agrandi ou réduit, ce qui donne une image floue.
Dans Photoshop, un calque de texte ou de forme sera créé en tant que fichier vectoriel afin de pouvoir être redimensionné sans distorsion.
Un autre avantage du format SVG par rapport aux images matricielles est qu’il est basé sur le texte. Le texte est stocké dans le fichier SVG sous forme de code XML, ce qui le rend souhaitable pour les navigateurs web. Google et d’autres navigateurs reconnaissent le texte d’un fichier SVG et peuvent l’inclure sous forme de mots-clés. Ainsi, l’utilisation de fichiers SVG permet d’améliorer le référencement de la page web.
Les navigateurs ne peuvent pas lire le texte écrit dans les images matricielles, jpg ou png.
Comment utiliser un fichier SVG
Les fichiers SVG sont le plus souvent édités et créés dans Adobe Illustrator, qui est un éditeur de graphiques vectoriels.
Photoshop est un éditeur d’images matricielles, mais il est toujours possible de modifier un fichier SVG dans Photoshop. Lorsque vous ouvrez un fichier SVG dans Photoshop de cette manière, il est converti en une image matricielle.
Vous pouvez ouvrir le fichier SVG comme n’importe quelle autre image en utilisant Fichier > Ouvrir.
Lorsque vous trouvez votre image et que vous cliquez pour l’ouvrir, une fenêtre contextuelle apparaît, vous informant que le format SVG sera converti en image matricielle lorsque vous l’ouvrirez. Cliquez sur OK et le fichier SVG sera ouvert.
Lorsque l’image est ouverte, vous pouvez la modifier et la manipuler comme un fichier matriciel.
Si vous souhaitez ouvrir le fichier SVG en tant qu’image vectorielle, vous pouvez utiliser Fichier > Insérer intégré.
Le fichier SVG sera incorporé dans le nouveau document. Vous le trouverez dans le panneau des calques sous la forme d’un nouveau calque d’objet intelligent.
- Consultez aussi : Convertir une image matricielle en image vectorielle dans le panneau de niveau : Convertir une image matricielle en image vectorielle dans Photoshop en quelques secondes
Comment enregistrer un fichier SVG dans Photoshop
Vous pouvez éditer n’importe quel format de fichier au format SVG et l’exporter à l’aide de Photoshop.
Vous ne pourrez pas utiliser l’option Enregistrer sous lorsque vous exporterez des fichiers SVG dans Photoshop.
Ouvrez le fichier que vous souhaitez enregistrer en tant que fichier SVG.
Allez dans Fichier et dans le menu déroulant, sélectionnez Exporter.
Si vous avez enregistré d’autres images en tant que fichiers SVG, vous pouvez sélectionner Exporter rapidement en tant que fichier SVG.
Cette option d’exportation rapide ne sera pas toujours affichée, car le paramètre par défaut de Photoshop est l’exportation d’une image PNG.
Sélectionnez Exporter sous… et une boîte de dialogue Exporter sous s’affiche.
Vous pouvez y vérifier les propriétés du fichier SVG à enregistrer.
Sélectionnez SVG dans la case située à côté de Format et laissez les autres paramètres par défaut.
La boîte de dialogue vous donne un aperçu du fichier SVG et la possibilité d’effectuer un zoom avant ou arrière pour visualiser le fichier SVG plus en détail.
Si vous êtes satisfait de l’aperçu du format de fichier SVG, cliquez sur Exporter dans le coin inférieur droit de la boîte de dialogue. Une fenêtre contextuelle apparaît alors, vous permettant de renommer le fichier et de décider de l’endroit où vous souhaitez l’enregistrer. Après avoir sélectionné l’emplacement et le nom de l’image SVG, cliquez sur Enregistrer. Vous pouvez maintenant vous rendre à l’emplacement du fichier enregistré et vérifier votre image SVG.
Les fichiers SVG sont plus volumineux que les fichiers JPG ou PNG car ils contiennent plus d’informations.
Questions fréquemment posées
Quelles sont les principales caractéristiques du format SVG ?
Les principales caractéristiques du format SVG sont l’évolutivité, l’interactivité, la compatibilité avec les moteurs de recherche et la possibilité d’édition via le code.
Quels sont les avantages du format SVG par rapport aux autres formats d’images ?
Les avantages du format SVG par rapport aux autres formats d’image sont l’extensibilité, la netteté, la compatibilité avec les moteurs de recherche et la possibilité d’animer et d’interagir avec les éléments de l’image.
Comment puis-je créer ou modifier des fichiers SVG ?
Vous pouvez créer ou modifier des fichiers SVG à l’aide de programmes tels qu’Adobe Illustrator, Inkscape ou Sketch.
Comment puis-je intégrer un fichier SVG dans un document HTML ?
Vous pouvez intégrer un fichier SVG dans un document HTML à l’aide de la balise <svg>.
Quelles sont les limites du format SVG ?
Les limitations du format SVG comprennent une prise en charge limitée par certains navigateurs anciens et la complexité de l’ajout d’effets de flou ou d’ombrage.
Quels sont les programmes qui prennent en charge le format SVG ?
Les programmes qui supportent le format SVG comprennent Adobe Illustrator, Inkscape, Sketch, Microsoft Visio et bien d’autres.
Comment puis-je optimiser un fichier SVG pour l’affichage sur le web ?
Vous pouvez optimiser un fichier SVG pour l’affichage sur le web en réduisant le code inutile, en utilisant des techniques de compression et en intégrant le fichier directement dans le code HTML.
Comment convertir un fichier SVG dans un autre format d’image ?
Vous pouvez convertir un fichier SVG dans un autre format d’image en utilisant des programmes graphiques tels que Adobe Photoshop ou GIMP.
Quelles sont les utilisations courantes du format SVG ?
Le format SVG est couramment utilisé pour les icônes, les logos, les graphiques et les visualisations de données.
