Menu du compte de l'utilisateur

  • Se connecter

Navigation principale

  • Accueil
  • Tous les CMS
  • Tutoriels
  • Livres Blanc
Accueil
Guide CMS

Fil d'Ariane

  • Accueil
  • Tutoriels
  • Guide d’utilisation de Drupal
  • Chapitre 6. Mise en place de la structure du contenu
  • 6.12. Concept : styles d’images

Sélecteur de langue

  • Français
  • English

Navigation principale

  • Accueil
  • Tous les CMS
  • Tutoriels
  • Livres Blanc

Connexion utilisateur

CAPTCHA
Cette question sert à vérifier si vous êtes un visiteur humain ou non afin d'éviter les soumissions de pourriel (spam) automatisées.
  • Créer un nouveau compte
  • Réinitialiser votre mot de passe

Navigation du livre

  • Tutoriels
    • Guide d’utilisation de Drupal
      • Préface
      • Chapitre 1. Comprendre Drupal
      • Chapitre 2. Préparer votre site
      • Chapitre 3. Installation
      • Chapitre 4. Configuration élémentaire du site
      • Chapitre 5. Gestion élémentaire des pages
      • Chapitre 6. Mise en place de la structure du contenu
        • 6.1. Ajouter un type de contenu
        • 6.2. Supprimer un type de contenu
        • 6.3. Ajouter des champs de base à un type de contenu
        • 6.4. Concept : champs de type référence
        • 6.5. Concept : taxonomie
        • 6.6. Configurer une taxonomie
        • 6.7. Ajouter un champ référence
        • 6.8. Concept : formulaires et widgets
        • 6.9. Modifier les formulaires de saisie du contenu
        • 6.10. Concept: modes d’affichage et formateurs
        • 6.11. Modifier l’affichage du contenu
        • 6.12. Concept : styles d’images
        • 6.13. Définir un style d’image
        • 6.14. Concept : styles d’images réactifs (responsive)
        • 6.15. Concept : formats de texte et éditeurs
        • 6.16. Configurer les formats de texte et les éditeurs
      • Chapitre 7. Gestion des comptes d’utilisateurs
      • Chapitre 8. Blocs
      • Chapitre 9. Créer des listes avec Views

Guy Vigneault

6.12. Concept : styles d’images

Par Guy Vigneault | 11:10 PM EDT, jeu mars 12, 2026

Prérequis

Section 6.3, « Ajouter des champs de base à un type de contenu »

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.

Concepts liés

  • Section 6.13, « Définir un style d’image »
  • Section 6.14, « Concept : styles d’images réactifs (responsive) »
  • Section 6.3, « Ajouter des champs de base à un type de contenu »

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.

 

Liens transversaux de livre pour Tutoriels

  • ‹ 6.11. Modifier l’affichage du contenu
  • Haut
  • 6.13. Définir un style d’image ›
CMS

 

Tous les CMS

Tuto

 

Tutoriels

 

Livre Blanc

 

Livres Blanc

Propulsé par Drupal

Politique de confidentialite

Politique de confidentialite

Contenu récent

  • 9.3. Créer une vue listant du contenu
    5 jours 6 heures ago
  • 9.2. Concept : les parties qui composent une vue
    5 jours 6 heures ago
  • Chapitre 9. Créer des listes avec Views
    5 jours 6 heures ago
  • 9.1. Concept: usages des vues
    5 jours 6 heures ago
  • 2.4. Exemple de QCM simple conforme au schéma QCM.xsd
    5 jours 7 heures ago

Copyright

Creative Commons

Sauf mention contraire, Guide CMS © 2025 par Guy Vigneault est sous licence Creative Commons Attribution - Utilisation non commerciale - Partage dans les mêmes conditions 4.0 International

 

Creative Commons

Unless otherwise stated, Guide CMS © 2025 by Guy Vigneault is licensed under Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International Public License

eGV Web