Module Image (core drupal 7)

Remplace Imagefield et ImageCache (pour drupal 6). Par défaut, le type de contenu Article a un champ Image.

On ajoute une image en créant un contenu (ie Image permet d'attacher des images au contenu en tant que champ). Supprimer ce contenu détruit l'image aussi. Pour l'intégrer au body, il faut utiliser un autre module (insert ou Media).

Un seul type de widget pour le champ image: c'est image. Sinon, un autre module doit interférer (media, gallery)...

Coté affichage: les styles

Chaque style d'image admin/config/media/image-styles doit avoir un nom pouvant être utilisé dans les URL des images générées: le choisir selon l'emplacement (ex: image-de-profil) ou bien selon l'apparence (ex: carre-85x85).
Par défaut: thumbnail,' 'medium', et 'large'. Ces styles sont non destructifs = drupal crée (silencieusement) autant d'images que necessaires, mais sans dégrader l'originale.

Coté arborescence de dossier: c'est à sites/nom-site/files/styles où il y a 2 dossiers: medium et thumbnail. Pour un site drupal en gestion de fichiers "public" (servi non par drupal mais par apache ou IIS), le chemin est en fait sites/nom-site/files/styles/medium/public/chemin-choisi-ds-UI et sites/nom-site/files/styles/thumbnail/public/chemin-choisi-ds-UI.

Resauver un style vide le cache ; mais si par ex modif de la compression JPG, alors soit : drush image-flush soit installer un autre module (admin_menu ou autre) ou via code PHP.

Les effets

Largeur et Hauteurs sont en pixels.
Mise à l’échelle et recadrage : Largeur et Hauteurs sont obligatoires.
Mise à l'échelle: seule une des valeurs est obligatoire (en pixel), cela déforme l'image.
Recadrer : Largeur et Hauteurs sont obligatoires Styles d'image, ajout effet Recadrer, choix de l'ancre du recadrage(supprimera des portions de l'image pour qu'elle rentre dans la taille spécifiée). Choix de l'ancre (partie de l'image qui sera supprimée lors du recadrage)

Le module adaptive_image ajoute un style, nommé "Adaptive", qui a une case "mobile first" et où on peux facilement modifier les breakpoints.

 

assigner un style (ex pour les articles)

Aller à admin/config/media/image-styles créer le style puis assigner le style au type:

assigner un style et un lien à une image (module image)

assigner le style au type via admin/structure/types/manage/article/display (et pour l'affichage en mode accroche, token...)

  • style d'image: aucun (image d'origine), thumb 100x100, Medium 220x220 ou Large 480x480
  • choix du lien sur image: rien, fichier ou contenu.

 

Conf des types de données - mode d'affichage des champs

compression jpeg

Qualité / compression JPEG à admin/config/media/image-toolkit

Dossier de stockage

C'est un champ ajouté à un type de contenu donc à admin/structure/types/manage/type/fields/field_nomchamp

C'est là une longue page, séparée en 2, on l'oublie souvent smiley. En haut: ce qui est spécifique à cette image dans ce type de donnée (book, blog, forum, page, article...), et en bas, c'est pour l'image mais pour tout type de contenus.

Partie haute (pour ce type): on choisi l'étiquette, si elle est obligatoire ou non (requis), texte d'aide (avec token), image par défaut, extension autorisées (png, gif, jpg, jpeg), répertoire (sous sites/monsite.com/files/xxx), Résolution maximale et mini, taille max du transfert, présence (ou non) des balises ALT et TITRE, Aperçu du style d'image (affiché pendant la modification du contenu: 4 choix "aucun" "thumb 100x100" "Medium 220x220" et "Large 480x480"), indicateur de progression (throbber n'affiche pas le statut des transferts mais prend moins de place. La barre de progression est utile pour surveiller la progression des gros transferts)

Partie basse (ce champs, pour tout type de donnae): Nombre de valeur et image par défaut.

On the web

La ref en anglais:  https://drupal.org/documentation/modules/image

chez Google (fr)