]]>

Images d’une critique de film

Publié samedi 28 février 2015
Dernière modification dimanche 1er mars 2015
Article lu 225 fois

Par Mel

Depuis toujours, le critiques de film du site Fantastikindia sont agrémentées d’illustrations. Des éléments visuels leurs sont également associés pour permettre d’identifier les films ou leurs critiques dans de nombreuses pages.

La nouvelle version du site, Fanta3, ne change pas sensiblement le nombre ou les caractéristiques de ces images. Néanmoins, un rappel (qui sera peut-être une découverte pour ceux qui n’ont pas épluché notre forum interne) ne peut pas nuire.

L’affichage d’une critique de film requiert donc 2 types d’images :

  • des illustrations de l’article dont la présence est vivement recommandée
    • des images insérées dans l’article lui-même
    • une galerie affichée en haut au centre de la page de l’article
  • des images spéciales qui sont selon le cas obligatoires ou optionnelles
    • un logo utilisé dans les listes de critiques de film. Cette image est obligatoire.
    • le poster en haut à gauche de la page de l’article. Cette image est obligatoire.
    • une bannière de carrousel. Cette image est optionnelle.
    • une image de partage Facebook. Cette image est optionnelle.

Les deux capture d’écran suivantes les montrent en situation dans un article récent :

JPEG - 126.4 ko
Images affichées dans un critique de film
JPEG - 105.8 ko
Les images qui ne sont pas utilisées dans l’article

Passons donc ces différentes images en revue, en commençant par les images « spéciales ». Nous avons tendance à les oublier mais elles sont pourtant essentielles au bon fonctionnement du site.

Les images « spéciales »

Ces images disposent d’un traitement individuel lors de la composition des pages du site. Par conséquent, elles sont stockées dans de manière particulière (directement dans le répertoire IMG pour les logos, dans le portfolio de l’article pour les autres) ou un mot-clé leur est associé pour permettre de les différentier. Voici donc la description de ces images « spéciales ».

Le logo

Le logo d’une critique de film représente visuellement le film dans toutes les listes du site. C’est le cas par exemple de la page d’accueil qui référence les six dernières critiques de film publiées. Comme le Poster, cette image est en général l’affiche du film (naturellement sans logo d’un autre site), au besoin légèrement rognée. Ses dimensions sont exactement 100x150, comme c’était déjà le cas sur Fanta2.

Cette image est au format jpeg comme toutes les autres images sur le site sauf exception rarissime. Sa doit la taille la plus petite possible. En effet, certaines pages affichent 15 logos ce qui pourrait poser des problèmes graves de navigation si certains sont volumineux. En pratique, un logo occupe environ 10ko et souvent moins.

Les logos s’ajoutent dans une zone dans la partie gauche de la page de l’article lorsqu’il n’est pas en mode Edition :

JPEG - 72.5 ko
Interface d’ajout du logo

Si on veut modifier un logo une fois qu’il a été ajouté, il faut le supprimer puis en ajouter un nouveau. Il n’existe en effet pas de possibilité de modification directe comme pour les autres images.

Le poster

Le poster est une image de 300 pixels de large, dont la hauteur varie entre 400 et 432 pixels de haut. De préférence, elle fera 432 pixels de haut.

Elle représente une des affiches du film chroniqué. Pour des raisons esthétiques, on choisira une image nette et sans logo de site. Dans certains cas, on pourra se rabattre sur des couvertures de DVD. Il arrive qu’on ait de la chance et que des copies de bonne qualité d’affiches papier originales soient disponibles. On les préférera.

Il arrive fréquemment que les affiches du films ne s’adaptent pas exactement au format 300x432. Prenons par exemple l’affiche de Bhoothnath Returns. La plus belle (nette et dépourvue de logo) version que l’on trouve sur Internet fait 1200x1738. Réduite à une largeur de 300 pixels, elle fait 300x434. Que faire ?

L’œil n’arrive pas à distinguer une déformation hauteur/largeur de moins de 3% environ. Cela signifie que les images dont les dimensions sont comprises entre 300x419 et 300x445 pourront être forcées en 300x432 sans que personne ne s’en rende compte. Pour revenir à notre fantôme, on passera l’image de départ qui fait 1200x1738 en 300x432 et le tour est joué car la déformation induite est strictement invisible. Mais pour certains films du sud en particulier, il faudrait trop déformer l’image pour qu’elle rentre dans le cadre. On pourra alors la rogner un peu.

Comme toutes les autres images sur le site (sauf exception rarissime), il s’agit d’une image jpeg. Elle occupe environ 60ko. Pour des raisons pratiques, il est préférable de respecter la convention de nommage suivante pour le fichier : "Poster_xxx_TitreDuFilm.jpg", où xxxx est le numéro de l’article (5755 dans l’exemple de l’images qui suit, le fichier téléversé était Poster_5755_OmShantiOshana.jpg).

Pour qu’elle soit reconnue par le système, cette image doit être déposée dans le portfolio et elle doit avoir le mot-clé "Poster". Le dépôt dans le portfolio s’obtient en cliquant sur le bouton "Déposer dans le portfolio" une fois que l’image a été téléversée. On peut ajouter le mot-clé après avoir cliqué sur "Modifier". Le champ pour ajouter un mot-clé est tout en bas de la fenêtre qui s’ouvre alors.

JPEG - 71.5 ko
Le poster est dans le portfolio
JPEG - 84.2 ko
Le poster est une souvent image de 300x432 avec le mot-clé Poster
La bannière de carrousel

La bannière de carrousel est l’accroche d’un article. Elle se compose d’une image et d’une phrase de texte. Les contenus sont libres dés lors qu’ils incitent le spectateur à lire l’article. L’image peut donc être une image du film, une photo de tournage, le portrait d’un acteur vedette etc.

L’image de la bannière de carrousel a une résolution d’exactement 640x272. Si la résolution est différente, la mise en page de la page d’accueil du site s’en trouvera modifiée.

Comme toutes les autres images sur le site (sauf exception rarissime), il s’agit d’une image jpeg. Elle occupe environ 60ko. Pour des raisons pratiques, il est préférable de respecter la convention de nommage suivante pour le fichier : "Banniere_xxx_TitreDuFilm.jpg", où xxxx est le numéro de l’article (5816 dans l’exemple de l’images qui suit, le fichier téléversé était Banniere_5816_ArjunTheWarriorPrince.jpg).

Pour qu’elle soit reconnue par le système, cette image doit être déposée dans le portfolio et elle doit avoir le mot-clé "Banniere". Le dépôt dans le portfolio s’obtient en cliquant sur le bouton "Déposer dans le portfolio" une fois que l’image a été téléversée. On peut ajouter le mot-clé après avoir cliqué sur "Modifier". Le champ pour ajouter un mot-clé est tout en bas de la fenêtre qui s’ouvre alors.

JPEG - 69.5 ko
La bannière est dans le portfolio, comme le poster

La phrase d’accroche est dans le champ "Description" de cette image. Elle accepte les enrichissements typographiques SPIP tels que la mise en italique, les liens ou encore la mise en gras. N’oubliez pas de citer le titre du film dans la phrase d’accroche si l’image n’est pas suffisamment explicite.

JPEG - 115.9 ko
640x272, une accroche dans en Description et un mot-clé
L’image de partage Facebook

Une image peut être ajoutée pour aider le partage Facebook de l’article. Il s’agit de préférence d’une image jpeg carrée d’une résolution de 600x600.

Pour qu’elle soit reconnue, elle doit être déposée dans le portfolio et avoir le mot-clé "Facebook-share".

Les illustrations de l’article

Deux types d’images sont rangées dans la catégorie que SPIP nomme « Illustrations » :

  • les images insérées dans l’article lui-même
  • les images qui composent sa galerie
Les images insérées dans l’article

Des photos tirées du film, légendées ou non, sont insérées dans le texte. Celles-ci sont représentatives du film et apportent une information qui complète le texte. Pour qu’elles soient insérées dans l’article, elles doivent être référencées, c’est à dire que le texte de l’article doit y faire référence avec un tag du type <imgxxxx|center> ou <docxxxx|center> par exemple.

Les photos du film ne contiennent pas les bandes noires visibles sur un téléviseur et surtout, ne sont pas anamorphosées (entachées d’une déformation hauteur/largeur). Enfin, il peut être utile de le rappeler, les photos ne doivent pas provenir — ou laisser voir l’origine — de source douteuse à même de mettre le site en difficulté.

Fanta3 a levé la contrainte de largeur de ces images. Autrefois, elles ne devaient pas dépasser 560 pixels de large sans quoi elles perturbaient gravement la mise en page. L’usage avait voulu que ces images aient une largeur de 500 pixels. Mais même pour Fanta3, une largeur de 500 pixels représente un bon compromis entre la netteté et la taille du fichier, qui conditionne la capacité à naviguer sur le site pour les visiteurs qui ne disposent pas d’une bande passante Internet élevée (ou qui n’ont pas un forfait mobile illimité).

Ces images peuvent être insérée centrées ou comme des enluminures, à droite ou à gauche du texte. Dans ce dernier cas, rare, on préférera des images ayant de petites dimensions comme 240 pixels de large par exemple.

Il existe deux moyens pour insérer ces images dans un article. Lorsqu’on est en mode "Edition" ou "Modification" du texte, le bouton de téléversement est en haut à gauche de la page du site privé :

JPEG - 54 ko
Ajouter une image en mode "Edition"

Il est aussi possible d’ajouter le document (ici une image) lorsqu’on est consulte simplement l’article sur le site privé. Le bouton "Ajouter un document" est bas de l’article. Le cliquer permet d’insérer le document :

JPEG - 92.9 ko
Ajouter une image lorsqu’on visualise l’article

Ces images insérées dans l’article peuvent être légendées. C’est le cas par exemple dans cet article. La légende d’une image est son Titre. Il est possible de l’ajouter en cliquant sur le lien "Modifier" une fois l’image téléversée. (champ tout en haut de la fenêtre qui s’ouvre). Attention à ne pas écrire une ligne trop longue. Cette légende n’est visible dans l’article que lorsque l’image est insérée dans le texte avec un tag du type <docxxxx|center>.

Enfin, on peut voir quelles sont les images qui sont insérées ou non dans l’article. Elles sont indiquées avec un petit œil dans la liste des illustrations de l’article. Les autres sont dans la galerie, ce que nous verrons juste après.

La galerie

La galerie est composée des images qui ne sont pas dans le portfolio et qui ne sont pas référencées dans l’article. Elles apparaissent donc sans un "petit œil" dans la liste des illustrations de l’article.

Elles illustrent certains aspects du film, à la discrétion de l’auteur de l’article. Une ligne de texte peut être affichée sous les images. Il s’agit du Titre de l’image que l’on peut saisir après avoir cliqué sur "Modifier" une fois l’image téléversée (champ tout en haut de la fenêtre qui s’ouvre). Attention à ne pas écrire une ligne trop longue…

Il n’y a pas de contraintes particulière en ce qui concerne ces images si ce n’est que :

  • comme toutes les images du site, ce doit être (sauf exception rarissime) des images jpeg
  • trop petites (moins de 200 pixels de large ou de haut), elles seront floues
  • trop grandes (plus de 1280 pixels de large ou de haut), elles seront trop grosses pour permettre une navigation aisée. De toutes façons, si elle dépassent ces dimensions, elles seront limitées à l’affichage de manière à rentrer dans un carré de 1280 pixels de coté.
Commentaires
Pas encore de commentaires