6.12. Concept : styles d’images

Last updated on
14 April 2025

Qu’est ce qu’un style d’image ?

Les styles d’images vous permettent de transférer une seule image, mais de l’afficher de différentes façons ; chaque variante d’affichage, ou style d’image, est le résultat de l’application d’un ou plusieurs effets sur l’image originale.

Par exemple, vous pourriez vouloir transférer une image en haute résolution avec un ratio 4:3, et l’afficher à une échelle plus petite, avec les coins arrondis, ou en noir et blanc (ou toute combinaison de ces effets). Le cœur du logiciel fournit un moyen efficace de le faire :

  1. Configurer un style d’image avec les effets souhaités dans la page Style d’image (admin/config/media/image-styles).
  2. Les effets seront appliqués la première fois qu’une image particulière doit s’afficher avec ce style.
  3. L’image résultante est enregistrée.
  4. La prochaine fois que le même style est requis, l’image enregistrée est retrouvée sans qu’il soit nécessaire de recalculer les effets.

Le cœur du logiciel fournit plusieurs effets que vous pouvez utiliser pour définir les styles ; d’autres peuvent être fournis par les modules contribués.

Visiter la page des Styles d’image via le menu d’administration Gérer, aller à Configuration > Média > Styles d’images (admin/config/media/image-styles) pour voir les styles d’images qui sont définis par défaut.

Pour aller plus loin (en anglais)

Page de documentation de la communauté sur Drupal.org "Working with images"

Attributions

Adapté et modifié par Boris Doesborg, et Jojy Alphonso de Red Crackle, depuis "Working with images, copyright 2000-2025 contributeurs individuels de la documentation de la communauté Drupal Traduit par Vanessa Kovalsky et Felip Manyer i Ballester.

 

This page is generated from AsciiDoc source from the User Guide. To propose a change, edit the source and attach the file to a new issue in the User Guide project. PDF and e-book formats are available on the User Guide project page.

Source file: structure-image-styles.asciidoc

Help improve this page

Page status: No known problems

You can: