Mise à jour du style des vignettes

This page is a translated version of the page Thumbnail style update and the translation is 54% complete.

This thumbnail style update seeks to showcase our images with clean, simplified styling and captions, to highlight their beauty without distraction. It will also bring consistency with the new image galleries,[1] image styles on mobile and most Main Pages.

Before and after change, in English

Before and after change, in Armenian
Before and after change, in Dutch
Before and after change, in Hebrew

Résumé des changements

  • Disparition de l'encadrement ;
  • Disparition de la couleur de fond ;
  • Augmentation de l'espacement entre l'image et le corps du texte de l'article ;
  • Réduction de la taille du texte de la légende (de 0.875em à 0.85em) afin de permettre une meilleure distinction avec le corps de l'article ;
  • Changement de la couleur du texte de la légende (de #252525 à #555) ;
  • Disparition de l'icône d'agrandissement de l'image.


Questions fréquentes

Was there an on-wiki discussion about this change?
Yes, this was discussed at length during the mw:Typography Refresh discussion (1, 2, 3 and 4) but a decision was made to implement the change separately from the Typography Refresh BetaFeature graduating, in order to have additional testing.[2]
Le changement affecte-t-il les infobox ?
Non. Les infobox n'utilisent pas le paramètre thumb (ou vignette). Seules les images paramétrées avec thumb seront affectées.
Cela va-t-il affecter les fichiers audio ou vidéo ?
Seuls les fichiers audio et vidéo utilisant le paramètre thumb seront affectés.
Cela va-t-il concerner tous les habillages ?
Non, seul l'habillage par défaut (Vector) est concerné.
What happens to articles with in-line styles on images?
In-line styles will not be overridden. We recommend editors remove in-line styles where they are present for consistency and compatibility purposes. Where appropriate, switch to m:Template:Multiple image which will update to reflect the new thumbnail styling.
Comment conserver l'ancienne présentation ?
L'utilisation du code ci-dessous permet de revenir à un ancien affichage.
.thumb {
    border: 1px solid #ccc;
    padding: 3px !important;
    background-color: #f9f9f9 !important;
    text-align: center;
    overflow: hidden;
.thumbcaption {
    color: #252525 !important;
Where can I review the code for this change?
The related patch is Gerrit change 133301
Where can I try this out right now?
The Beta Labs test wiki has the updated thumb style, such as on this example article.

Documentation cleanup needed

Pages in documentation that will need to be cleaned up based on this change:

Plus all the other languages. (Please add, and strike when complete)


  1. w:Wikipedia:Wikipedia Signpost/2013-08-28/Technology report#Gallery improvements launch on Wikipedia
  2. Alternate browser/OS tests were conducted via in-office testing, and two distributed-testing platforms, crossbrowsertesting and browsershots. The dozens of screenshots can be seen at this dropbox.