6.14. Concept : styles d’images réactifs (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.
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.
Source file: structure-image-responsive.asciidoc
Help improve this page
You can:
- Log in, click Edit, and edit this page
- Log in, click Discuss, update the Page status value, and suggest an improvement
- Log in and create a Documentation issue with your suggestion
