Changer l image d un article

Voici la marche à suivre pour changer l'image d'un article de la Revue de presse quand celle fournie par l'outil RP n'est pas correcte (image noire, capture d'un écran de veille...)

Faire la capture

Il s'agit de faire un « imprime écran » du navigateur affichant le début de l'article original. Il est préférable pour cette opération d'avoir un bloqueur de pub activé.

Pour faire une capture d'écran sous GNU/Linux, voir la commande "import" ou The Gimp (menu Fichier, Créer, Capture d'écran), ou encore l'outil de capture de Compiz qui permet de simplement sélectionner une zone de l'écran à la souris en maintenant une combinaison de touches et de générer un .png de la sélection en relâchant le tout.

Notons qu'il est préférable de travailler avec des images au format PNG pour les étapes intermédiaires, afin de ne pas dégrader l'image à chaque étape en encodant et ré-encodant du JPG.

Rogner et redimensionner l'image

Il est également préférable de n'avoir à l'image que l'article lui-même, et pas un bout de wallpaper ni un thème de bureau en contour de fenêtre. Il convient donc d'extraire de l'image originale la partie utile de votre capture (si vous n'avez pas capturé en pré-découpé depuis Compiz). Gardez en tête que le ratio largeur/hauteur à conserver pour l'image finale est de : 1,65.

Une fois l'image rognée, il faut la redimensionner au format des vignettes, soit : 200 x 121 pixels. Si vous avez rogné selon un autre ratio, le mieux est de fixer le 200px de largeur et de laisser l'image à son propre ratio.

Enregistrez enfin la vignette ainsi obtenue en format JPG, qualité 85%. L'image ne pèsera alors pas plus de 7ko à 8ko si tout se passe bien. Il est intéressant de sauver l'image avec un nom évocateur comme 20120321_NomDuJournal.jpg afin de la distinguer des autres images côté serveur (les administrateurs vous en remercient).

Ajouter l'image au noeud Drupal

Il faut maintenant téléverser l'image dans Drupal. Pour ce faire, le formulaire d'édition d'un noeud comporte un volet dépliable nommé : Fichiers attachés.

Une fois déplié, ce volet offre un bouton de téléversement de fichier, choisissez votre fichier et validez l'opération.

Une fois le fichier transféré, il est listé dans le volet. Deux choses méritent alors notre attention, tout d'abord la case à décocher pour ne pas lister les fichiers attachés dans le rendu du noeud Drupal, puis l'URL de l'image ajoutée à Drupal.

Remplacez dans la balise l'URL de la précédente vignette de l'article par celle qui vient d'être générée et le tour est joué. Si elle n'y est pas, l'ajouter :

Aperçu, puis sauvegarde

Il convient alors de générer un aperçu de l'article pour s'assurer que l'image s'affiche bien, puis enregistrer les modifications.