Aide:Image et fichier

De WikiGenWeb
Aller à : navigation, rechercher

Il est possible de téléverser des images et des fichiers sur le serveur WikiGenWeb puis de les insérer dans les pages de différentes manières.

Depuis les dernières versions de Médiawiki, tout est nommé « Fichier », que ce soit images, fichiers pdf ou autres fichiers.

Pour utiliser une image, elle doit d'abord avoir été téléversée sur le serveur.

Téléversement

Procédure

Se référer à l'article : Téléverser un fichier

Fichiers supportés

Les seuls fichiers supportés en téléversement sont:

  • Fichiers PDF
  • Images JPG et JPEG
  • Images GIF
  • Images PNG

Tout téléversement d'un autre type de fichier sera refusé.

Afficher un fichier

Pour afficher un fichier stocké sur WikiGenWeb il faut utiliser le préfixe de l'espace de nom : « Fichier: ». Le préfixe « Image: » est encore supporté mais il est préférable de ne pas l'utiliser.

Syntaxe

la syntaxe complète pour afficher une image est:

[[Fichier:''fichier.extension''|''options''|''légende'']]

options est un paramètre facultatif et doit être un des suivants, chacun séparé de l'autre par un pipe (« | ») :

  • Option Format : une des valeurs frameless, frame, thumb ( sans cadre, avec cadre, vignette);
    Contrôle la façon dont l'image rendue est formatée et placée dans le reste de la page.
  • Option Redimensionnement : une des valeurs
    • {width}px — Redimensionne l'image pour l'adapter à 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 — Redimensionne l'image pour l'adapter à la largeur et à la hauteur en pixels;
    • upright — Redimensionne une image pour l'adapter à des dimensions raisonnables, selon les préférences de l'utilisateur (convient aux images dont la hauteur est supérieure à la largeur).
    Notez que l'image conservera toujours son ratio d'aspect.
  • Option Alignement Horizontal une des valeurs left, right, center, none;
    Contrôle l'alignement horizontal (en ligne ou en bloc flottant) de l'image dans un texte (aucune valeur par défaut).
  • Option Alignement Vertical: une des valeurs baseline, sub, super, top, text-top, middle, bottom, text-bottom;
    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 middle).
  • Option Link: une des valeurs
    • link={cible} — Permet de changer la cible (un titre de page ou une URL) du lien généré, activable par un clic sur l'image;
    • link= (sans lien) — Affiche une image sans lien ; e.g. [[Fichier:wiki.png|20px|link=]] affichera Wiki.png.
Ce paramètre ne fonctionne pas avec les formats « thumb » ou « frame ».
  • Autres options spécifiques :
    • alt={Texte alternatif} — définit le texte alternatif lorsque l'image ne peut pas être rendue (Accessibilité aux mal-voyants).
    • page={numéro} — Affiche la page spécifiée par numéro. Ne s'utilise qu'avec les fichiers PDF.

Les options peuvent être données dans n'importe quel ordre. Si les options données sont en conflit les unes avec les autres, la dernière est appliquée, sauf pour l'« option Format » où les options ont la priorité dans l'ordre cadre, vignette, sans cadre et border. Si un paramètre ne correspond à aucune des possibilités, il est supposé être le texte de la légende. La légende ne sera affichée qu'avec les formats avec cadre et peut contenir des liens wiki et autres mises en forme.

Si aucun texte de légende est fourni, une légende est automatiquement créée avec le nom du fichier. Pour supprimer complètement la légende, il faut la mettre à : <span title=""></span>.

Par example, [[Fichier:Wiki.png|20px|<span title=""></span>]] rendra ceci .

Format

Effet des différents formats :

Description Wikitext Rendu
Aucun formatage
texte texte texte [[Fichier:wiki.png|50px]] texte texte texte
texte texte texte Wiki.png texte texte texte
Bordure
texte texte texte [[Fichier:wiki.png|border|50px]] texte texte texte
texte texte texte Wiki.png texte texte texte
Cadre
texte texte texte [[Fichier:wiki.png|frame|50px]] texte texte texte
texte texte texte
Wiki.png
texte texte texte
Pas de cadre
texte texte texte [[Fichier:wiki.png|frameless|50px]] texte texte texte
texte texte texte Wiki.png texte texte texte
Vignette
texte texte texte [[Fichier:wiki.png|thumb|50px]] texte texte texte
texte texte texte
Wiki.png
texte texte texte

Taille et bordure

Parmi les différents formats, l'effet du paramètre de taille peut être différent, comme le montrent les exemples ci-dessous.

Lorsque le format n'est pas spécifié, ou seulement border, la taille peut être à la fois réduite et élargie à toute taille spécifiée.

  • Dans les exemples ci-dessous, la taille originale de l'image est de 135x135 pixels.
  • Une image avec cadre frame ignore toujours les spécifications de taille, l'image d'origine sera réduite si elle dépasse la taille maximale définie dans les préférences utilisateur.
  • La taille d'une image avec thumb peut être réduite, mais ne peut pas être élargie au-delà de la taille d'origine de l'image.
Format Réduit Agrandi
Sans format
[[Fichier:wiki.png|30px]]
Wiki.png
[[Fichier:wiki.png|250px]]
Wiki.png
Border
[[Fichier:wiki.png|border|30px]]
Wiki.png
[[Fichier:wiki.png|border|250px]]
Wiki.png
Avec cadre
[[Fichier:wiki.png|frame|30px]]
Wiki.png
[[Fichier:wiki.png|frame|250px]]
Wiki.png
Vignette
[[Fichier:wiki.png|thumb|30px]]
Wiki.png
[[Fichier:wiki.png|thumb|250px]]
Wiki.png
Sans cadre
[[Fichier:wiki.png|frameless|30px]]
Wiki.png
[[Fichier:wiki.png|frameless|250px]]
Wiki.png

Alignement horizontal

Notez que lorsque vous utilisez le format frame ou thumb, l'alignement par défaut est à droite.

Description wikitexte Rendu
Sans spécification
... text text text [[Fichier:wiki.png|30px|caption]] text text text ...
... text text text caption ... text text text ...
Spécification none
... text text text [[Fichier:wiki.png|none|30px|caption]] text text text ...
... text text text
caption
... text text text ...
Spécification center
... text text text [[Fichier:wiki.png|center|30px|caption]] text text text ...
... text text text
caption
... text text text ...
Spécification left
... text text text [[Fichier:wiki.png|left|30px|caption]] text text text ...
... text text text
caption
... text text text ...
Spécification right
... text text text [[Fichier:wiki.png|right|30px|caption]] text text text ...
... text text text
caption
... text text text ...

Alignement vertical

Les options d'alignement vertical ne prendront effet que si l'image est' rendue par un élément en ligne et n'est pas flottante. Elles modifient la façon dont l'image inline sera alignée verticalement avec le texte présent dans le même bloc avant et/ou après cette image sur la même ligne. Les différentes valeurs d'alignement vertical sont :

top 
haut de la ligne
text-top 
haut du texte
super 
bas du texte
baseline 
bas de ligne
sub 
bas d'indice
default 
milieu
middle 
milieu
text-bottom 
bas de texte
bottom 
bas de ligne
Description wikitexte Rendu
Sans spécification
... text text text [[Fichier:wiki.png|30px|caption]] text text text ...
... text text text caption ... text text text ...
default
... text text text [[Fichier:wiki.png|default|30px|caption]] text text text ...
... text text text caption ... text text text ...
middle
... text text text [[Fichier:wiki.png|middle|30px|caption]] text text text ...
... text text text caption ... text text text ...
top
... text text text [[Fichier:wiki.png|top|30px|caption]] text text text ...
... text text text caption ... text text text ...
text-top
... text text text [[Fichier:wiki.png|text-top|30px|caption]] text text text ...
... text text text caption ... text text text ...
super
... text text text [[Fichier:wiki.png|super|30px|caption]] text text text ...
... text text text caption ... text text text ...
baseline
... text text text [[Fichier:wiki.png|baseline|30px|caption]] text text text ...
... text text text caption ... text text text ...
sub
... text text text [[Fichier:wiki.png|sub|30px|caption]] text text text ...
... text text text caption ... text text text ...
text-bottom
... text text text [[Fichier:wiki.png|text-bottom|30px|caption]] text text text ...
... text text text caption ... text text text ...
bottom
... text text text [[Fichier:wiki.png|bottom|30px|caption]] text text text ...
... text text text caption ... text text text ...

Galerie d'images

WikiGenWeb offre la possibilité de faire des galeries d'images, avec une légende et un titre pour chaque image.

Syntaxe

<gallery  caption="Légende" perrow=<images par ligne> widths=<largeur  des images> heights=<hauteur des images> >
Fichier:Wiki.png
Fichier:Wiki.png|Une légende (optionnelle)
Fichier:Wiki.png
Fichier:Wiki.png|Une légende (optionnelle) avec un [[Accueil|lien]]
........
</gallery>

Paramètres optionnels :

  • perrow : nombre d'images maximum par ligne,
  • widths : largeur maximale des image,
  • heights : hauteur maximale des images.

Exemple

<gallery caption="Le titre de la galerie (optionnel)" perrow=5 widths=80
Fichier:Wiki.png
Fichier:Wiki.png|Une légende (optionnelle)
Fichier:Wiki.png
Fichier:Wiki.png|Une légende (optionnelle) avec un [[Accueil|lien]]
Fichier:Wiki.png
Fichier:Wiki.png
Fichier:Wiki.png
Fichier:Wiki.png
</gallery>

Ce qui rendra :

Aide accessibilité
Les galeries ne pouvant pas contenir d'alternative textuelle (alt= ), il est souhaitable d'écrire des légendes plus descriptives, ceci afin d'aider les lecteurs n'ayant pas accès aux images qu'elles contiennent.

Lier sans afficher l'image

lien à la page de description

Si vous placez deux-points « : », l'image n'est pas affichée et le lien est affiché

[[:Fichier:wiki.png|]]
[[:Fichier:wiki.png|Logo WikiGenWeb]]

Rendra ceci :

wiki.png

Logo WikiGenWeb

Lien vers une autre page

Cette option ne fonctionne pas avec thumb et frame

[[Fichier:Wiki.png|50px|link=Accueil]]

Rendra ceci :

Wiki.png

Lien direct vers un media

Vous pouvez utiliser le pseudo espace de noms « media » pour lier directement au fichier sans le rendu et sans la page de description

[[media:wiki.png|]]

rendra ceci :

wiki.png

Vous pouvez aussi utiliser la page spéciale « filepath »

[[Special:filepath/wiki.png|Wiki.png]]

rendra ceci :

wiki.png

Vous pouvez aussi utiliser le mot magique FILEPATH qui indiquera le chemin complet de l'image.

{{FILEPATH:wiki.png}}

Rendra ceci :

https://memorial-genweb.org/wiki/images/b/bc/Wiki.png