October 17, 2019, Thursday, 289

Aide:Image

De La Tour des Héros.

Pages complètes. Cliquez pour en savoir plus.
Page complète
Cet article concerne uniquement l'utilisation des images. Pour voir les différentes pages d'aide aux rédacteurs, voir Aide:Aidealt=Page d'aide sur l'homonymie

Cette page a pour but d'expliquer comment utiliser les images sur le wiki.

Pour qu'une image s'affiche sur une page du wiki, il faut qu'elle soit enregistrée sur le serveur de LTDH. Ce n'est donc pas comme sur un forum où l'on peut afficher une image qui se trouve sur un autre site en collant une simple adresse url.

En réalité, deux cas de figure existent :

  • soit l'image figure déjà sur le serveur du site
  • soit il faut la télécharger

Sommaire

Trouver ou télécharger l'image

L'image figure déjà sur le wiki

En bas de chaque page du wiki, dans le pied de page, on trouve un lien Pages spéciales. En cliquant dessus, on trouve de nombreux liens. Sous le titre Liste des pages, on trouve le lien Catégories qui nous donne une liste de catégories. Certaines comportent le mot "Image" dans leur nom, ce qui peut aider à retrouver une image existante. Par exemple, si je cherche une image de Batman, je peux aller voir dans Catégorie:Images Personnages Batman TAS. Toute une série d'images vont alors s'afficher. Il faut alors cliquer sur l'image pour qu'apparaisse sa fiche de description. En haut, le titre de la page donne le nom exact de l'image. Ici, pour Batman, il s'agit de Image:Batman.jpg.

L'image doit être téléchargée

Et si l'image ne figure pas déjà sur le serveur ? Il faut tout simplement la télécharger. Pour cela, il suffit d'aller en bas de page, de cliquer sur Importer un fichier.
Apparaît alors un tableau :

  • Cliquer sur Parcourir et sélectionner l'image (qui doit absolument se trouver sur votre ordinateur).
  • La partie Nom sous lequel le fichier sera enregistré se complète automatiquement.
  • Dans la partie description, il est conseillé de catégoriser l'image (c'est-à-dire la classer - Voir Aide:Catégorie).
  • Enfin, il suffit de cliquer sur Importer un fichier

La page de description de l'image va apparaître, et en haut, comme titre, le nom de l'image à utiliser pour qu'elle s'affiche.

Comment faire apparaître l'image sur une page

I. Positionnement classique

Pour qu'une image apparaisse sur une page, c'est très simple. Il suffit d'entourer son nom de double crochets, de cette manière : [[Image:Batman.jpg]]

L'image apparaît alors :

Image:Batman.jpg

Taille de l'image

Vous la trouvez un peu trop grande ? Pas de problème. Il suffit d'indiquer |200px derrière le nom de la page. Comme ceci : [[Image:Batman.jpg|200px]], ce qui donne

Bien entendu, 200px n'est qu'un exemple. On peut utiliser n'importe quel nombre (enfin, en restant raisonnable). Il s'agit en fait de la largeur de l'image.

Positionnement de l'image

Par défaut, une image se place à gauche. Mais avec |center ou |right, elle peut se placer au centre ou à droite. Donc [[Image:Batman.jpg|100px|center]] et [[Image:Batman.jpg|100px|right]] donneront :

Positionnement dans un paragraphe

Attention, petit détail esthétique, lorsqu'on place une image dans un paragraphe, il faut appuyer une fois sur Enter. Sans cela, le texte ne se justifie pas correctement.
Donc, on écrira :
[[Image:Batman.jpg|200px]]
Batman est le justicier de Gotham...

et non
[[Image:Batman.jpg|200px]]Batman est le justicier de Gotham...

Ajouter un cadre et une légende

Pas de difficulté, il suffit d'ajouter |thumb| puis la légende : [[Image:Batman.jpg|100px|thumb|Batman]]
Ce qui donne :

Batman
Batman

II. Positionnement en cadres

Il est aussi possible de positionner une ou plusieurs images sur le côté, sans cadre et sans légende, comme dans les FAQ, les guides des épisodes ou dans des articles comme ici

on peut utiliser cette formule :

{{col-begin-big}}
{{col-i-guide}}
[[Image:xxx.jpg]] 
{{col-resumé}}
Texte Texte Texte...
{{col-end}}

Il suffit de remplacer les xxx par le nom de l'image et Texte... par le texte voulu !

On peut inverser le code pour que l'image s'affiche à droite :

{{col-begin-big}}
{{col-i-guide}}
{{col-resumé}}
Texte Texte Texte...
[[Image:xxx.jpg]] 
{{col-end}}

Taille de l'image à télécharger

Sur un wiki, une image ne doit pas nécessairement être téléchargée à la dimension à laquelle on veut l'afficher. Par exemple, cette image Image:DVD BTAS Coffret1.jpg (cliquer pour la voir) a été téléchargée avec une taille de 891 × 951 pixels, une fois pour toutes. On la retrouve sur plusieurs pages, avec des tailles différentes :

Il s'agit toujours de la même image, téléchargée une seule fois, mais affichée à des tailles différentes.

Et en cliquant dessus, l'internaute peut l'agrandir et mieux l'observer. Il est donc préférable de garder les images en grande taille (et de ne pas les compresser, ou très peu, pour ne pas qu'elles perdent en qualité).
Quelques exemples :

  • les captures auront souvent une largeur devant se situer entre 530 et 650 px pour les séries diffusées en 4/3. Pour les séries diffusées en 16/9 (comme JL, LOSH, DC Movies ou Batman: The Brave & the Bold), la largeur peut aller jusque 860px (mais les bandes noires doivent être "enlevées").
  • les images de promo des épisodes (comme celles qui sont régulièrement véhiculées sur Batman: The Brave & The Bold) garderont leur grande taille de 2000px de large.
  • Attention avec les photos personnelles (par exemple de figurines). 600 ou 700px de large semble suffisant et le poids ne doit pas être trop important (mais l'image doit rester de bonne qualité).

Attention, de préférence, les images seront en .jpg ! (.gif est utilisé uniquement pour les icônes).

Nom à donner à une image avant de la télécharger

Lorsqu'on télécharge une image depuis son ordinateur, il faut veiller à ce que celle-ci porte un nom cohérent. Pas question de télécharger un fichier 02548946578.jpg ou Batman256.jpg.
Voici tout de même quelques exemples (la liste ci-dessous peut être allongée par chacun):

  • les images des pages Séries portent le nom de la série (Batman TAS, Projet Zeta, Ligue des Justiciers...) puis le nom de la rubrique (Présentation, Genèse, Histoire...), voire un numéro si nécessaire (Histoire 1, Histoire 2...).
  • les images des guides portent simplement le titre VF complet de l'épisode (avec accents) mais sans ponctuation (? ; ou ! sont impossibles dans un nom de fichier). Attention aux titres d'épisodes qui sont aussi des noms de personnages. Par exemple, l'image de l'épisode Toyman s'intitule Toyman (épisode).jpg pour ne pas se confondre avec Toyman.jpg (l'image du personnage dans le trombinoscope).
  • les images des fiches épisodes portent le titre de l'épisode suivi d'un numéro (par exemple pour la galerie d'images : Joyeux Noël Batman 01.jpg, Joyeux Noël Batman 02.jpg) ou d'une indication sur la scène (Joyeux Noël Batman sapin volant.jpg).
  • les images personnages portent le prénom puis le nom du personnage (Leslie Thompkins.jpg) ou son surnom (Le Joker.jpg). Pour les personnages connaissant d'autres interprétations dans d'autres séries, les personnages hors DCAU voient le nom de la série en parenthèses. Par exemple : Batman.jpg désigne le Batman du DCAU alors que Batman (The Batman).jpg désigne celui de The Batman.
  • les images de couvertures de magazines recueillant plusieurs histoires portent le nom du magazine puis son numéro.
  • les images de couvertures des magazines originaux portent le nom de l'histoire qu'ils contiennent.
  • les figurines portent le nom complet de la figurine (Combat Belt Batman.jpg) et une indication derrière si nécessaire (Combat Belt Batman Loose1.jpg ...).

Conclusion

Si vous avez d'autres questions, n'hésitez pas à les poser sur le forum.
D'autres pages d'aide sont également disponibles via la page Aide:Aide.