Ce qu’il faut savoir sur le format de fichier SVG

Une image SVG (Scalable Vector Graphics) est une image graphique 2D qui prend en charge les animations et l’interactivité. Le comportement du fichier SVG est défini dans un fichier texte XML, qui décrit des règles d’encodage lisibles aussi bien par les humains que par les ordinateurs. Ces fichiers peuvent être redimensionnés sans perte de qualité. Tous les navigateurs modernes prennent désormais en charge le format SVG.

Lorsque vous créez des images pour votre site web, vous devez choisir entre des images vectorielles et des images matricielles. Les images matricielles sont composées de pixels et ont une résolution fixe. Elles apparaissent donc granuleuses ou pixellisées lorsque vous zoomez ou les agrandissez.

Les images vectorielles, en revanche, sont créées à partir de lignes, de points et de formes. Elles constituent donc le meilleur choix pour les images à redimensionner, car leur qualité reste intacte. La plupart des éléments graphiques destinés à l’impression et aux sites web sont créés au format SVG pour pouvoir être redimensionnés par la suite. Le format SVG est couramment utilisé pour les logos, la typographie, les icônes ou les illustrations.

Avantages des fichiers SVG

Redimensionnement

La résolution ou la taille de votre écran n’a aucune incidence sur l’affichage des images SVG. Contrairement aux images PNG et JPG, qui peuvent paraître floues lorsqu’elles sont agrandies, les images SVG conservent leur qualité. Cela est possible parce que leur qualité est indépendante de la résolution.

Performances du site web

Lorsqu’ils sont correctement optimisés, les fichiers SVG sont plus légers que les fichiers d’autres formats. Cela réduit le temps de chargement des pages et améliore les performances de votre site web. L’expérience utilisateur s’en trouve améliorée, car les visiteurs peuvent parcourir les pages de votre site plus rapidement.

Facilité de modification

Vous pouvez facilement modifier les fichiers SVG avec des logiciels de création graphique courants. Adobe Illustrator, Corel et Sketch sont souvent utilisés. Vous pouvez aussi utiliser un éditeur de texte pour modifier directement le balisage.

Prise en charge des animations

Des technologies comme JavaScript permettent de manipuler les fichiers SVG pour les rendre plus interactifs et plus attrayants. Les images SVG animées rendent notamment un site web plus intéressant.

Contrôle du style

Les fichiers SVG vous permettent de choisir librement le style de vos images. La couleur du contour, les dimensions, la couleur de remplissage et d’autres propriétés sont faciles à contrôler. De plus, vous n’avez pas besoin d’utiliser des sprites d’images pour ajouter un effet au survol d’une image.

Inconvénients des fichiers SVG

• Le format ne fonctionne qu’avec des images 2D et ne prend donc pas en charge les photos.
• Vous aurez besoin d’une extension WordPress (WP SVG) pour permettre à votre site WordPress d’utiliser le format de fichier SVG. Pour des raisons de sécurité, WordPress n’autorise pas les images SVG tant que vous ne l’avez pas explicitement configuré pour cela.

Comment convertir un fichier en SVG

Avec Filestar, vous pouvez facilement convertir plus d’une centaine de types de fichiers en SVG. Consultez ce lien pour découvrir tous les skills disponibles pour le format de fichier SVG. L’application de bureau Filestar simplifie la conversion de fichiers SVG en quelques étapes. Une fois l’application Filestar téléchargée, suivez ces étapes.

• Faites un clic droit sur le fichier à convertir sur votre ordinateur et sélectionnez Convertir avec Filestar
• Saisissez « convert to SVG » dans le champ de recherche
• Cliquez sur EXÉCUTER
• L’image SVG sera automatiquement enregistrée sur votre ordinateur

Vous pouvez aussi regarder la courte vidéo ci-dessous, que nous avons préparée pour vous, avec un exemple de conversion de PDF en SVG.