Vous en avez assez des images floues ? Le graphique vectoriel évolutif (SVG) est un format de fichier basé sur XML qui utilise des lignes et des points pour afficher un graphique. Contrairement aux formats d'image basés sur les pixels, tels que PNG et JPG, le SVG n'a pas de résolution définie et reste net lorsqu'il est agrandi ou réduit, quelle que soit la taille de l'écran. Lisez la suite pour plus de détails.

• Avantages des SVG
• Ajouter des fichiers SVG
• Formater les fichiers SVG
• Rendre les SVG accessibles
• FAQs

Avantages des SVG

Les fichiers SVG ne perdent pas en qualité lorsqu'ils sont redimensionnés ou zoomés, tandis que les fichiers PNG et JPG apparaissent flous ou pixélisés. Cela permet d'éviter toute incertitude quant à la qualité de l'image sur les différents navigateurs et appareils. Les images SVG apparaissent de la même manière dans votre sortie publiée que lors de la conception. Ce que vous voyez est ce que vous obtenez !

Un autre avantage est que les fichiers SVG sont beaucoup plus petits. Les fichiers volumineux contribuent à la lenteur du chargement des modules. Les fichiers SVG réduisent la taille des fichiers de votre projet Storyline 360, ce qui accélère le chargement du contenu, même sur des connexions Internet lentes.

Découvrez l'image suivante dans trois formats différents. Dans cet exemple, la taille de l'image SVG est deux fois plus petite que celle de ses homologues PNG et JPG.

Image PNG 8 Ko	Image JPG 8 Ko	Image SVG 4 Ko

Ajouter des fichiers SVG

Vous pouvez ajouter des fichiers SVG aux diapositives, aux calques et aux masques de diapositives. Dans le mode Diaporama, appliquez l'une des méthodes suivantes :

• Appuyez sur les touches Ctrl+J de votre clavier.
• Faites glisser l'image SVG depuis votre ordinateur et déposez-la sur la diapositive de votre module.
• Accédez à l'onglet Insérer du ruban, cliquez sur Image et recherchez une image SVG.

Dans le mode Formulaire, cliquez sur Média sur le ruban et choisissez Image à partir d'un fichier.

Formater les fichiers SVG

Vous pouvez organiser, regrouper, faire pivoter, aligner, dimensionner ou positionner des fichiers SVG. Sélectionnez votre SVG et choisissez l'une des options de mise en forme disponibles dans l'onglet Format du ruban. (En savoir plus sur les outils de mise en forme.)

Remarque : Dans Storyline 360, les fichiers SVG se comportent comme des images standard, à quelques exceptions près. Ils ne peuvent pas être utilisés comme remplissages d'images ou comme arrière-plans de diapositives, insérés dans des étiquettes de marqueurs ou ajoutés à des interactions à 360°.

Rendre les SVG accessibles

Voici quelques conseils pour rendre vos fichiers SVG accessibles :

• Vérifiez que le SVG respecte les directives relatives au contraste des couleurs. Vous pouvez utiliser ce vérificateur de contraste basé sur le Web ou télécharger cet outil de vérification de contraste pour tester le rapport de contraste.
• Décidez si votre SVG est décoratif ou informatif. Les images purement décoratives n'ont pas besoin de texte alternatif (texte alternatif), mais vous devez ajouter du texte alternatif à un SVG pour fournir des informations aux apprenants. Consultez ces meilleures pratiques pour rédiger un texte alternatif de qualité.
• Si votre SVG contient d'autres éléments focalisables, vous pouvez demander aux lecteurs d'écran de naviguer et d'annoncer le SVG sous la forme d'une image unique. Voici comment procéder : ouvrez le fichier XML SVG dans un éditeur de texte, ajoutez l'role="img"attribut dans la balise de <svg> démarrage, puis enregistrez et fermez le fichier XML SVG.

FAQs

Voici les réponses aux questions les plus fréquemment posées sur l'utilisation des fichiers SVG dans Storyline 360 :

Les fichiers SVG sont-ils personnalisables dans Storyline 360 ?

Vous pouvez organiser, regrouper, faire pivoter, aligner, dimensionner et positionner les fichiers SVG dans Storyline 360. Utilisez un éditeur tiers tel que Photoshop pour recolorer un fichier SVG avant de l'importer dans Storyline 360. Vous pouvez également utiliser la médiathèque pour l'ouvrir dans un éditeur tiers, puis enregistrer vos modifications directement dans Storyline 360. Voici comment procéder.

Les SVG animés sont-ils pris en charge dans Storyline 360 ?

Non, mais vous pouvez toujours partager votre intérêt pour le support technique du SVG animé en soumettant une demande de fonctionnalité.

Puis-je toujours importer des fichiers SVG de PowerPoint dans Storyline 360 ?

Les images SVG importées depuis PowerPoint restent désormais des fichiers SVG dans les projets Storyline 360. Si vous ouvrez un ancien projet dans lequel les fichiers SVG PowerPoint étaient précédemment convertis en formes lors de l'importation, ces fichiers SVG s'afficheront toujours sous forme de formes. Pour activer le support technique SVG, réimportez les diapositives PowerPoint dans votre projet.

Remarque : Certains formats SVG, tels que le recadrage ou des changements de couleur spécifiques, peuvent apparaître différemment après l'importation. Passez en revue les diapositives importées et ajustez-les si nécessaire.