Composant Jahia > Media > SVG

Le composant SVG permet d’ajouter une illustration vectorielle dans une page web. Contrairement aux images classiques (JPEG ou PNG), le format SVG reste net à toutes les tailles, même sur écran haute résolution et n'est pas affecté par le mode éco-conçu. Il est particulièrement adapté aux pictogrammes, schémas simples ou illustrations légères.

Bonnes pratiques

Ce composant doit suivre les recommandations usuelles de toutes les images. Les images doivent:

• être correctement décrites dans la balise “alt” (il s’agit d’un texte alternatif qui décrit l’image pour les personnes qui ne seraient pas en capacité de la voir ou si une erreur de chargement survient).
• avoir, pour fonctionner de manière optimale, une taille et un ratio de média définis. Les tailles d'images recommandées sont indiquées à l’utilisation dans le composant en toute transparence pour la personne intégrant le composant. Il est nécessaire de respecter ces recommandations pour un affichage optimal.
• avoir un poids optimisé afin qu’elles soient plus rapides à charger et consomment moins de ressources serveur.

Cas d’utilisation

Ce composant peut être ajouté sur toutes les pages à tous les endroits du corps de la page tant qu’elle est pertinente et amène une plus-value.

Ce composant n’accepte que et uniquement des fichiers au format SVG.

Ce composant utilisant un média de type image est le seul à ne pas être automatiquement traité pour l’éco-conception comme toutes les autres images des sites afin de garantir une lisibilité optimale des informations.

Remarques

Une bordure optionnelle peut être ajoutée autour de l’infographie afin de faire ressortir cette dernière, notamment si les informations dans le SVG sont sur écrites sur fond blanc.

[ Documentation Jahia: retour au sommaire ]