Composants 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.
Voir les tailles recommdées pour les images
Cas d’utilisation
Ce composant peut être ajouté sur toutes les pages, tant qu'il sert à afficher un schéma, une infographie ou un pictogramme pertinent et apportant une plus-value.
Ce composant n’accepte que et uniquement des fichiers au format SVG. Il n'est pas destiné aux photos ou illustrations complexes, pour lesquelles il faut employer le compsant Image.
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.
Vidéo extraite de la formation de mise à niveau Jahia
[ Documentation Jahia: retour au sommaire ]