Help:Images/fr

Cette page explique la syntaxe des "images" lors de l'édition du wiki. Vous, ou un autre utilisateur doit habituellement téléverser une image avant que vous ne puissiez l'utiliser sur une page.

Les images stockées sur un serveur MediaWiki sont généralement accessibles en utilisant le préfixe  (l'ancien préfixe   est toujours utilisable en tant que synonyme) pour la cible d'un lien MediaWiki. Le préfixe alternatif  peut être également utilisé pour référencer le contenu originel du fichier média (pour un rendu ou un téléchargement séparé, en dehors de toute page MediaWiki).

Type d'image supporté
Les formats suivants sont supportés par défaut :


 * .jpg or .jpeg : bitmap image compressé avec le format standard JPEG (ce format avec pertes est le plus approprié pour les photographies).
 * .png : image bitmap dans le format Portable Network Graphics (spécifié par le W3 Consortium).
 * .gif : image bitmap dans le format legacy Graphics Interchange Format.

Autres formats utilisés sur Wikimedia, et généralement activés ailleurs (cela peut nécessiter des étapes d'installation supplémentaire au delà de ce qui est activé par défaut):


 * .svg : image vectorielle dans le format Scalable Vector Graphics (spécifié par le W3 Consortium). Voir Manual:Image Administration#SVG.
 * .tiff : Format tagged image. Souvent utilisé pour l'archivage de photographies haute résolution. Souvent utilisé avec.
 * .ogg, .oga, .ogv : Ogg multimedia (audio ou video). Pas un format image, mais traité de la même manière. Souvent utilisé avec.
 * .pdf : documents multi-pages dans le Portable Document Format (initialement spécifié par Adobe). Souvent utilisé en conjonction avec.
 * .djvu : documents bitmap multipages dans le formatDejaVu (le plus souvent, scan de livre). Voir
 * Seule une page d'un fichier .pdf ou .djvu est affichée à la fois.

D'autres types de supports peuvent être pris en charge, mais il peut ne pas être possible de les afficher en ligne.

Syntaxe
Pour afficher une image, voici la syntaxe complète:

ou "options" peut être vide ou bien est composé des éléments suivants, séparés par le symbole tube (pipe) "|"

Contrôle la façon dont l'image affichée est formatée et incluse dans le reste de la page.
 * Option du format : un des bordure et/ou sans cadre, avec cadre, miniature;
 * Option de redimensionement : un de
 * {width}px — Redimensionne l'image pour l'adapter dans la largeur maximale donnée en pixels, sans restreindre sa hauteur;
 * x{height}px — Redimensionne l'image pour l'adapter à une hauteur maximale donnée en pixels, sans restreindre sa largeur;
 * {width}x{height}px — Redimensionner l'image pour l'adapter à une largeur et une hauteur données en pixels;
 * upright — Redimensionne une image pour l'adapter à des dimensions raisonnables, selon les préférences de l'utilisateur (adapté aux images dont la taille est supérieure à la largeur).
 * Notez que l'image conserve toujours son ratio d'aspect, et ne peut être réduite (pas augmenté) de taille sauf si elle est dans un type de support extensible (images bitmap ne peuvent pas être étendus).
 * La taille maximale par défaut dépend du  format  et des dimensions de l'image interne (en fonction de son type de support).
 * Option Horizontal alignment : pami left (gauche), right (droite), center (centré), none (aucun);
 * Contrôle l'alignement horizontal (et en ligne / bloc ou styles flottants) de l'image dans un texte (pas de valeur par défaut).
 * Option Vertical alignment : parmi baseline (line de base), sub (sous), super, top (haut), text-top (haut du texte), middle (milieu), bottom (bas), text-bottom (bas du texte)
 * Contrôle l'alignement vertical d'une image non-flottante en ligne avec le texte avant ou après l'image, et dans le même bloc (l'alignement vertical par défaut est  'milieu' ).
 * Option Link: parmi
 * link={cible} — Permet de changer la cible (vers un titre de page arbitraire, ou une URL) du lien généré, activable pour l'affichage de l'image; à savoir, affichage  interprété comme Example.jpg (lien externe), ou   interprété comme Example.jpg (lien interne).
 * link= (valeur vide) —  Affiche une image sans aucun lien activable; à savoir   interprété comme Example.jpg.


 * ! pour MW 1.24 et inférieure : Si vous définissez  (vide), alors aucun   ne sera interprété. (Voir T23454.)
 * Autre option spécifiques :
 * alt={texte alternatif} — Définit le texte alternatif (attribut HTML   de l'élément d'une image  ) généré qui sera affiché soit si l'image référencée ne peut pas être téléchargé et/ou intégré, soit si le support du média nécessite l'utilisation du texte de description de remplacement (par exemple lors de l'utilisation d'un lecteur Braille ou avec des options d'accessibilité définies par l'utilisateur dans son navigateur).
 * page={nombre} — Affiche le numéro de page spécifié (actuellement seulement applicable lors de l'affichage d'un fichier .djvu ou .pdf).
 * class={class html} — (MediaWiki 1.20+) Définit les classes (attribut HTML  de l'élément   généré).
 * lang={language code} — (MediaWiki 1.22+) Pour les fichier SVG contenant &lt;switch&gt; des instructions variables selon l'attribut langue système, sélectionne quelle langue pour afficher le fichier. La valeur par défaut est toujours l'anglais, même sur la non-anglais wikis.

Si un paramètre ne correspond à aucune de ces possibilités, il est interprété comme étant le texte de la légende de l'image. La légende s'affiche en dessous de l'image pour les formats "thumb" et "frame", pour les autres c'est une infobulle. Dans le cas "thumb" ou "frame", la légende peut contenir des liens wiki ou autre marques de formatage. Des options supplémentaires peuvent êtres disponibles selon les extensions MediaWiki installées.

Si l'option "alt" n'est pas renseignée, et qu'une légende est présente, le texte alternatif (le champ alt de l'élément HTML img) sera créé automatiquement à partir de la légende, avec les marques de formatage automatiquement supprimées.

Format
Le tableau suivant montre l'effet de tous les formats disponibles.

Lorsque la hauteur d'une image en miniature est plus grande que sa largeur (ie en orientation portrait plutôt que paysage) et vous trouvez qu'il est trop grand, vous pouvez essayer l'option, où N est l'image de rapport d'aspect (sa largeur divisée par sa hauteur, par défaut à 0,75). L'alternative est de spécifier la hauteur maximale souhaitée (en pixels) de manière explicite.

Notez qu'en écrivant, vous pouvez utiliser une image différente pour la vignette.

Taille et cadre
Parmi les différents formats, l'effet du paramètre de taille peut être différent, comme indiqué ci-dessous.

Dans les exemples ci-dessous, la taille originale de l'image est de 400 × 267 pixels. Une image avec  ignore toujours la spécification de la taille, l'image originale sera réduite si elle dépasse la taille maximale définie dans les préférences de l'utilisateur. La taille d'une image avec  peut être réduite, mais ne peut pas être élargie au-delà de la taille originale de l'image.
 * Pour savoir comment il apparaît lorsque sa taille est pas spécifié, voir Format section ci-dessus.
 * Lorsque le format est pas spécifié, ou seulement, la taille peut être à la fois réduit et agrandi à toutes les tailles spécifiées.

Alignement horizontal
Notez qu'utilisé les formats  ou , l'alignement horizontal par défaut sera.

Alignement vertical
Les options de l'alignement verticales entrent seulement en vigueur si l'image  est  a rendu comme un élément de l'inline et  n'est pas  flotter. Ils modifient la façon dont l'image en ligne sera alignée verticalement avec le présent texte dans le même bloc avant et / ou après cette image sur la même ligne affichée.

Notez que la ligne de texte affichée où les images en ligne sont insérés (et les lignes de texte affiché après) peuvent être déplacés vers le bas (cela va augmenter la hauteur de ligne conditionné avec de l'espacement de lignes additionnels, exactement comme s'il s'agissait d'un  avec du texte de taille variables, ou des exposants) pour permettre à l'image d'être pleinement affiché avec cette contrainte d'alignement.



Pour afficher le résultat d'alignement plus clairement, les  de texte sont surlignés et soulignés, la taille de police est augmentée à 200%, et le bloc de paragraphe est encadré avec une bordure mince; en outre, des images de tailles différentes sont alignées:

 text top: text

 text text-top: text

 text super: text

 text baseline: text

 text sub: text

 text default: text

 text middle: text

 text text-bottom: text

 text bottom: text

Notes:


 * 1) La position "middle" d'alignement vertical de l'image (qui est aussi la valeur par défaut) se réfère généralement au milieu entre la hauteur de x et la ligne de base du texte (sur lequel le milieu vertical de l'image sera aligné, et sur lequel qui le texte peut habituellement être en dépassement), mais pas au milieu de la hauteur de ligne de la hauteur de la police qui se réfère à la hauteur entre le "text-top" et positions "text-bottom»; la hauteur de la police exclut:
 * 2) * l'espacement inter-lignes supplémentaire normalement divisé également en deux marges (ici 0.5em, selon la hauteur de ligne-fixé à 200%) au-dessus et au-dessous de la hauteur de police).
 * 3) * l'espacement inter-lignes supplémentaire qui peut être ajouté par superscript et subscript.
 * 4) Toutefois, si la hauteur de l'image provoque un dépassement au-dessus ou en dessous de la ligne pleine hauteur normale du texte, la position médiane sera ajusté par augmentation de la marge supérieure et / ou inférieure de telle sorte que l'image peut s'adapter et aligner correctement, et toutes les images (y compris de petites hauteurs) soient centrées verticalement sur la position médiane ajustée (pour calculer la hauteur de ligne effective, le texte de chaque rangée affiché avec la hauteur de police la plus grande sera considéré).
 * 5) Les positions d'alignement "text-top" et "text-bottom" exclut également l'espacement supplémentaire de ligne ajoutée par les exposants et indices, mais pas l'espacement supplémentaire défini par la hauteur de ligne.
 * 6) Les positions d'alignement "top" et "bottom" prennent en compte tous les espacements supplémentaires de ligne (y compris les indices supérieurs et, si elles sont présentes dans un  ). Lorsque l'alignement d'images contraint l'image à croître au-dessus ou en dessous du seuil d'espacement normal, et l'image n'est pas en position absolue, l'image provoque l'ajustement des positions "top" et «bottom» (tout comme les exposants et indices), de sorte que la hauteur effective de l'interligne sera plus grande..
 * 7) Les positions des décoration de texte "underline", "overline" et "overstrike" devraient être quelque part entre ces deux limites et peuvent dépendre du type et de la taille des polices utilisées (les styles exposant et indice peuvent être pris en compte dans certains navigateurs, mais généralement ces styles sont ignorés et la position de ces décorations ne peuvent pas être ajustées); de sorte que ces décorations n'ont normalement pas d'incidence sur la position verticale des images, par rapport au texte.

Arrêter le flux de texte
A l'occasion, il est souhaitable d'arrêter le flux de texte (ou d'autres images en ligne non flottant) autour d'une image flottante. En fonction de la résolution de l'écran du navigateur Web et tel, flux de texte sur le côté droit d'une image peut provoquer un en-tête de section (par exemple, == My Header == ) apparaisse à droite de l'image, au lieu d'en dessous, comme un utilisateur peut attendre. Le flux de texte peut être arrêté en plaçant   (ou si vous préférez,  ) avant le texte qui doit commencer en dessous de l'image flottante. (Cela peut aussi se faire sans ligne vide en encadrant la section avec les images flottantes avec …, ce qui efface tous les flottants à l'intérieur du  .)

Toutes les images affichées sous forme de blocs (y compris les images non-flottantes center, images flottantes left ou right, ainsi que les images flottantes frame ou thumbnail) brisent implicitement les lignes de texte autour (terminant le bloc de texte avant l'image et créant un nouveau paragraphe pour le texte après elles). Elles seront ensuite empilées verticalement le long de leur marge d'alignement à gauche ou à droite (ou le long de la ligne médiane entre ces marges pour les images centrées).

Altérer la cible du lien par défaut
Le tableau suivant illustre comment modifier la cible du lien (dont la faute est la page de description de l'image) ou comment l'enlever. Changer le lien ne modifie pas le format décrit dans les sections précédentes.

Avertissement:
 * Les exigences de licence sur votre wiki peut ne pas vous permettre de supprimer tous les liens vers la page de description qui affiche les attributions d'auteurs requises, les déclarations de droits d'auteur, les conditions de licence applicables, ou une description plus complète de l'image affichée (y compris son historique des modifications).
 * Si vous modifiez ou supprimez le lien cible d'une image, vous devrez alors fournir un autre endroit sur votre page un lien explicite vers cette page de description, ou d'afficher les droits d'auteur et auteur déclaration et un lien vers la licence applicable, si elles sont différent des éléments applicables à la page d'intégration lui-même.
 * Votre politique de wiki peut restreindre l'utilisation du paramètre de lien alternatif, ou peut même appliquer une interdiction de paramètres de liaison alternatifs pour les fichiers multimédias intégrés (dans ce cas, le paramètre de liaison sera ignoré), ou ne peut les accepter qu'après validation par les utilisateurs autorisés ou les administrateurs.

Syntaxe pour une galerie
Il est aisé de faire une galerie de miniatures avec la balise $galery La syntaxe est :

Paramètre mode
Depuis la version 1.22, un paramètre  expérimental est disponible, qui dispose des options suivantes :

implique des images de même hauteur mais avec des largeurs différent, et séparées par de petite espaces. Les rangées dans ce mode "responsive" s'organisent suivant la largeur de l'écran. est similaire à, mais la légende et la boîte n'apparaît avec le survol de la souris
 * est le type de galerie original utilisé par MediaWiki.
 * est similaire à, mais sans bordure.
 * affiche la légende par dessus l'image, dans une boîte blanche semi-transparente.
 * crée un diaporama avec les images.

Par exemple :

Qui donne (mode : packed-hover) :

Attributs facultatifs pour la galerie
La balise galerie prend elle-même plusieurs paramètres additionnels, spécifié comme des attributs de paires clé-valeur :

Rangées d'images qui s'adaptent à la largeur du navigateur
Une méthode qui fonctionne pour une rangée d'images avec différentes largeurs est de ne pas utiliser "thumb" ou "left" ou "none". Si «thumb» n'est pas utilisé (et donc pas de légendes) une rangée d'images occupera la largeur du navigateur. Si nécessaire, réduire la fenêtre du navigateur pour voir les images se déplacer dans la rangée suivante.





Pour justifier des images de largeur variable avec descriptions, il est is nécessaire d'utiliser un  HTML pour une liste non ordonnée, avec aussi. Pour plus d'infos et d'idées voir : Give Floats the Flick in CSS Layouts (en anglais).

     <li style="display: inline-block;"> </li> <li style="display: inline-block;"> </li> <li style="display: inline-block;"> </li> <li style="display: inline-block;"> </li> <li style="display: inline-block;"> </li> <li style="display: inline-block;"> </li> </ul>

Certains wiki n'ont pas toutes les options de galerie (telles que "widths"). En outre, quelque fois, un veut des largeurs variable pour des images dans une rangée. Hors de la galerie, ou du div HTML, il est impossible d'avoir des légendes individuelles pour des images dans une rangée qui occupe la largeur du navigateur. Tester. Rien d'autre que d'utiliser le texte wiki correctement. les images vont soit s'entasser sur la droite, ou provoquer l'apparition d'une barre de scrolling horizontale.

L'utilisation d'un flottant gauche («left») pour certaines images, combinées à «none» pour quelques-unes des images, ne fonctionne pas toujours non plus, surtout s'il y a aussi une barre latérale droite. Des choses bizarres se produisent. Aux navigateurs ou aux largeurs d'écrans plus étroits, une image d'une rangée peut apparaître loin en bas sur la page après la fin de la barre latérale de droite.

Comportement des liens
Par défaut une image est liée à la page de description de son fichier. L'option "link =" modifie ce comportement pour créer un lien vers une autre page ou site web, ou pour désactiver le comportement de liaison de l'image.

Alternativement, vous pouvez créer un lien texte vers une page de description du fichier ou le fichier lui-même. Voir.

Afficher une image et la lier à une autre page ou site web
Utiliser l'option "link=" pour lier l'image à une autre page ou site web

Cliquer sur l'image ci-dessous vous dirigera vers MediaWiki :





Cliquer sur l'image ci-dessous vous dirigera vers "example.com"





Affiche une image sans lien
Utiliser l'option "link=" sans valeur stop le lien ; l'image ci-dessous n'a pas de lien :





Link to an image
Add  as a prefix to the link you need to create.

File:Wiki.png File:Wiki.png Wiki Wiki

Obtain a direct link to an image
To get a direct link to an image (bypassing the image's description page), some magic words can be used.

Becomes:



In the event that this is used from a template where the  namespace needs to be removed,   can do so:

Becomes:



Pré-requis
Avant d'utiliser des images dans votre page, l'administrateur système de votre wiki doit avoir activé le téléversement de fichiers et un utilisateur doit téléverser le fichier. Les administrateurs système peuvent également définir le wiki pour accepter des fichiers à partir de dépôts étrangers, comme le Wikimedia Commons. Pour un redimensionnement des images côté serveur il est nécessaire d'avoir une librairie graphique configurée (telle que GD2, ImageMagick, etc.).

Fichiers d'autres sites web
Vous pouvez lier vers un fichier externe disponible en ligne en utilisant la même syntaxe que celle des liens vers une page web externe. Avec ces syntaxes, l'image ne sera pas affichée, mais seulement le texte du lien.



Ou avec un texte différent affichés :

texte du lien ici

Les balises MediaWiki supplémentaires ou les mises en forme HTML/CSS (pour les éléments en ligne) sont autorisés dans ce texte affiché (à l'exception des liens intégrés qui pourraient briser le lien principal) : Exemple ici  texte du lien   riche . which renders as: [http://www.example.com/some/image.png Exemple ici  texte du lien   riche . ]

Si c'est activé dans votre wiki (voir ), vous pouvez aussi incorporé des images externes. Pour cela, insérer simplement l'url de l'image : http://url.for/some/image.png Pour le moment, les images incorporées ne peuvent être redimensionnées, mais elle peuvent être formatées par des balises MediaWiki ou du code HTML/CSS.

Si cette option n'est pas activée, l'image ne sera pas incorporée mais affichée comme un lien textuel vers le site externe, juste comme précédemment.

Voir aussi

 * Wikipedia:Extended image syntax
 * Category:Wikipedia image help
 * Wikipedia:Picture tutorial
 * Wikipedia:Help:Gallery tag