Prérequis
- Section 1.3, « Concept : thèmes »
- Section 6.11, « Modifier l’affichage du contenu »
- Section 6.12, « Concept : styles d’images »
Qu’est-ce qu’un style d’image réactif (responsive) ?
Le module du cœur Responsive Image fournit des styles d’images réactifs. Cela vous permet d’avoir sur votre site web des images dimensionnées spécifiquement pour différentes tailles d’écrans. Cela est par exemple utile pour faire en sorte que votre site se charge plus vite sur des dispositifs mobiles, puisque les tailles d’images sont optimisées pour les écrans plus petits.
Un style d’image réactif établit une correspondance entre des styles d’images et des points de rupture. Les points de rupture sont des points à partir desquels un design réactif doit changer pour répondre aux différentes tailles d’écrans. Les styles d’images réactifs ne peuvent être utilisés que si les points de rupture sont définis dans le thème.
Quand un style d’image réactif est défini, il peut être utilisé dans les paramètres d’affichage pour un champ image. Ceci permet au site d’afficher des images réactives en utilisant la balise HTML5 picture.
Sujets liés
Section 6.3, « Ajouter des champs de base à un type de contenu »
Pour aller plus loin (en anglais)
Attributions
Adapté par Boris Doesborg depuis Responsive images in Drupal, copyright 2000-2025 contributeurs individuels à la documentation de la communauté Drupal. Traduit par Vanessa Kovalsky et Felip Manyer i Ballester.
