CINXE.COM

<!DOCTYPE html> <html class="client-nojs vector-feature-language-in-header-enabled vector-feature-language-in-main-page-header-disabled vector-feature-sticky-header-disabled vector-feature-page-tools-pinned-disabled vector-feature-toc-pinned-clientpref-1 vector-feature-main-menu-pinned-disabled vector-feature-limited-width-clientpref-1 vector-feature-limited-width-content-enabled vector-feature-custom-font-size-clientpref-1 vector-feature-appearance-pinned-clientpref-1 vector-feature-night-mode-enabled skin-theme-clientpref-day vector-toc-available" lang="fr" dir="ltr"> <head> <meta charset="UTF-8"> <title>Wikipédia:Mise en forme des images — Wikipédia</title> <script>(function(){var className="client-js vector-feature-language-in-header-enabled vector-feature-language-in-main-page-header-disabled vector-feature-sticky-header-disabled vector-feature-page-tools-pinned-disabled vector-feature-toc-pinned-clientpref-1 vector-feature-main-menu-pinned-disabled vector-feature-limited-width-clientpref-1 vector-feature-limited-width-content-enabled vector-feature-custom-font-size-clientpref-1 vector-feature-appearance-pinned-clientpref-1 vector-feature-night-mode-enabled skin-theme-clientpref-day vector-toc-available";var cookie=document.cookie.match(/(?:^|; )frwikimwclientpreferences=([^;]+)/);if(cookie){cookie[1].split('%2C').forEach(function(pref){className=className.replace(new RegExp('(^| )'+pref.replace(/-clientpref-\w+$|[^\w-]+/g,'')+'-clientpref-\\w+( |$)'),'$1'+pref+'$2');});}document.documentElement.className=className;}());RLCONF={"wgBreakFrames":false,"wgSeparatorTransformTable":[",\t."," \t,"],"wgDigitTransformTable":["",""], "wgDefaultDateFormat":"dmy","wgMonthNames":["","janvier","février","mars","avril","mai","juin","juillet","août","septembre","octobre","novembre","décembre"],"wgRequestId":"8eb54482-125b-4de6-8ed6-d6d61243f266","wgCanonicalNamespace":"Project","wgCanonicalSpecialPageName":false,"wgNamespaceNumber":4,"wgPageName":"Wikipédia:Mise_en_forme_des_images","wgTitle":"Mise en forme des images","wgCurRevisionId":205929341,"wgRevisionId":205929341,"wgArticleId":3059580,"wgIsArticle":true,"wgIsRedirect":false,"wgAction":"view","wgUserName":null,"wgUserGroups":["*"],"wgCategories":["Wikipédia:Recommandation","Aide:Image"],"wgPageViewLanguage":"fr","wgPageContentLanguage":"fr","wgPageContentModel":"wikitext","wgRelevantPageName":"Wikipédia:Mise_en_forme_des_images","wgRelevantArticleId":3059580,"wgIsProbablyEditable":true,"wgRelevantPageIsProbablyEditable":true,"wgRestrictionEdit":[],"wgRestrictionMove":[],"wgNoticeProject":"wikipedia","wgCiteReferencePreviewsActive":true,"wgMediaViewerOnClick" :true,"wgMediaViewerEnabledByDefault":true,"wgPopupsFlags":0,"wgVisualEditor":{"pageLanguageCode":"fr","pageLanguageDir":"ltr","pageVariantFallbacks":"fr"},"wgMFDisplayWikibaseDescriptions":{"search":true,"watchlist":true,"tagline":true,"nearby":true},"wgWMESchemaEditAttemptStepOversample":false,"wgWMEPageLength":30000,"wgRelatedArticlesCompat":[],"wgCentralAuthMobileDomain":false,"wgEditSubmitButtonLabelPublish":true,"wgDiscussionToolsFeaturesEnabled":{"replytool":true,"newtopictool":true,"sourcemodetoolbar":true,"topicsubscription":false,"autotopicsub":false,"visualenhancements":false,"visualenhancements_reply":false,"visualenhancements_pageframe":false},"wgDiscussionToolsFallbackEditMode":"visual","wgULSPosition":"interlanguage","wgULSisCompactLinksEnabled":false,"wgVector2022LanguageInHeader":true,"wgULSisLanguageSelectorEmpty":false,"wgCheckUserClientHintsHeadersJsApi":["brands","architecture","bitness","fullVersionList","mobile","model","platform","platformVersion"], "GEHomepageSuggestedEditsEnableTopics":true,"wgGETopicsMatchModeEnabled":false,"wgGEStructuredTaskRejectionReasonTextInputEnabled":false,"wgGELevelingUpEnabledForUser":false};RLSTATE={"ext.globalCssJs.user.styles":"ready","site.styles":"ready","user.styles":"ready","ext.globalCssJs.user":"ready","user":"ready","user.options":"loading","ext.cite.styles":"ready","mediawiki.page.gallery.styles":"ready","ext.discussionTools.init.styles":"ready","oojs-ui-core.styles":"ready","oojs-ui.styles.indicators":"ready","mediawiki.widgets.styles":"ready","oojs-ui-core.icons":"ready","skins.vector.search.codex.styles":"ready","skins.vector.styles":"ready","skins.vector.icons":"ready","ext.wikimediamessages.styles":"ready","ext.visualEditor.desktopArticleTarget.noscript":"ready","ext.uls.interlanguage":"ready","wikibase.client.init":"ready","ext.wikimediaBadges":"ready"};RLPAGEMODULES=["ext.cite.ux-enhancements","mediawiki.page.media","site","mediawiki.page.ready","mediawiki.toc","skins.vector.js", "ext.centralNotice.geoIP","ext.centralNotice.startUp","ext.gadget.ArchiveLinks","ext.gadget.Wdsearch","ext.urlShortener.toolbar","ext.centralauth.centralautologin","mmv.bootstrap","ext.popups","ext.visualEditor.desktopArticleTarget.init","ext.visualEditor.targetLoader","ext.echo.centralauth","ext.discussionTools.init","ext.eventLogging","ext.wikimediaEvents","ext.navigationTiming","ext.uls.interface","ext.cx.eventlogging.campaigns","ext.checkUser.clientHints"];</script> <script>(RLQ=window.RLQ||[]).push(function(){mw.loader.impl(function(){return["user.options@12s5i",function($,jQuery,require,module){mw.user.tokens.set({"patrolToken":"+\\","watchToken":"+\\","csrfToken":"+\\"}); }];});});</script> <link rel="stylesheet" href="/w/load.php?lang=fr&modules=ext.cite.styles%7Cext.discussionTools.init.styles%7Cext.uls.interlanguage%7Cext.visualEditor.desktopArticleTarget.noscript%7Cext.wikimediaBadges%7Cext.wikimediamessages.styles%7Cmediawiki.page.gallery.styles%7Cmediawiki.widgets.styles%7Coojs-ui-core.icons%2Cstyles%7Coojs-ui.styles.indicators%7Cskins.vector.icons%2Cstyles%7Cskins.vector.search.codex.styles%7Cwikibase.client.init&only=styles&skin=vector-2022"> <script async="" src="/w/load.php?lang=fr&modules=startup&only=scripts&raw=1&skin=vector-2022"></script> <meta name="ResourceLoaderDynamicStyles" content=""> <link rel="stylesheet" href="/w/load.php?lang=fr&modules=site.styles&only=styles&skin=vector-2022"> <meta name="generator" content="MediaWiki 1.44.0-wmf.4"> <meta name="referrer" content="origin"> <meta name="referrer" content="origin-when-cross-origin"> <meta name="robots" content="max-image-preview:standard"> <meta name="format-detection" content="telephone=no"> <meta name="viewport" content="width=1120"> <meta property="og:title" content="Wikipédia:Mise en forme des images — Wikipédia"> <meta property="og:type" content="website"> <link rel="preconnect" href="//upload.wikimedia.org"> <link rel="alternate" media="only screen and (max-width: 640px)" href="//fr.m.wikipedia.org/wiki/Wikip%C3%A9dia:Mise_en_forme_des_images"> <link rel="alternate" type="application/x-wiki" title="Modifier" href="/w/index.php?title=Wikip%C3%A9dia:Mise_en_forme_des_images&action=edit"> <link rel="apple-touch-icon" href="/static/apple-touch/wikipedia.png"> <link rel="icon" href="/static/favicon/wikipedia.ico"> <link rel="search" type="application/opensearchdescription+xml" href="/w/rest.php/v1/search" title="Wikipédia (fr)"> <link rel="EditURI" type="application/rsd+xml" href="//fr.wikipedia.org/w/api.php?action=rsd"> <link rel="canonical" href="https://fr.wikipedia.org/wiki/Wikip%C3%A9dia:Mise_en_forme_des_images"> <link rel="license" href="https://creativecommons.org/licenses/by-sa/4.0/deed.fr"> <link rel="alternate" type="application/atom+xml" title="Flux Atom de Wikipédia" href="/w/index.php?title=Sp%C3%A9cial:Modifications_r%C3%A9centes&feed=atom"> <link rel="dns-prefetch" href="//meta.wikimedia.org" /> <link rel="dns-prefetch" href="//login.wikimedia.org"> </head> <body class="ext-discussiontools-replytool-enabled ext-discussiontools-newtopictool-enabled ext-discussiontools-sourcemodetoolbar-enabled skin--responsive skin-vector skin-vector-search-vue mediawiki ltr sitedir-ltr mw-hide-empty-elt ns-4 ns-subject mw-editable page-Wikipédia_Mise_en_forme_des_images rootpage-Wikipédia_Mise_en_forme_des_images skin-vector-2022 action-view"><a class="mw-jump-link" href="#bodyContent">Aller au contenu</a> <div class="vector-header-container"> <header class="vector-header mw-header"> <div class="vector-header-start"> <nav class="vector-main-menu-landmark" aria-label="Site"> <div id="vector-main-menu-dropdown" class="vector-dropdown vector-main-menu-dropdown vector-button-flush-left vector-button-flush-right" > <input type="checkbox" id="vector-main-menu-dropdown-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-main-menu-dropdown" class="vector-dropdown-checkbox " aria-label="Menu principal" > <label id="vector-main-menu-dropdown-label" for="vector-main-menu-dropdown-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only " aria-hidden="true" ><span class="vector-icon mw-ui-icon-menu mw-ui-icon-wikimedia-menu"></span> <span class="vector-dropdown-label-text">Menu principal</span> </label> <div class="vector-dropdown-content"> <div id="vector-main-menu-unpinned-container" class="vector-unpinned-container"> <div id="vector-main-menu" class="vector-main-menu vector-pinnable-element"> <div class="vector-pinnable-header vector-main-menu-pinnable-header vector-pinnable-header-unpinned" data-feature-name="main-menu-pinned" data-pinnable-element-id="vector-main-menu" data-pinned-container-id="vector-main-menu-pinned-container" data-unpinned-container-id="vector-main-menu-unpinned-container" > <div class="vector-pinnable-header-label">Menu principal</div> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-pin-button" data-event-name="pinnable-header.vector-main-menu.pin">déplacer vers la barre latérale</button> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-unpin-button" data-event-name="pinnable-header.vector-main-menu.unpin">masquer</button> </div> <div id="p-navigation" class="vector-menu mw-portlet mw-portlet-navigation" > <div class="vector-menu-heading"> Navigation </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="n-mainpage-description" class="mw-list-item"><a href="/wiki/Wikip%C3%A9dia:Accueil_principal" title="Accueil général [z]" accesskey="z"><span>Accueil</span></a></li><li id="n-thema" class="mw-list-item"><a href="/wiki/Portail:Accueil"><span>Portails thématiques</span></a></li><li id="n-randompage" class="mw-list-item"><a href="/wiki/Sp%C3%A9cial:Page_au_hasard" title="Affiche un article au hasard [x]" accesskey="x"><span>Article au hasard</span></a></li><li id="n-contact" class="mw-list-item"><a href="/wiki/Wikip%C3%A9dia:Contact"><span>Contact</span></a></li> </ul> </div> </div> <div id="p-Contribuer" class="vector-menu mw-portlet mw-portlet-Contribuer" > <div class="vector-menu-heading"> Contribuer </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="n-aboutwp" class="mw-list-item"><a href="/wiki/Aide:D%C3%A9buter"><span>Débuter sur Wikipédia</span></a></li><li id="n-help" class="mw-list-item"><a href="/wiki/Aide:Accueil" title="Accès à l’aide"><span>Aide</span></a></li><li id="n-portal" class="mw-list-item"><a href="/wiki/Wikip%C3%A9dia:Accueil_de_la_communaut%C3%A9" title="À propos du projet, ce que vous pouvez faire, où trouver les informations"><span>Communauté</span></a></li><li id="n-recentchanges" class="mw-list-item"><a href="/wiki/Sp%C3%A9cial:Modifications_r%C3%A9centes" title="Liste des modifications récentes sur le wiki [r]" accesskey="r"><span>Modifications récentes</span></a></li> </ul> </div> </div> </div> </div> </div> </div> </nav> <a href="/wiki/Wikip%C3%A9dia:Accueil_principal" class="mw-logo"> <img class="mw-logo-icon" src="/static/images/icons/wikipedia.png" alt="" aria-hidden="true" height="50" width="50"> <span class="mw-logo-container skin-invert"> <img class="mw-logo-wordmark" alt="Wikipédia" src="/static/images/mobile/copyright/wikipedia-wordmark-fr.svg" style="width: 7.4375em; height: 1.125em;"> <img class="mw-logo-tagline" alt="l'encyclopédie libre" src="/static/images/mobile/copyright/wikipedia-tagline-fr.svg" width="120" height="13" style="width: 7.5em; height: 0.8125em;"> </span> </a> </div> <div class="vector-header-end"> <div id="p-search" role="search" class="vector-search-box-vue vector-search-box-collapses vector-search-box-show-thumbnail vector-search-box-auto-expand-width vector-search-box"> <a href="/wiki/Sp%C3%A9cial:Recherche" class="cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only search-toggle" title="Rechercher sur Wikipédia [f]" accesskey="f"><span class="vector-icon mw-ui-icon-search mw-ui-icon-wikimedia-search"></span> <span>Rechercher</span> </a> <div class="vector-typeahead-search-container"> <div class="cdx-typeahead-search cdx-typeahead-search--show-thumbnail cdx-typeahead-search--auto-expand-width"> <form action="/w/index.php" id="searchform" class="cdx-search-input cdx-search-input--has-end-button"> <div id="simpleSearch" class="cdx-search-input__input-wrapper" data-search-loc="header-moved"> <div class="cdx-text-input cdx-text-input--has-start-icon"> <input class="cdx-text-input__input" type="search" name="search" placeholder="Rechercher sur Wikipédia" aria-label="Rechercher sur Wikipédia" autocapitalize="sentences" title="Rechercher sur Wikipédia [f]" accesskey="f" id="searchInput" > <span class="cdx-text-input__icon cdx-text-input__start-icon"></span> </div> <input type="hidden" name="title" value="Spécial:Recherche"> </div> <button class="cdx-button cdx-search-input__end-button">Rechercher</button> </form> </div> </div> </div> <nav class="vector-user-links vector-user-links-wide" aria-label="Outils personnels"> <div class="vector-user-links-main"> <div id="p-vector-user-menu-preferences" class="vector-menu mw-portlet emptyPortlet" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> </ul> </div> </div> <div id="p-vector-user-menu-userpage" class="vector-menu mw-portlet emptyPortlet" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> </ul> </div> </div> <nav class="vector-appearance-landmark" aria-label="Apparence"> <div id="vector-appearance-dropdown" class="vector-dropdown " title="Modifier l'apparence de la taille, de la largeur et de la couleur de la police de la page" > <input type="checkbox" id="vector-appearance-dropdown-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-appearance-dropdown" class="vector-dropdown-checkbox " aria-label="Apparence" > <label id="vector-appearance-dropdown-label" for="vector-appearance-dropdown-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only " aria-hidden="true" ><span class="vector-icon mw-ui-icon-appearance mw-ui-icon-wikimedia-appearance"></span> <span class="vector-dropdown-label-text">Apparence</span> </label> <div class="vector-dropdown-content"> <div id="vector-appearance-unpinned-container" class="vector-unpinned-container"> </div> </div> </div> </nav> <div id="p-vector-user-menu-notifications" class="vector-menu mw-portlet emptyPortlet" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> </ul> </div> </div> <div id="p-vector-user-menu-overflow" class="vector-menu mw-portlet" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="pt-sitesupport-2" class="user-links-collapsible-item mw-list-item user-links-collapsible-item"><a data-mw="interface" href="//donate.wikimedia.org/wiki/Special:FundraiserRedirector?utm_source=donate&utm_medium=sidebar&utm_campaign=C13_fr.wikipedia.org&uselang=fr" class=""><span>Faire un don</span></a> </li> <li id="pt-createaccount-2" class="user-links-collapsible-item mw-list-item user-links-collapsible-item"><a data-mw="interface" href="/w/index.php?title=Sp%C3%A9cial:Cr%C3%A9er_un_compte&returnto=Wikip%C3%A9dia%3AMise+en+forme+des+images" title="Nous vous encourageons à créer un compte utilisateur et vous connecter ; ce n’est cependant pas obligatoire." class=""><span>Créer un compte</span></a> </li> <li id="pt-login-2" class="user-links-collapsible-item mw-list-item user-links-collapsible-item"><a data-mw="interface" href="/w/index.php?title=Sp%C3%A9cial:Connexion&returnto=Wikip%C3%A9dia%3AMise+en+forme+des+images" title="Nous vous encourageons à vous connecter ; ce n’est cependant pas obligatoire. [o]" accesskey="o" class=""><span>Se connecter</span></a> </li> </ul> </div> </div> </div> <div id="vector-user-links-dropdown" class="vector-dropdown vector-user-menu vector-button-flush-right vector-user-menu-logged-out" title="Plus d’options" > <input type="checkbox" id="vector-user-links-dropdown-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-user-links-dropdown" class="vector-dropdown-checkbox " aria-label="Outils personnels" > <label id="vector-user-links-dropdown-label" for="vector-user-links-dropdown-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only " aria-hidden="true" ><span class="vector-icon mw-ui-icon-ellipsis mw-ui-icon-wikimedia-ellipsis"></span> <span class="vector-dropdown-label-text">Outils personnels</span> </label> <div class="vector-dropdown-content"> <div id="p-personal" class="vector-menu mw-portlet mw-portlet-personal user-links-collapsible-item" title="Menu utilisateur" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="pt-sitesupport" class="user-links-collapsible-item mw-list-item"><a href="//donate.wikimedia.org/wiki/Special:FundraiserRedirector?utm_source=donate&utm_medium=sidebar&utm_campaign=C13_fr.wikipedia.org&uselang=fr"><span>Faire un don</span></a></li><li id="pt-createaccount" class="user-links-collapsible-item mw-list-item"><a href="/w/index.php?title=Sp%C3%A9cial:Cr%C3%A9er_un_compte&returnto=Wikip%C3%A9dia%3AMise+en+forme+des+images" title="Nous vous encourageons à créer un compte utilisateur et vous connecter ; ce n’est cependant pas obligatoire."><span class="vector-icon mw-ui-icon-userAdd mw-ui-icon-wikimedia-userAdd"></span> <span>Créer un compte</span></a></li><li id="pt-login" class="user-links-collapsible-item mw-list-item"><a href="/w/index.php?title=Sp%C3%A9cial:Connexion&returnto=Wikip%C3%A9dia%3AMise+en+forme+des+images" title="Nous vous encourageons à vous connecter ; ce n’est cependant pas obligatoire. [o]" accesskey="o"><span class="vector-icon mw-ui-icon-logIn mw-ui-icon-wikimedia-logIn"></span> <span>Se connecter</span></a></li> </ul> </div> </div> <div id="p-user-menu-anon-editor" class="vector-menu mw-portlet mw-portlet-user-menu-anon-editor" > <div class="vector-menu-heading"> Pages pour les contributeurs déconnectés <a href="/wiki/Aide:Premiers_pas" aria-label="En savoir plus sur la contribution"><span>en savoir plus</span></a> </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="pt-anoncontribs" class="mw-list-item"><a href="/wiki/Sp%C3%A9cial:Mes_contributions" title="Une liste des modifications effectuées depuis cette adresse IP [y]" accesskey="y"><span>Contributions</span></a></li><li id="pt-anontalk" class="mw-list-item"><a href="/wiki/Sp%C3%A9cial:Mes_discussions" title="La page de discussion pour les contributions depuis cette adresse IP [n]" accesskey="n"><span>Discussion</span></a></li> </ul> </div> </div> </div> </div> </nav> </div> </header> </div> <div class="mw-page-container"> <div class="mw-page-container-inner"> <div class="vector-sitenotice-container"> <div id="siteNotice"></div> </div> <div class="vector-column-start"> <div class="vector-main-menu-container"> <div id="mw-navigation"> <nav id="mw-panel" class="vector-main-menu-landmark" aria-label="Site"> <div id="vector-main-menu-pinned-container" class="vector-pinned-container"> </div> </nav> </div> </div> <div class="vector-sticky-pinned-container"> <nav id="mw-panel-toc" aria-label="Sommaire" data-event-name="ui.sidebar-toc" class="mw-table-of-contents-container vector-toc-landmark"> <div id="vector-toc-pinned-container" class="vector-pinned-container"> <div id="vector-toc" class="vector-toc vector-pinnable-element"> <div class="vector-pinnable-header vector-toc-pinnable-header vector-pinnable-header-pinned" data-feature-name="toc-pinned" data-pinnable-element-id="vector-toc" > <h2 class="vector-pinnable-header-label">Sommaire</h2> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-pin-button" data-event-name="pinnable-header.vector-toc.pin">déplacer vers la barre latérale</button> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-unpin-button" data-event-name="pinnable-header.vector-toc.unpin">masquer</button> </div> <ul class="vector-toc-contents" id="mw-panel-toc-list"> <li id="toc-mw-content-text" class="vector-toc-list-item vector-toc-level-1"> <a href="#" class="vector-toc-link"> <div class="vector-toc-text">Début</div> </a> </li> <li id="toc-Principe_de_base" class="vector-toc-list-item vector-toc-level-1 vector-toc-list-item-expanded"> <a class="vector-toc-link" href="#Principe_de_base"> <div class="vector-toc-text"> <span class="vector-toc-numb">1</span> <span>Principe de base</span> </div> </a> <ul id="toc-Principe_de_base-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Recommandations_sur_la_mise_en_forme" class="vector-toc-list-item vector-toc-level-1 vector-toc-list-item-expanded"> <a class="vector-toc-link" href="#Recommandations_sur_la_mise_en_forme"> <div class="vector-toc-text"> <span class="vector-toc-numb">2</span> <span>Recommandations sur la mise en forme</span> </div> </a> <button aria-controls="toc-Recommandations_sur_la_mise_en_forme-sublist" class="cdx-button cdx-button--weight-quiet cdx-button--icon-only vector-toc-toggle"> <span class="vector-icon mw-ui-icon-wikimedia-expand"></span> <span>Afficher / masquer la sous-section Recommandations sur la mise en forme</span> </button> <ul id="toc-Recommandations_sur_la_mise_en_forme-sublist" class="vector-toc-list"> <li id="toc-Commons" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#Commons"> <div class="vector-toc-text"> <span class="vector-toc-numb">2.1</span> <span>Commons</span> </div> </a> <ul id="toc-Commons-sublist" class="vector-toc-list"> </ul> </li> </ul> </li> <li id="toc-Les_vignettes" class="vector-toc-list-item vector-toc-level-1 vector-toc-list-item-expanded"> <a class="vector-toc-link" href="#Les_vignettes"> <div class="vector-toc-text"> <span class="vector-toc-numb">3</span> <span>Les vignettes</span> </div> </a> <button aria-controls="toc-Les_vignettes-sublist" class="cdx-button cdx-button--weight-quiet cdx-button--icon-only vector-toc-toggle"> <span class="vector-icon mw-ui-icon-wikimedia-expand"></span> <span>Afficher / masquer la sous-section Les vignettes</span> </button> <ul id="toc-Les_vignettes-sublist" class="vector-toc-list"> <li id="toc-Bien_utiliser_les_légendes_avec_vignette" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#Bien_utiliser_les_légendes_avec_vignette"> <div class="vector-toc-text"> <span class="vector-toc-numb">3.1</span> <span>Bien utiliser les légendes avec vignette</span> </div> </a> <ul id="toc-Bien_utiliser_les_légendes_avec_vignette-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Cas_particuliers_:_vignette_associé_à_upright_(ou_redresse)" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#Cas_particuliers_:_vignette_associé_à_upright_(ou_redresse)"> <div class="vector-toc-text"> <span class="vector-toc-numb">3.2</span> <span>Cas particuliers : vignette associé à upright (ou redresse)</span> </div> </a> <ul id="toc-Cas_particuliers_:_vignette_associé_à_upright_(ou_redresse)-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Images_verticales" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#Images_verticales"> <div class="vector-toc-text"> <span class="vector-toc-numb">3.3</span> <span>Images verticales</span> </div> </a> <ul id="toc-Images_verticales-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Éviter_les_empilements" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#Éviter_les_empilements"> <div class="vector-toc-text"> <span class="vector-toc-numb">3.4</span> <span>Éviter les empilements</span> </div> </a> <ul id="toc-Éviter_les_empilements-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Images_dont_le_ratio_n'est_pas_proche_d'une_photographie_normale" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#Images_dont_le_ratio_n'est_pas_proche_d'une_photographie_normale"> <div class="vector-toc-text"> <span class="vector-toc-numb">3.5</span> <span>Images dont le ratio n'est pas proche d'une photographie normale</span> </div> </a> <ul id="toc-Images_dont_le_ratio_n'est_pas_proche_d'une_photographie_normale-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Panoramas" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#Panoramas"> <div class="vector-toc-text"> <span class="vector-toc-numb">3.6</span> <span>Panoramas</span> </div> </a> <ul id="toc-Panoramas-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Mise_en_avant_d'une_image_importante_dans_le_cadre_de_l'article" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#Mise_en_avant_d'une_image_importante_dans_le_cadre_de_l'article"> <div class="vector-toc-text"> <span class="vector-toc-numb">3.7</span> <span>Mise en avant d'une image importante dans le cadre de l'article</span> </div> </a> <ul id="toc-Mise_en_avant_d'une_image_importante_dans_le_cadre_de_l'article-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Schémas_avec_taille_fixe" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#Schémas_avec_taille_fixe"> <div class="vector-toc-text"> <span class="vector-toc-numb">3.8</span> <span>Schémas avec taille fixe</span> </div> </a> <ul id="toc-Schémas_avec_taille_fixe-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Balise_gallery_et_modèle_Animation" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#Balise_gallery_et_modèle_Animation"> <div class="vector-toc-text"> <span class="vector-toc-numb">3.9</span> <span>Balise gallery et modèle Animation</span> </div> </a> <ul id="toc-Balise_gallery_et_modèle_Animation-sublist" class="vector-toc-list"> <li id="toc-Les_paramètres" class="vector-toc-list-item vector-toc-level-3"> <a class="vector-toc-link" href="#Les_paramètres"> <div class="vector-toc-text"> <span class="vector-toc-numb">3.9.1</span> <span>Les paramètres</span> </div> </a> <ul id="toc-Les_paramètres-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Modèle_Animation" class="vector-toc-list-item vector-toc-level-3"> <a class="vector-toc-link" href="#Modèle_Animation"> <div class="vector-toc-text"> <span class="vector-toc-numb">3.9.2</span> <span>Modèle Animation</span> </div> </a> <ul id="toc-Modèle_Animation-sublist" class="vector-toc-list"> </ul> </li> </ul> </li> <li id="toc-Accessibilité" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#Accessibilité"> <div class="vector-toc-text"> <span class="vector-toc-numb">3.10</span> <span>Accessibilité</span> </div> </a> <ul id="toc-Accessibilité-sublist" class="vector-toc-list"> </ul> </li> </ul> </li> <li id="toc-Exemples_pratiques" class="vector-toc-list-item vector-toc-level-1 vector-toc-list-item-expanded"> <a class="vector-toc-link" href="#Exemples_pratiques"> <div class="vector-toc-text"> <span class="vector-toc-numb">4</span> <span>Exemples pratiques</span> </div> </a> <button aria-controls="toc-Exemples_pratiques-sublist" class="cdx-button cdx-button--weight-quiet cdx-button--icon-only vector-toc-toggle"> <span class="vector-icon mw-ui-icon-wikimedia-expand"></span> <span>Afficher / masquer la sous-section Exemples pratiques</span> </button> <ul id="toc-Exemples_pratiques-sublist" class="vector-toc-list"> <li id="toc-Vitesse_de_connexion" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#Vitesse_de_connexion"> <div class="vector-toc-text"> <span class="vector-toc-numb">4.1</span> <span>Vitesse de connexion</span> </div> </a> <ul id="toc-Vitesse_de_connexion-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Largeur_d'affichage" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#Largeur_d'affichage"> <div class="vector-toc-text"> <span class="vector-toc-numb">4.2</span> <span>Largeur d'affichage</span> </div> </a> <ul id="toc-Largeur_d'affichage-sublist" class="vector-toc-list"> <li id="toc-Rendu_en_imposant_les_tailles" class="vector-toc-list-item vector-toc-level-3"> <a class="vector-toc-link" href="#Rendu_en_imposant_les_tailles"> <div class="vector-toc-text"> <span class="vector-toc-numb">4.2.1</span> <span>Rendu en imposant les tailles</span> </div> </a> <ul id="toc-Rendu_en_imposant_les_tailles-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Rendu_en_utilisant_les_vignettes_standard_(vignette)_+_pourcentage_de_taille_(upright)" class="vector-toc-list-item vector-toc-level-3"> <a class="vector-toc-link" href="#Rendu_en_utilisant_les_vignettes_standard_(vignette)_+_pourcentage_de_taille_(upright)"> <div class="vector-toc-text"> <span class="vector-toc-numb">4.2.2</span> <span>Rendu en utilisant les vignettes standard (vignette) + pourcentage de taille (upright)</span> </div> </a> <ul id="toc-Rendu_en_utilisant_les_vignettes_standard_(vignette)_+_pourcentage_de_taille_(upright)-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Rendu_en_utilisant_les_vignettes_standard_(vignette)" class="vector-toc-list-item vector-toc-level-3"> <a class="vector-toc-link" href="#Rendu_en_utilisant_les_vignettes_standard_(vignette)"> <div class="vector-toc-text"> <span class="vector-toc-numb">4.2.3</span> <span>Rendu en utilisant les vignettes standard (vignette)</span> </div> </a> <ul id="toc-Rendu_en_utilisant_les_vignettes_standard_(vignette)-sublist" class="vector-toc-list"> </ul> </li> </ul> </li> </ul> </li> <li id="toc-Articles_connexes" class="vector-toc-list-item vector-toc-level-1 vector-toc-list-item-expanded"> <a class="vector-toc-link" href="#Articles_connexes"> <div class="vector-toc-text"> <span class="vector-toc-numb">5</span> <span>Articles connexes</span> </div> </a> <ul id="toc-Articles_connexes-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Notes_et_références" class="vector-toc-list-item vector-toc-level-1 vector-toc-list-item-expanded"> <a class="vector-toc-link" href="#Notes_et_références"> <div class="vector-toc-text"> <span class="vector-toc-numb">6</span> <span>Notes et références</span> </div> </a> <ul id="toc-Notes_et_références-sublist" class="vector-toc-list"> </ul> </li> </ul> </div> </div> </nav> </div> </div> <div class="mw-content-container"> <main id="content" class="mw-body"> <header class="mw-body-header vector-page-titlebar"> <nav aria-label="Sommaire" class="vector-toc-landmark"> <div id="vector-page-titlebar-toc" class="vector-dropdown vector-page-titlebar-toc vector-button-flush-left" > <input type="checkbox" id="vector-page-titlebar-toc-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-page-titlebar-toc" class="vector-dropdown-checkbox " aria-label="Basculer la table des matières" > <label id="vector-page-titlebar-toc-label" for="vector-page-titlebar-toc-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only " aria-hidden="true" ><span class="vector-icon mw-ui-icon-listBullet mw-ui-icon-wikimedia-listBullet"></span> <span class="vector-dropdown-label-text">Basculer la table des matières</span> </label> <div class="vector-dropdown-content"> <div id="vector-page-titlebar-toc-unpinned-container" class="vector-unpinned-container"> </div> </div> </div> </nav> <h1 id="firstHeading" class="firstHeading mw-first-heading"><span class="mw-page-title-namespace">Wikipédia</span><span class="mw-page-title-separator">:</span><span class="mw-page-title-main">Mise en forme des images</span></h1> <div id="p-lang-btn" class="vector-dropdown mw-portlet mw-portlet-lang" > <input type="checkbox" id="p-lang-btn-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-p-lang-btn" class="vector-dropdown-checkbox mw-interlanguage-selector" aria-label="Aller à un article dans une autre langue. Disponible en 13 langues." > <label id="p-lang-btn-label" for="p-lang-btn-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--action-progressive mw-portlet-lang-heading-13" aria-hidden="true" ><span class="vector-icon mw-ui-icon-language-progressive mw-ui-icon-wikimedia-language-progressive"></span> <span class="vector-dropdown-label-text">13 langues</span> </label> <div class="vector-dropdown-content"> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li class="interlanguage-link interwiki-af mw-list-item"><a href="https://af.wikipedia.org/wiki/Wikipedia:Beelde" title="Wikipedia:Beelde – afrikaans" lang="af" hreflang="af" data-title="Wikipedia:Beelde" data-language-autonym="Afrikaans" data-language-local-name="afrikaans" class="interlanguage-link-target"><span>Afrikaans</span></a></li><li class="interlanguage-link interwiki-bg mw-list-item"><a href="https://bg.wikipedia.org/wiki/%D0%A3%D0%B8%D0%BA%D0%B8%D0%BF%D0%B5%D0%B4%D0%B8%D1%8F:%D0%9A%D0%B0%D1%80%D1%82%D0%B8%D0%BD%D0%BA%D0%B8" title="Уикипедия:Картинки – bulgare" lang="bg" hreflang="bg" data-title="Уикипедия:Картинки" data-language-autonym="Български" data-language-local-name="bulgare" class="interlanguage-link-target"><span>Български</span></a></li><li class="interlanguage-link interwiki-bs mw-list-item"><a href="https://bs.wikipedia.org/wiki/Wikipedia:Slike" title="Wikipedia:Slike – bosniaque" lang="bs" hreflang="bs" data-title="Wikipedia:Slike" data-language-autonym="Bosanski" data-language-local-name="bosniaque" class="interlanguage-link-target"><span>Bosanski</span></a></li><li class="interlanguage-link interwiki-de mw-list-item"><a href="https://de.wikipedia.org/wiki/Wikipedia:Bilder" title="Wikipedia:Bilder – allemand" lang="de" hreflang="de" data-title="Wikipedia:Bilder" data-language-autonym="Deutsch" data-language-local-name="allemand" class="interlanguage-link-target"><span>Deutsch</span></a></li><li class="interlanguage-link interwiki-en mw-list-item"><a href="https://en.wikipedia.org/wiki/Wikipedia:Picture_tutorial" title="Wikipedia:Picture tutorial – anglais" lang="en" hreflang="en" data-title="Wikipedia:Picture tutorial" data-language-autonym="English" data-language-local-name="anglais" class="interlanguage-link-target"><span>English</span></a></li><li class="interlanguage-link interwiki-hr mw-list-item"><a href="https://hr.wikipedia.org/wiki/Wikipedija:Slike" title="Wikipedija:Slike – croate" lang="hr" hreflang="hr" data-title="Wikipedija:Slike" data-language-autonym="Hrvatski" data-language-local-name="croate" class="interlanguage-link-target"><span>Hrvatski</span></a></li><li class="interlanguage-link interwiki-id mw-list-item"><a href="https://id.wikipedia.org/wiki/Wikipedia:Berkas" title="Wikipedia:Berkas – indonésien" lang="id" hreflang="id" data-title="Wikipedia:Berkas" data-language-autonym="Bahasa Indonesia" data-language-local-name="indonésien" class="interlanguage-link-target"><span>Bahasa Indonesia</span></a></li><li class="interlanguage-link interwiki-ja mw-list-item"><a href="https://ja.wikipedia.org/wiki/Wikipedia:%E7%94%BB%E5%83%8F%E3%81%AA%E3%81%A9%E3%81%AE%E3%82%A2%E3%83%83%E3%83%97%E3%83%AD%E3%83%BC%E3%83%89%E3%81%95%E3%82%8C%E3%81%9F%E3%83%95%E3%82%A1%E3%82%A4%E3%83%AB" title="Wikipedia:画像などのアップロードされたファイル – japonais" lang="ja" hreflang="ja" data-title="Wikipedia:画像などのアップロードされたファイル" data-language-autonym="日本語" data-language-local-name="japonais" class="interlanguage-link-target"><span>日本語</span></a></li><li class="interlanguage-link interwiki-ro mw-list-item"><a href="https://ro.wikipedia.org/wiki/Wikipedia:Imagini" title="Wikipedia:Imagini – roumain" lang="ro" hreflang="ro" data-title="Wikipedia:Imagini" data-language-autonym="Română" data-language-local-name="roumain" class="interlanguage-link-target"><span>Română</span></a></li><li class="interlanguage-link interwiki-sh mw-list-item"><a href="https://sh.wikipedia.org/wiki/Wikipedia:Slike" title="Wikipedia:Slike – serbo-croate" lang="sh" hreflang="sh" data-title="Wikipedia:Slike" data-language-autonym="Srpskohrvatski / српскохрватски" data-language-local-name="serbo-croate" class="interlanguage-link-target"><span>Srpskohrvatski / српскохрватски</span></a></li><li class="interlanguage-link interwiki-sl mw-list-item"><a href="https://sl.wikipedia.org/wiki/Wikipedija:Slike" title="Wikipedija:Slike – slovène" lang="sl" hreflang="sl" data-title="Wikipedija:Slike" data-language-autonym="Slovenščina" data-language-local-name="slovène" class="interlanguage-link-target"><span>Slovenščina</span></a></li><li class="interlanguage-link interwiki-tl mw-list-item"><a href="https://tl.wikipedia.org/wiki/Wikipedia:Paglalagay_ng_mga_larawan" title="Wikipedia:Paglalagay ng mga larawan – tagalog" lang="tl" hreflang="tl" data-title="Wikipedia:Paglalagay ng mga larawan" data-language-autonym="Tagalog" data-language-local-name="tagalog" class="interlanguage-link-target"><span>Tagalog</span></a></li><li class="interlanguage-link interwiki-zh mw-list-item"><a href="https://zh.wikipedia.org/wiki/Wikipedia:%E5%9B%BE%E5%83%8F" title="Wikipedia:图像 – chinois" lang="zh" hreflang="zh" data-title="Wikipedia:图像" data-language-autonym="中文" data-language-local-name="chinois" class="interlanguage-link-target"><span>中文</span></a></li> </ul> <div class="after-portlet after-portlet-lang"><span class="wb-langlinks-add wb-langlinks-link"><a href="https://www.wikidata.org/wiki/Special:NewItem?site=frwiki&page=Wikip%C3%A9dia%3AMise+en+forme+des+images" title="Ajouter des liens interlangues" class="wbc-editpage">Ajouter des liens</a></span></div> </div> </div> </div> </header> <div class="vector-page-toolbar"> <div class="vector-page-toolbar-container"> <div id="left-navigation"> <nav aria-label="Espaces de noms"> <div id="p-associated-pages" class="vector-menu vector-menu-tabs mw-portlet mw-portlet-associated-pages" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="ca-nstab-project" class="selected vector-tab-noicon mw-list-item"><a href="/wiki/Wikip%C3%A9dia:Mise_en_forme_des_images" title="Voir la page du projet [c]" accesskey="c"><span>Page</span></a></li><li id="ca-talk" class="vector-tab-noicon mw-list-item"><a href="/wiki/Discussion_Wikip%C3%A9dia:Mise_en_forme_des_images" rel="discussion" title="Discussion au sujet de cette page de contenu [t]" accesskey="t"><span>Discussion</span></a></li> </ul> </div> </div> <div id="vector-variants-dropdown" class="vector-dropdown emptyPortlet" > <input type="checkbox" id="vector-variants-dropdown-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-variants-dropdown" class="vector-dropdown-checkbox " aria-label="Modifier la variante de langue" > <label id="vector-variants-dropdown-label" for="vector-variants-dropdown-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet" aria-hidden="true" ><span class="vector-dropdown-label-text">français</span> </label> <div class="vector-dropdown-content"> <div id="p-variants" class="vector-menu mw-portlet mw-portlet-variants emptyPortlet" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> </ul> </div> </div> </div> </div> </nav> </div> <div id="right-navigation" class="vector-collapsible"> <nav aria-label="Affichages"> <div id="p-views" class="vector-menu vector-menu-tabs mw-portlet mw-portlet-views" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="ca-view" class="selected vector-tab-noicon mw-list-item"><a href="/wiki/Wikip%C3%A9dia:Mise_en_forme_des_images"><span>Lire</span></a></li><li id="ca-edit" class="vector-tab-noicon mw-list-item"><a href="/w/index.php?title=Wikip%C3%A9dia:Mise_en_forme_des_images&action=edit" title="Modifier le wikicode de cette page [e]" accesskey="e"><span>Modifier le code</span></a></li><li id="ca-history" class="vector-tab-noicon mw-list-item"><a href="/w/index.php?title=Wikip%C3%A9dia:Mise_en_forme_des_images&action=history" title="Historique des versions de cette page [h]" accesskey="h"><span>Voir l’historique</span></a></li> </ul> </div> </div> </nav> <nav class="vector-page-tools-landmark" aria-label="Outils de la page"> <div id="vector-page-tools-dropdown" class="vector-dropdown vector-page-tools-dropdown" > <input type="checkbox" id="vector-page-tools-dropdown-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-page-tools-dropdown" class="vector-dropdown-checkbox " aria-label="Outils" > <label id="vector-page-tools-dropdown-label" for="vector-page-tools-dropdown-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet" aria-hidden="true" ><span class="vector-dropdown-label-text">Outils</span> </label> <div class="vector-dropdown-content"> <div id="vector-page-tools-unpinned-container" class="vector-unpinned-container"> <div id="vector-page-tools" class="vector-page-tools vector-pinnable-element"> <div class="vector-pinnable-header vector-page-tools-pinnable-header vector-pinnable-header-unpinned" data-feature-name="page-tools-pinned" data-pinnable-element-id="vector-page-tools" data-pinned-container-id="vector-page-tools-pinned-container" data-unpinned-container-id="vector-page-tools-unpinned-container" > <div class="vector-pinnable-header-label">Outils</div> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-pin-button" data-event-name="pinnable-header.vector-page-tools.pin">déplacer vers la barre latérale</button> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-unpin-button" data-event-name="pinnable-header.vector-page-tools.unpin">masquer</button> </div> <div id="p-cactions" class="vector-menu mw-portlet mw-portlet-cactions emptyPortlet vector-has-collapsible-items" title="Plus d’options" > <div class="vector-menu-heading"> Actions </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="ca-more-view" class="selected vector-more-collapsible-item mw-list-item"><a href="/wiki/Wikip%C3%A9dia:Mise_en_forme_des_images"><span>Lire</span></a></li><li id="ca-more-edit" class="vector-more-collapsible-item mw-list-item"><a href="/w/index.php?title=Wikip%C3%A9dia:Mise_en_forme_des_images&action=edit" title="Modifier le wikicode de cette page [e]" accesskey="e"><span>Modifier le code</span></a></li><li id="ca-more-history" class="vector-more-collapsible-item mw-list-item"><a href="/w/index.php?title=Wikip%C3%A9dia:Mise_en_forme_des_images&action=history"><span>Voir l’historique</span></a></li> </ul> </div> </div> <div id="p-tb" class="vector-menu mw-portlet mw-portlet-tb" > <div class="vector-menu-heading"> Général </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="t-whatlinkshere" class="mw-list-item"><a href="/wiki/Sp%C3%A9cial:Pages_li%C3%A9es/Wikip%C3%A9dia:Mise_en_forme_des_images" title="Liste des pages liées qui pointent sur celle-ci [j]" accesskey="j"><span>Pages liées</span></a></li><li id="t-recentchangeslinked" class="mw-list-item"><a href="/wiki/Sp%C3%A9cial:Suivi_des_liens/Wikip%C3%A9dia:Mise_en_forme_des_images" rel="nofollow" title="Liste des modifications récentes des pages appelées par celle-ci [k]" accesskey="k"><span>Suivi des pages liées</span></a></li><li id="t-upload" class="mw-list-item"><a href="/wiki/Aide:Importer_un_fichier" title="Téléverser des fichiers [u]" accesskey="u"><span>Téléverser un fichier</span></a></li><li id="t-specialpages" class="mw-list-item"><a href="/wiki/Sp%C3%A9cial:Pages_sp%C3%A9ciales" title="Liste de toutes les pages spéciales [q]" accesskey="q"><span>Pages spéciales</span></a></li><li id="t-permalink" class="mw-list-item"><a href="/w/index.php?title=Wikip%C3%A9dia:Mise_en_forme_des_images&oldid=205929341" title="Adresse permanente de cette version de cette page"><span>Lien permanent</span></a></li><li id="t-info" class="mw-list-item"><a href="/w/index.php?title=Wikip%C3%A9dia:Mise_en_forme_des_images&action=info" title="Davantage d’informations sur cette page"><span>Informations sur la page</span></a></li><li id="t-urlshortener" class="mw-list-item"><a href="/w/index.php?title=Sp%C3%A9cial:UrlShortener&url=https%3A%2F%2Ffr.wikipedia.org%2Fwiki%2FWikip%25C3%25A9dia%3AMise_en_forme_des_images"><span>Obtenir l'URL raccourcie</span></a></li><li id="t-urlshortener-qrcode" class="mw-list-item"><a href="/w/index.php?title=Sp%C3%A9cial:QrCode&url=https%3A%2F%2Ffr.wikipedia.org%2Fwiki%2FWikip%25C3%25A9dia%3AMise_en_forme_des_images"><span>Télécharger le code QR</span></a></li> </ul> </div> </div> <div id="p-coll-print_export" class="vector-menu mw-portlet mw-portlet-coll-print_export" > <div class="vector-menu-heading"> Imprimer / exporter </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="coll-create_a_book" class="mw-list-item"><a href="/w/index.php?title=Sp%C3%A9cial:Livre&bookcmd=book_creator&referer=Wikip%C3%A9dia%3AMise+en+forme+des+images"><span>Créer un livre</span></a></li><li id="coll-download-as-rl" class="mw-list-item"><a href="/w/index.php?title=Sp%C3%A9cial:DownloadAsPdf&page=Wikip%C3%A9dia%3AMise_en_forme_des_images&action=show-download-screen"><span>Télécharger comme PDF</span></a></li><li id="t-print" class="mw-list-item"><a href="/w/index.php?title=Wikip%C3%A9dia:Mise_en_forme_des_images&printable=yes" title="Version imprimable de cette page [p]" accesskey="p"><span>Version imprimable</span></a></li> </ul> </div> </div> <div id="p-wikibase-otherprojects" class="vector-menu mw-portlet mw-portlet-wikibase-otherprojects emptyPortlet" > <div class="vector-menu-heading"> Dans d’autres projets </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> </ul> </div> </div> </div> </div> </div> </div> </nav> </div> </div> </div> <div class="vector-column-end"> <div class="vector-sticky-pinned-container"> <nav class="vector-page-tools-landmark" aria-label="Outils de la page"> <div id="vector-page-tools-pinned-container" class="vector-pinned-container"> </div> </nav> <nav class="vector-appearance-landmark" aria-label="Apparence"> <div id="vector-appearance-pinned-container" class="vector-pinned-container"> <div id="vector-appearance" class="vector-appearance vector-pinnable-element"> <div class="vector-pinnable-header vector-appearance-pinnable-header vector-pinnable-header-pinned" data-feature-name="appearance-pinned" data-pinnable-element-id="vector-appearance" data-pinned-container-id="vector-appearance-pinned-container" data-unpinned-container-id="vector-appearance-unpinned-container" > <div class="vector-pinnable-header-label">Apparence</div> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-pin-button" data-event-name="pinnable-header.vector-appearance.pin">déplacer vers la barre latérale</button> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-unpin-button" data-event-name="pinnable-header.vector-appearance.unpin">masquer</button> </div> </div> </div> </nav> </div> </div> <div id="bodyContent" class="vector-body" aria-labelledby="firstHeading" data-mw-ve-target-container> <div class="vector-body-before-content"> <div class="mw-indicators"> <div id="mw-indicator-Règle-icône" class="mw-indicator"><div class="mw-parser-output"><div class="nopopups"><span class="noviewer" typeof="mw:File"><a href="//fr.wikipedia.org/wiki/Wikip%C3%A9dia:R%C3%A8gles_et_recommandations" title="Cette page fait partie des recommandations de Wikipédia."><img alt="Cette page fait partie des recommandations de Wikipédia." src="//upload.wikimedia.org/wikipedia/commons/thumb/c/cc/Blue_flat_directory_icon.svg/25px-Blue_flat_directory_icon.svg.png" decoding="async" width="25" height="21" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/c/cc/Blue_flat_directory_icon.svg/38px-Blue_flat_directory_icon.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/c/cc/Blue_flat_directory_icon.svg/50px-Blue_flat_directory_icon.svg.png 2x" data-file-width="512" data-file-height="427" /></a></span></div></div></div> </div> <div id="siteSub" class="noprint">Une page de Wikipédia, l'encyclopédie libre.</div> </div> <div id="contentSub"><div id="mw-content-subtitle"></div></div> <div id="mw-content-text" class="mw-body-content"><div class="mw-content-ltr mw-parser-output" lang="fr" dir="ltr"><div class="bandeau-container metadata bandeau-simple bandeau-niveau-information" style="margin:0.5em 10%;"><div style="display:table;width:100%"><div class="bandeau-cell bandeau-icone" style="display:table-cell;padding-right:0.5em"><span class="noviewer" typeof="mw:File"><span><img alt="" src="//upload.wikimedia.org/wikipedia/commons/thumb/2/2a/OOjs_UI_icon_check-progressive.svg/45px-OOjs_UI_icon_check-progressive.svg.png" decoding="async" width="45" height="45" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/2/2a/OOjs_UI_icon_check-progressive.svg/68px-OOjs_UI_icon_check-progressive.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/2/2a/OOjs_UI_icon_check-progressive.svg/90px-OOjs_UI_icon_check-progressive.svg.png 2x" data-file-width="20" data-file-height="20"/></span></span></div><div class="bandeau-cell" style="display:table-cell;padding-right:0.5em"> <p><b>Ce texte est considéré comme une <a href="/wiki/Wikip%C3%A9dia:R%C3%A8gles_et_recommandations" title="Wikipédia:Règles et recommandations">recommandation dans Wikipédia</a>.</b> Il décrit des exigences dont le principe et le contenu sont acceptés par un grand nombre de wikipédiens. </p><p><small style="line-height:1.4em">Vous pouvez librement modifier cette page, mais il est conseillé d'utiliser la <a href="/wiki/Discussion_Wikip%C3%A9dia:Mise_en_forme_des_images" title="Discussion Wikipédia:Mise en forme des images">page de discussion</a> pour proposer un changement majeur.</small> </p> </div><div class="bandeau-cell" style="display:table-cell;padding-right:0.5em;padding-left:1em"> <div class="boite-raccourci boite-grise noprint" style="float:right; margin:0; border-width:1px; border-style:solid; border-collapse:collapse; text-align:center;"> <div style="font-weight:bold; padding:0 5px; font-size:75%;"><a href="/wiki/Aide:Raccourcis_Wikip%C3%A9dia" title="Aide:Raccourcis Wikipédia">Raccourcis</a> <span class="plainlinks">[<a class="external text" href="https://fr.wikipedia.org/w/index.php?title=Sp%C3%A9cial:Pages_li%C3%A9es/Wikip%C3%A9dia:Mise_en_forme_des_images&hidetrans=1&hidelinks=1&hideimages=1">+</a>]</span></div> <div style="padding:5px; font-size:90%; line-height:140%"><a href="/wiki/Wikip%C3%A9dia:IMG" class="mw-redirect" title="Wikipédia:IMG"><span title="Les minuscules : « wp:img » aussi sont acceptées par la boîte « rechercher »">WP:IMG</span></a><br/><a href="/wiki/Wikip%C3%A9dia:IMAGE" class="mw-redirect" title="Wikipédia:IMAGE"><span title="Les minuscules : « wp:image » aussi sont acceptées par la boîte « rechercher »">WP:IMAGE</span></a></div> </div></div></div></div> <div class="bandeau-container metadata bandeau-simple bandeau-niveau-information" style="margin:0.5em 10%;"><div class="bandeau-cell bandeau-icone-css grosse-icone information" style="display:table-cell;padding-right:0.5em"> <p><b>En résumé :</b> pour rendre un article consultable facilement par le plus grand nombre, il faut utiliser les images avec l'<a href="/wiki/Attribut_(informatique)" title="Attribut (informatique)">attribut</a> <code>vignette</code> sans spécifier le paramètre de taille ou utiliser la balise <code>gallery</code>. </p> </div></div> <div class="mw-heading mw-heading2 ext-discussiontools-init-section"><h2 id="Principe_de_base" data-mw-thread-id="h-Principe_de_base"><span data-mw-comment-start="" id="h-Principe_de_base"></span>Principe de base<span data-mw-comment-end="h-Principe_de_base"></span></h2><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Wikip%C3%A9dia:Mise_en_forme_des_images&action=edit&section=1" title="Modifier le code source de la section : Principe de base"><span>modifier le code</span></a><span class="mw-editsection-bracket">]</span></span></div> <p>Les lecteurs de Wikipédia utilisent des écrans, des imprimantes et des connexions de définition, dimensions et débit très variés. Les images sont la clé de voûte de la problématique du rendu des pages, du coût d'impression et du temps de chargement des pages. </p> <ol><li>La taille implicite des vignettes d'image <i>(thumbnail)</i> est fixée par le logiciel <a href="/wiki/MediaWiki" title="MediaWiki">MediaWiki</a><sup id="cite_ref-1" class="reference"><a href="#cite_note-1"><span class="cite_crochet">[</span>1<span class="cite_crochet">]</span></a></sup> mais certaines images perdent des détails importants lorsqu'elles sont réduites à cette taille (cartes, schémas).</li> <li>Une taille de vignette d'image explicitement fixée<sup id="cite_ref-2" class="reference"><a href="#cite_note-2"><span class="cite_crochet">[</span>2<span class="cite_crochet">]</span></a></sup> qui serait d'une taille supérieure à la taille par défaut augmente notablement le temps de chargement et le risque de dégrader la mise en page<sup id="cite_ref-3" class="reference"><a href="#cite_note-3"><span class="cite_crochet">[</span>3<span class="cite_crochet">]</span></a></sup>.</li> <li>Toute taille d'image fixée en pixels contrevient aux <a href="/wiki/Sp%C3%A9cial:Pr%C3%A9f%C3%A9rences" title="Spécial:Préférences">préférences</a><sup id="cite_ref-4" class="reference"><a href="#cite_note-4"><span class="cite_crochet">[</span>4<span class="cite_crochet">]</span></a></sup> des utilisateurs enregistrés.</li> <li>L'utilisation du modèle <a href="/wiki/Mod%C3%A8le:Animation" title="Modèle:Animation">{{Animation}}</a> réintroduit les problèmes résolus par <code>gallery</code>.</li></ol> <p>L'utilisation d'une taille agrandie d'image fixée en pixels doit donc répondre à un besoin supérieur aux inconvénients induits et rester exceptionnelle. </p> <meta property="mw:PageProp/toc"/> <div class="mw-heading mw-heading2 ext-discussiontools-init-section"><h2 id="Recommandations_sur_la_mise_en_forme" data-mw-thread-id="h-Recommandations_sur_la_mise_en_forme"><span data-mw-comment-start="" id="h-Recommandations_sur_la_mise_en_forme"></span>Recommandations sur la mise en forme<span data-mw-comment-end="h-Recommandations_sur_la_mise_en_forme"></span></h2><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Wikip%C3%A9dia:Mise_en_forme_des_images&action=edit&section=2" title="Modifier le code source de la section : Recommandations sur la mise en forme"><span>modifier le code</span></a><span class="mw-editsection-bracket">]</span></span></div> <p>Le support de Wikipédia, à savoir le <a href="/wiki/World_Wide_Web" title="World Wide Web">World Wide Web</a>, présente une grande opportunité qui est aussi un défi technique en ce qui concerne le rendu des articles : ceux-ci peuvent être consultés avec du matériel très varié allant du smartphone à l'ordinateur de bureau. De même, la connexion peut jouir d'un débit élevé permettant de télécharger un article en une fraction de seconde, ou d'un très faible débit nécessitant plusieurs minutes pour télécharger un article richement illustré. </p><p>Le problème peut se résumer à deux aspects : </p> <ul><li>si une image est trop large par rapport à l'écran, la mise en page sera fortement dégradée ;</li> <li>les images prennent un volume de données beaucoup plus important que le texte (une vignette comporte autant d'<a href="/wiki/Octet" title="Octet">octets</a> qu'environ 1 000 mots) et ont un impact majeur sur le temps de téléchargement avec une connexion <a href="/wiki/Internet" title="Internet">Internet</a> à bas débit.</li></ul> <p>Les images sont la clé de voûte de ce problème et il convient de respecter quelques règles afin de rendre les articles consultables simplement par tous. <b>Pour répondre à ce besoin, il faudra garder à l'esprit que tout le monde n'a pas le même matériel que soi.</b> </p><p>Le logiciel <a href="/wiki/MediaWiki" title="MediaWiki">MediaWiki</a> qui fait fonctionner Wikipédia propose deux fonctionnalités pour répondre à cette problématique : <code>vignette</code> et <code>gallery</code> ; pour des raisons historiques, la syntaxe <code>thumb</code> est massivement présente dans les articles, elle est parfaitement identique et interchangeable avec <code>vignette</code>. <a href="/wiki/Wikimedia_Commons" title="Wikimedia Commons">Commons</a> fournit les outils pour présenter de manière exhaustive les médias liés à un sujet donné. Il faudra respecter quelques règles d'utilisation de ces outils pour conserver un accès convenable à vos articles. </p> <div class="mw-heading mw-heading3"><h3 id="Commons" data-mw-thread-id="h-Commons-Recommandations_sur_la_mise_en_forme"><span data-mw-comment-start="" id="h-Commons-Recommandations_sur_la_mise_en_forme"></span>Commons<span data-mw-comment-end="h-Commons-Recommandations_sur_la_mise_en_forme"></span></h3><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Wikip%C3%A9dia:Mise_en_forme_des_images&action=edit&section=3" title="Modifier le code source de la section : Commons"><span>modifier le code</span></a><span class="mw-editsection-bracket">]</span></span></div> <p>Le rédacteur d'un article dans Wikipédia peut avoir tendance à vouloir y mettre autant d'images que possible. Cela va à l'encontre de l'esprit de synthèse propre aux articles encyclopédiques, noie le texte et peut diminuer l'importance des liens entre images et texte. De surcroît, plus la densité des images est importante, plus la maîtrise du rendu final est difficile. Ainsi, il est généralement préférable de <b>ne mettre sur les articles que des images en relation directe avec les paragraphes</b> auxquels elles sont ajoutées. </p><p>Si vous disposez d'un nombre supplémentaire de photographies de grande qualité, il est possible de sélectionner les plus pertinentes et de les insérer avec la balise <code>gallery</code> à la fin des sections correspondant à leur sujet, afin de conserver le plus de cohérence possible entre le texte et les médias. En revanche, l'ajout de nombreuses images en vrac en fin d'article ne donne pas un aspect de qualité à l'article. </p><p>C'est dans cet esprit de contextualisation des médias qu'il faudra, à quelques rares exceptions près pour les sujets particulièrement graphiques, éviter les sections <i>La galerie</i>, <i>Le diaporama</i> ou encore <i>Dossier photographique</i> dans les articles. </p><p><b>Wikipédia ne doit pas remplacer Commons</b>. La rédaction d'un article passe également par l'organisation des pages correspondantes sur Commons, les modèles <a href="/wiki/Mod%C3%A8le:Autres_projets" title="Modèle:Autres projets">{{Autres projets}}</a> (pour un article en entier) et <a href="/wiki/Mod%C3%A8le:Galerie_d%C3%A9taill%C3%A9e" title="Modèle:Galerie détaillée">{{Galerie détaillée}}</a> (pour une section d'article) permettant d'efficacement lier ensemble ces deux projets. </p> <style data-mw-deduplicate="TemplateStyles:r194021218">.mw-parser-output .autres-projets>.titre{text-align:center;margin:0.2em 0}.mw-parser-output .autres-projets>ul{margin:0;padding:0}.mw-parser-output .autres-projets>ul>li{list-style:none;margin:0.2em 0;text-indent:0;padding-left:24px;min-height:20px;text-align:left;display:block}.mw-parser-output .autres-projets>ul>li>a{font-style:italic}@media(max-width:720px){.mw-parser-output .autres-projets{float:none}}</style><div class="autres-projets boite-grise boite-a-droite noprint js-interprojets"> <p class="titre">Sur les autres projets Wikimedia :</p> <ul class="noarchive plainlinks"> <li class="commons"><a class="external text" href="https://commons.wikimedia.org/wiki/Pr%C3%A9histoire_de_Malte?uselang=fr">La préhistoire de Malte</a>, sur <span class="project">Wikimedia Commons</span></li> </ul> </div> <pre>{{Autres projets | commons = Préhistoire de Malte | commons titre = La préhistoire de Malte }}</pre> <p>(<abbr class="abbr" title="confer (reportez-vous à/comparez avec)">cf.</abbr> ci-contre à droite) : </p> <pre>{{Galerie détaillée|Préhistoire de Malte}}</pre> <p>(<abbr class="abbr" title="confer (reportez-vous à/comparez avec)">cf.</abbr> ci-après) : </p> <div class="bandeau-container bandeau-section metadata bandeau-niveau-information"><div class="bandeau-cell bandeau-icone"><span class="mw-valign-text-top noviewer" typeof="mw:File"><span><img alt="" src="//upload.wikimedia.org/wikipedia/commons/thumb/4/4a/Commons-logo.svg/13px-Commons-logo.svg.png" decoding="async" width="13" height="17" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/4/4a/Commons-logo.svg/19px-Commons-logo.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/4/4a/Commons-logo.svg/25px-Commons-logo.svg.png 2x" data-file-width="1024" data-file-height="1376"/></span></span></div><div class="bandeau-cell">Galerie : <span class="js-interprojets plainlinks"><a class="external text" href="https://commons.wikimedia.org/wiki/Pr%C3%A9histoire_de_Malte?uselang=fr">Préhistoire de Malte</a></span></div></div> <div class="clear" style="clear:both;"></div> <div class="mw-heading mw-heading2 ext-discussiontools-init-section"><h2 id="Les_vignettes" data-mw-thread-id="h-Les_vignettes"><span data-mw-comment-start="" id="h-Les_vignettes"></span>Les vignettes<span data-mw-comment-end="h-Les_vignettes"></span></h2><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Wikip%C3%A9dia:Mise_en_forme_des_images&action=edit&section=4" title="Modifier le code source de la section : Les vignettes"><span>modifier le code</span></a><span class="mw-editsection-bracket">]</span></span></div> <div class="bandeau-container bandeau-section metadata bandeau-niveau-information"><div class="bandeau-cell bandeau-icone-css loupe">Article détaillé : <a href="/wiki/Aide:Ins%C3%A9rer_une_image" title="Aide:Insérer une image">Aide:Insérer une image</a>.</div></div> <figure class="mw-default-size" typeof="mw:File/Thumb"><a href="/wiki/Fichier:CypripediumCalceolus2.JPG" class="mw-file-description"><img alt="Des orchidées dans la nature" src="//upload.wikimedia.org/wikipedia/commons/thumb/7/74/CypripediumCalceolus2.JPG/220px-CypripediumCalceolus2.JPG" decoding="async" width="220" height="165" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/7/74/CypripediumCalceolus2.JPG/330px-CypripediumCalceolus2.JPG 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/7/74/CypripediumCalceolus2.JPG/440px-CypripediumCalceolus2.JPG 2x" data-file-width="3168" data-file-height="2376"/></a><figcaption><code>vignette</code> permet d'afficher une vignette avec une légende sous l'image.</figcaption></figure> <p>Voici la syntaxe de base pour placer une image : </p> <pre>[[Fichier:<var>Nom du fichier</var>|vignette|alt=<var>alternative à l'image</var>|<var>Légende de l'image.</var>]] </pre> <p>Ainsi, l'image apparaît dans un cadre <b>sur le côté droit de l'article</b>, avec une taille standard de 180 pixels de large. Sa légende est placée en bas du cadre, et en bas à droite une petite icône ( <span class="mw-default-size" typeof="mw:File"><a href="/wiki/Fichier:Magnify-clip.png" class="mw-file-description"><img src="//upload.wikimedia.org/wikipedia/commons/6/6b/Magnify-clip.png" decoding="async" width="15" height="11" class="mw-file-element" data-file-width="15" data-file-height="11"/></a></span> ) fournit un lien sur l'image en format original. L'alternative n'apparaît que si l'image n'est pas affichée, par exemple si le téléchargement est interrompu, ou lors de la lecture de la page par synthèse vocale. </p> <div class="mw-heading mw-heading3"><h3 id="Bien_utiliser_les_légendes_avec_vignette" data-mw-thread-id="h-Bien_utiliser_les_légendes_avec_vignette-Les_vignettes"><span id="Bien_utiliser_les_l.C3.A9gendes_avec_vignette"></span><span data-mw-comment-start="" id="h-Bien_utiliser_les_légendes_avec_vignette-Les_vignettes"></span>Bien utiliser les légendes avec <code>vignette</code><span data-mw-comment-end="h-Bien_utiliser_les_légendes_avec_vignette-Les_vignettes"></span></h3><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Wikip%C3%A9dia:Mise_en_forme_des_images&action=edit&section=5" title="Modifier le code source de la section : Bien utiliser les légendes avec vignette"><span>modifier le code</span></a><span class="mw-editsection-bracket">]</span></span></div> <p>Sauf dans de rares exceptions, les <b>images doivent toujours être munies de légendes</b>, notamment pour que les non-voyants et mal-voyants puissent se les faire décrire. L'<a href="/wiki/Attribut_(informatique)" title="Attribut (informatique)">attribut</a> <code>thumb</code> ou son équivalent français <code>vignette</code> est utilisé pour générer le « cadre » dans lequel la légende sera visible. </p><p>Si cela semble nécessaire, cette légende peut contenir de l'<a href="/wiki/Hypertexte" title="Hypertexte">hypertexte</a> (liens bleus) et une ou plusieurs balises de références (pour sourcer des graphiques par exemple) afin d'enrichir le contenu de la légende, sans qu'elle prenne plus de place dans la page. </p><p>Le code <code>vignette</code> permet aussi d'obtenir une vignette de taille standard, agrandissable d'un simple clic. Par défaut, la largeur avec <code>vignette</code> est 180 pixels, soit un compromis entre lisibilité et taille des photos. </p><p><b>De façon générale, il n'y a pas lieu d'ajouter le paramètre de taille (<code>...px</code>)</b> car en spécifiant une taille en pixels, vous contrevenez aux préférences de l'utilisateur. </p><p>Il ne faut pas hésiter à améliorer au passage la description de l'image dans <a href="/wiki/Wikimedia_Commons" title="Wikimedia Commons">Wikimedia Commons</a> (et/ou à la traduire dans d'autres langues) afin d'aider d'éventuels autres ré-utilisateurs de cette image, dans Wikipédia ou ailleurs. </p> <div class="mw-heading mw-heading3"><h3 id="Cas_particuliers_:_vignette_associé_à_upright_(ou_redresse)" data-mw-thread-id="h-Cas_particuliers_:_vignette_associé_à_upright_(ou_redresse)-Les_vignettes"><span id="Cas_particuliers_:_vignette_associ.C3.A9_.C3.A0_upright_.28ou_redresse.29"></span><span data-mw-comment-start="" id="h-Cas_particuliers_:_vignette_associé_à_upright_(ou_redresse)-Les_vignettes"></span>Cas particuliers : <code>vignette</code> associé à <code>upright</code> (ou <code>redresse</code>)<span data-mw-comment-end="h-Cas_particuliers_:_vignette_associé_à_upright_(ou_redresse)-Les_vignettes"></span></h3><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Wikip%C3%A9dia:Mise_en_forme_des_images&action=edit&section=6" title="Modifier le code source de la section : Cas particuliers : vignette associé à upright (ou redresse)"><span>modifier le code</span></a><span class="mw-editsection-bracket">]</span></span></div> <p>Dans certains cas on peut toutefois recourir au paramètre <code>upright</code> (ou son équivalent <code>redresse</code>). Celui-ci répond de manière optimale à une grande partie des besoins. Il permet d'ajuster automatiquement les dimensions des images de manière harmonieuse et en fonction des écrans, tout en respectant les choix du lecteur. </p><p>Dans quelques cas particuliers (voir ci-après), on peut donner une valeur numérique à ce paramètre si on veut un affichage plus grand ou plus petit que la valeur par défaut : il multiplie alors par autant la taille éventuellement choisie par l'utilisateur dans ses préférences. Ainsi, pour <code>upright=2.0</code>, une image vue en configuration standard aura une taille de <span class="nowrap">180 × 2 = 360 pixels</span>, mais pour un utilisateur ayant une largeur préférée des vignettes de 300 pixels, la même image aura une taille de <span class="nowrap">300 × 2 = 600 pixels</span>. </p> <div class="mw-heading mw-heading3"><h3 id="Images_verticales" data-mw-thread-id="h-Images_verticales-Les_vignettes"><span data-mw-comment-start="" id="h-Images_verticales-Les_vignettes"></span>Images verticales<span data-mw-comment-end="h-Images_verticales-Les_vignettes"></span></h3><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Wikip%C3%A9dia:Mise_en_forme_des_images&action=edit&section=7" title="Modifier le code source de la section : Images verticales"><span>modifier le code</span></a><span class="mw-editsection-bracket">]</span></span></div> <p>Pour les images verticales (mode portrait), quand on veut adopter la taille d'imagette standard, on ajoute, en plus de <code>vignette</code> le paramètre <b><code>upright</code>, sans valeur</b>, afin que la surface de l'imagette soit équivalente à celle d'une image au format paysage, et ne soit pas trop grande<sup id="cite_ref-5" class="reference"><a href="#cite_note-5"><span class="cite_crochet">[</span>5<span class="cite_crochet">]</span></a></sup>. </p><p><i>Exemple d'utilisation d'<code>upright</code> pour une taille standard en mode portrait :</i> </p> <pre>[[Fichier:StMichel7.JPG|vignette|upright|alt=Un clocher de style roman|Le clocher de l'église.]] </pre> <figure class="mw-default-size mw-halign-left" typeof="mw:File/Thumb"><a href="/wiki/Fichier:Stmichel_eg1.JPG" class="mw-file-description"><img alt="Exemple d'image en largeur" src="//upload.wikimedia.org/wikipedia/commons/thumb/5/58/Stmichel_eg1.JPG/220px-Stmichel_eg1.JPG" decoding="async" width="220" height="165" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/5/58/Stmichel_eg1.JPG/330px-Stmichel_eg1.JPG 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/5/58/Stmichel_eg1.JPG/440px-Stmichel_eg1.JPG 2x" data-file-width="1600" data-file-height="1200"/></a><figcaption>Image d'orientation « paysage » (photo en largeur), <code>vignette</code> standard.</figcaption></figure> <figure class="mw-default-size mw-halign-right" typeof="mw:File/Thumb"><a href="/wiki/Fichier:StMichel7.JPG" class="mw-file-description"><img alt="Exemple d'image en hauteur" src="//upload.wikimedia.org/wikipedia/commons/thumb/c/cd/StMichel7.JPG/220px-StMichel7.JPG" decoding="async" width="220" height="293" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/c/cd/StMichel7.JPG/330px-StMichel7.JPG 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/c/cd/StMichel7.JPG/440px-StMichel7.JPG 2x" data-file-width="1536" data-file-height="2048"/></a><figcaption>Image d'orientation « portrait » (photo en hauteur), <code>vignette</code> sans <code>upright</code> : imagette trop grande.</figcaption></figure> <figure class="mw-default-size mw-halign-center" typeof="mw:File/Thumb"><a href="/wiki/Fichier:StMichel7.JPG" class="mw-file-description"><img alt="Exemple d'image en hauteur" src="//upload.wikimedia.org/wikipedia/commons/thumb/c/cd/StMichel7.JPG/170px-StMichel7.JPG" decoding="async" width="170" height="227" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/c/cd/StMichel7.JPG/255px-StMichel7.JPG 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/c/cd/StMichel7.JPG/340px-StMichel7.JPG 2x" data-file-width="1536" data-file-height="2048"/></a><figcaption>Image d'orientation « portrait », <code>vignette</code> avec <code>upright</code> : taille correcte.</figcaption></figure> <div class="clear" style="clear:both;"></div> <div class="mw-heading mw-heading3"><h3 id="Éviter_les_empilements" data-mw-thread-id="h-Éviter_les_empilements-Les_vignettes"><span id=".C3.89viter_les_empilements"></span><span data-mw-comment-start="" id="h-Éviter_les_empilements-Les_vignettes"></span>Éviter les empilements<span data-mw-comment-end="h-Éviter_les_empilements-Les_vignettes"></span></h3><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Wikip%C3%A9dia:Mise_en_forme_des_images&action=edit&section=8" title="Modifier le code source de la section : Éviter les empilements"><span>modifier le code</span></a><span class="mw-editsection-bracket">]</span></span></div> <div class="bandeau-container bandeau-section metadata bandeau-niveau-information"><div class="bandeau-cell bandeau-icone-css loupe">Article détaillé : <a href="/wiki/Aide:Place_des_images" title="Aide:Place des images">Aide:Place des images</a>.</div></div> <p>Un des problèmes les plus courants lors de l'ajout de plusieurs images est qu'elles ont tendance à s'empiler verticalement à la droite de l'écran, d'autant plus que l'écran est large : le texte prenant moins de place, les images ne sont plus disposées en regard des paragraphes auxquels elles se rapportent. </p><p>On peut y remédier partiellement avec le modèle <a href="/wiki/Mod%C3%A8le:Clr" title="Modèle:Clr">{{clr}}</a>. </p> <div class="mw-heading mw-heading3"><h3 id="Images_dont_le_ratio_n'est_pas_proche_d'une_photographie_normale" data-mw-thread-id="h-Images_dont_le_ratio_n'est_pas_proche_d'une_photographie_normale-Les_vignettes"><span id="Images_dont_le_ratio_n.27est_pas_proche_d.27une_photographie_normale"></span><span data-mw-comment-start="" id="h-Images_dont_le_ratio_n'est_pas_proche_d'une_photographie_normale-Les_vignettes"></span>Images dont le ratio n'est pas proche d'une photographie normale<span data-mw-comment-end="h-Images_dont_le_ratio_n'est_pas_proche_d'une_photographie_normale-Les_vignettes"></span></h3><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Wikip%C3%A9dia:Mise_en_forme_des_images&action=edit&section=9" title="Modifier le code source de la section : Images dont le ratio n'est pas proche d'une photographie normale"><span>modifier le code</span></a><span class="mw-editsection-bracket">]</span></span></div> <div class="bandeau-container bandeau-section metadata bandeau-niveau-information"><div class="bandeau-cell bandeau-icone-css loupe">Article détaillé : <a href="/wiki/Aide:Taille_des_images" title="Aide:Taille des images">Aide:Taille des images</a>.</div></div> <p>Pour les cas d'images verticales (orientation « portrait ») ou horizontales (orientation « paysage ») mais « étroites », on peut, tout en ne précisant pas de taille, adapter la taille de la vignette en ajoutant l'attribut <code>upright=0.5</code> pour réduire les « portraits » et <code>upright=1.5</code> pour agrandir les « images longues ». </p> <figure class="mw-default-size mw-halign-left" typeof="mw:File/Thumb"><a href="/wiki/Fichier:Egypte_louvre_024a.jpg" class="mw-file-description"><img alt="Statuette égyptienne en hauteur" src="//upload.wikimedia.org/wikipedia/commons/thumb/d/d1/Egypte_louvre_024a.jpg/170px-Egypte_louvre_024a.jpg" decoding="async" width="170" height="542" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/d/d1/Egypte_louvre_024a.jpg 1.5x" data-file-width="251" data-file-height="800"/></a><figcaption><code>vignette</code> avec <code>upright</code>.</figcaption></figure> <figure class="mw-default-size" typeof="mw:File/Thumb"><a href="/wiki/Fichier:Parvis_Karnak.jpg" class="mw-file-description"><img alt="Temple égyptien, vue panoramique" src="//upload.wikimedia.org/wikipedia/commons/thumb/4/47/Parvis_Karnak.jpg/330px-Parvis_Karnak.jpg" decoding="async" width="330" height="106" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/4/47/Parvis_Karnak.jpg/495px-Parvis_Karnak.jpg 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/4/47/Parvis_Karnak.jpg/660px-Parvis_Karnak.jpg 2x" data-file-width="1083" data-file-height="349"/></a><figcaption><code>vignette</code> avec <code>upright=1.5</code>.</figcaption></figure> <figure class="mw-default-size" typeof="mw:File/Thumb"><a href="/wiki/Fichier:Parvis_Karnak.jpg" class="mw-file-description"><img alt="Temple égyptien, vue panoramique" src="//upload.wikimedia.org/wikipedia/commons/thumb/4/47/Parvis_Karnak.jpg/220px-Parvis_Karnak.jpg" decoding="async" width="220" height="71" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/4/47/Parvis_Karnak.jpg/330px-Parvis_Karnak.jpg 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/4/47/Parvis_Karnak.jpg/440px-Parvis_Karnak.jpg 2x" data-file-width="1083" data-file-height="349"/></a><figcaption><code>vignette</code> sans <code>upright</code>.</figcaption></figure> <figure class="mw-default-size mw-halign-center" typeof="mw:File/Thumb"><a href="/wiki/Fichier:Egypte_louvre_024a.jpg" class="mw-file-description"><img alt="Statuette égyptienne en hauteur" src="//upload.wikimedia.org/wikipedia/commons/thumb/d/d1/Egypte_louvre_024a.jpg/110px-Egypte_louvre_024a.jpg" decoding="async" width="110" height="351" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/d/d1/Egypte_louvre_024a.jpg/165px-Egypte_louvre_024a.jpg 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/d/d1/Egypte_louvre_024a.jpg/220px-Egypte_louvre_024a.jpg 2x" data-file-width="251" data-file-height="800"/></a><figcaption><code>vignette</code> avec <code>upright=0.5</code>.</figcaption></figure> <div class="clear" style="clear:both;"></div> <p>La formule exacte pour <i>upright</i>, si on veut garder une surface de vignette équivalente avec celle d'une photographie normale est <span class="nowrap">√(L × 0,75 ÷ h)</span> où L est la largeur et h la hauteur de l'image en pixels. </p> <div class="mw-heading mw-heading3"><h3 id="Panoramas" data-mw-thread-id="h-Panoramas-Les_vignettes"><span data-mw-comment-start="" id="h-Panoramas-Les_vignettes"></span>Panoramas<span data-mw-comment-end="h-Panoramas-Les_vignettes"></span></h3><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Wikip%C3%A9dia:Mise_en_forme_des_images&action=edit&section=10" title="Modifier le code source de la section : Panoramas"><span>modifier le code</span></a><span class="mw-editsection-bracket">]</span></span></div> <p>Le <a href="/wiki/Mod%C3%A8le:Image_panoramique" title="Modèle:Image panoramique">modèle:Image panoramique</a> affiche un panorama d'une largeur en pixels à préciser, et si le panorama est plus large que l'article, alors l'affichage est automatiquement coupé aux marges et une barre de défilement est ajoutée. </p><p><code>{{Image panoramique|Mont Blanc Panorama beschriftet.jpg|3000|alternative=Vue sur des montagnes|Vue panoramique annotée depuis le mont Blanc.}} </code> </p> <div class="thumb" align="center" style="border-color:transparent; border-right:0; border-left:0"><div class="thumbinner" style="max-width:3002px"><div class="thumbimage noresize" style="overflow-x:auto; overflow-y:hidden;"><span typeof="mw:File"><a href="/wiki/Fichier:Mont_Blanc_Panorama_beschriftet.jpg" class="mw-file-description" title="Vue panoramique annotée depuis le mont Blanc."><img alt="Vue sur des montagnes" src="//upload.wikimedia.org/wikipedia/commons/thumb/e/ee/Mont_Blanc_Panorama_beschriftet.jpg/3000px-Mont_Blanc_Panorama_beschriftet.jpg" decoding="async" width="3000" height="288" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/e/ee/Mont_Blanc_Panorama_beschriftet.jpg/4500px-Mont_Blanc_Panorama_beschriftet.jpg 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/e/ee/Mont_Blanc_Panorama_beschriftet.jpg/6000px-Mont_Blanc_Panorama_beschriftet.jpg 2x" data-file-width="41251" data-file-height="3956"/></a></span></div><div class="thumbcaption" style="text-align:center">Vue panoramique annotée depuis le mont Blanc.<div class="magnify"><span typeof="mw:File"><a href="/wiki/Fichier:Mont_Blanc_Panorama_beschriftet.jpg" title="Fichier:Mont Blanc Panorama beschriftet.jpg"><img alt="Voir le fichier" src="//upload.wikimedia.org/wikipedia/commons/6/6b/Magnify-clip.png" decoding="async" width="15" height="11" class="mw-file-element" data-file-width="15" data-file-height="11"/></a></span></div></div></div></div> <div class="mw-heading mw-heading3"><h3 id="Mise_en_avant_d'une_image_importante_dans_le_cadre_de_l'article" data-mw-thread-id="h-Mise_en_avant_d'une_image_importante_dans_le_cadre_de_l'article-Les_vignettes"><span id="Mise_en_avant_d.27une_image_importante_dans_le_cadre_de_l.27article"></span><span data-mw-comment-start="" id="h-Mise_en_avant_d'une_image_importante_dans_le_cadre_de_l'article-Les_vignettes"></span>Mise en avant d'une image importante dans le cadre de l'article<span data-mw-comment-end="h-Mise_en_avant_d'une_image_importante_dans_le_cadre_de_l'article-Les_vignettes"></span></h3><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Wikip%C3%A9dia:Mise_en_forme_des_images&action=edit&section=11" title="Modifier le code source de la section : Mise en avant d'une image importante dans le cadre de l'article"><span>modifier le code</span></a><span class="mw-editsection-bracket">]</span></span></div> <p><code>upright</code> peut être pratique pour mettre en avant le sujet d'un article. Par exemple, sur l'article <a href="/wiki/Tres_de_Mayo" class="mw-redirect" title="Tres de Mayo">Tres de Mayo</a>, on pourra mettre au début d'article une image avec <code>upright=1.5</code>. Mais <b>il faut limiter ce genre d'exception dans les articles</b>. Faites attention à la mise en page, notamment si la table des matières est importante en largeur. Une valeur de 2 pour <code>upright</code> est une valeur extrême qu'il faudra utiliser avec parcimonie et dans des cas très particuliers : le rendu aura 360 pixels en standard, 240 pixels au minimum et 600 pixels au maximum, selon la configuration de l'utilisateur). </p> <figure class="mw-default-size mw-halign-center" typeof="mw:File/Thumb"><a href="/wiki/Fichier:El_Tres_de_Mayo,_by_Francisco_de_Goya,_from_Prado_in_Google_Earth.jpg" class="mw-file-description"><img alt="Tableau de Goya représentant une exécution par les armes" src="//upload.wikimedia.org/wikipedia/commons/thumb/4/48/El_Tres_de_Mayo%2C_by_Francisco_de_Goya%2C_from_Prado_in_Google_Earth.jpg/370px-El_Tres_de_Mayo%2C_by_Francisco_de_Goya%2C_from_Prado_in_Google_Earth.jpg" decoding="async" width="370" height="285" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/4/48/El_Tres_de_Mayo%2C_by_Francisco_de_Goya%2C_from_Prado_in_Google_Earth.jpg/555px-El_Tres_de_Mayo%2C_by_Francisco_de_Goya%2C_from_Prado_in_Google_Earth.jpg 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/4/48/El_Tres_de_Mayo%2C_by_Francisco_de_Goya%2C_from_Prado_in_Google_Earth.jpg/740px-El_Tres_de_Mayo%2C_by_Francisco_de_Goya%2C_from_Prado_in_Google_Earth.jpg 2x" data-file-width="30000" data-file-height="23131"/></a><figcaption>Tableau avec <code>upright=1.7</code>.</figcaption></figure> <div class="mw-heading mw-heading3"><h3 id="Schémas_avec_taille_fixe" data-mw-thread-id="h-Schémas_avec_taille_fixe-Les_vignettes"><span id="Sch.C3.A9mas_avec_taille_fixe"></span><span data-mw-comment-start="" id="h-Schémas_avec_taille_fixe-Les_vignettes"></span>Schémas avec taille fixe<span data-mw-comment-end="h-Schémas_avec_taille_fixe-Les_vignettes"></span></h3><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Wikip%C3%A9dia:Mise_en_forme_des_images&action=edit&section=12" title="Modifier le code source de la section : Schémas avec taille fixe"><span>modifier le code</span></a><span class="mw-editsection-bracket">]</span></span></div> <p>Il existe néanmoins des cas où l'utilisation d'une taille fixe peut se concevoir. C'est par exemple le cas des schémas où une bonne compréhension du texte est indispensable. Une taille trop petite peut rendre un schéma illisible. Dans ce cas, mettez simplement la taille minimum à laquelle l'illustration reste lisible. Il est également conseillé de centrer le schéma pour le mettre en valeur et éviter que le texte se retrouve en forme de « tuyau » sur les petits écrans. </p><p>Avec le code suivant : </p><p><code>[[Fichier:Schéma Grenade.svg|vignette|centre|280px|alt=Schéma légendé d'une grenade offensive|Schéma agrandi à {{unité|280|pixels}}.]]</code> </p><p>Le résultat est : </p> <figure class="mw-halign-center" typeof="mw:File/Thumb"><a href="/wiki/Fichier:Sch%C3%A9ma_Grenade.svg" class="mw-file-description"><img alt="Schéma légendé d'une grenade offensive" src="//upload.wikimedia.org/wikipedia/commons/thumb/4/4b/Sch%C3%A9ma_Grenade.svg/280px-Sch%C3%A9ma_Grenade.svg.png" decoding="async" width="280" height="279" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/4/4b/Sch%C3%A9ma_Grenade.svg/420px-Sch%C3%A9ma_Grenade.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/4/4b/Sch%C3%A9ma_Grenade.svg/560px-Sch%C3%A9ma_Grenade.svg.png 2x" data-file-width="1375" data-file-height="1370"/></a><figcaption>Schéma agrandi à 280 pixels.</figcaption></figure> <p>Autre exemple : </p><p><code>[[Fichier:UIR.svg|vignette|gauche|75px|alt=Petit schéma d'un circuit électrique|Schéma réduit à {{unité|75|pixels}}.]]</code> </p> <figure class="mw-halign-left" typeof="mw:File/Thumb"><a href="/wiki/Fichier:UIR.svg" class="mw-file-description"><img alt="Petit schéma d'un circuit électrique" src="//upload.wikimedia.org/wikipedia/commons/thumb/1/15/UIR.svg/75px-UIR.svg.png" decoding="async" width="75" height="88" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/1/15/UIR.svg/113px-UIR.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/1/15/UIR.svg/150px-UIR.svg.png 2x" data-file-width="276" data-file-height="324"/></a><figcaption>Schéma réduit à 75 pixels.</figcaption></figure> <p>Les schémas simples peuvent gagner à être réduits. </p> <div class="clear" style="clear:both;"></div> <div class="mw-heading mw-heading3"><h3 id="Balise_gallery_et_modèle_Animation" data-mw-thread-id="h-Balise_gallery_et_modèle_Animation-Les_vignettes"><span id="Balise_gallery_et_mod.C3.A8le_Animation"></span><span data-mw-comment-start="" id="h-Balise_gallery_et_modèle_Animation-Les_vignettes"></span>Balise <code>gallery</code> et modèle <code>Animation</code><span data-mw-comment-end="h-Balise_gallery_et_modèle_Animation-Les_vignettes"></span></h3><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Wikip%C3%A9dia:Mise_en_forme_des_images&action=edit&section=13" title="Modifier le code source de la section : Balise gallery et modèle Animation"><span>modifier le code</span></a><span class="mw-editsection-bracket">]</span></span></div> <p><i>Rappel : Wikipédia ne doit pas remplacer Commons (<a href="/wiki/Wikip%C3%A9dia:Recommandations_sur_la_mise_en_forme_des_images#Commons" class="mw-redirect" title="Wikipédia:Recommandations sur la mise en forme des images">voir ci-avant</a>)</i> </p><p>Une galerie d'images sur Wikipédia est une succession d'images organisée horizontalement. Outre le mode standard, longtemps le seul disponible, il existe des modes d'affichage optionnels. </p> <div class="bandeau-container bandeau-section metadata bandeau-niveau-information"><div class="bandeau-cell bandeau-icone-css loupe">Article détaillé : <a href="/wiki/Aide:Galerie" title="Aide:Galerie">Aide:Galerie</a>.</div></div> <p>La balise <code>gallery</code> standard répond aux deux problématiques citées précédemment : la taille par défaut des images est 120 pixels, le nombre de vignettes et la largeur totale s'adaptent à la largeur de l'écran de l'internaute. Toutefois, l'esthétique de son rendu ne plaît pas à tous. Par ailleurs, l'insertion d'un grand nombre d'images augmente énormément la taille en <a href="/wiki/Octet" title="Octet">kilooctets</a> de la page, pénalisant les connexions bas débit. </p> <ul class="gallery mw-gallery-traditional"> <li class="gallerycaption">Un exemple de galerie</li> <li class="gallerybox" style="width: 155px"> <div class="thumb" style="width: 150px; height: 150px;"><span typeof="mw:File"><a href="/wiki/Fichier:Mouse_brain.jpg" class="mw-file-description" title="Chaque image peut être légendée."><img alt="un cerveau de souris" src="//upload.wikimedia.org/wikipedia/commons/thumb/8/8c/Mouse_brain.jpg/120px-Mouse_brain.jpg" decoding="async" width="120" height="71" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/8/8c/Mouse_brain.jpg/180px-Mouse_brain.jpg 1.5x, //upload.wikimedia.org/wikipedia/commons/8/8c/Mouse_brain.jpg 2x" data-file-width="200" data-file-height="119"/></a></span></div> <div class="gallerytext">Chaque image peut être légendée.</div> </li> <li class="gallerybox" style="width: 155px"> <div class="thumb" style="width: 150px; height: 150px;"><span typeof="mw:File"><a href="/wiki/Fichier:Chimp_Brain_in_a_jar.jpg" class="mw-file-description" title="Chaque image peut être légendée."><img alt="un cerveau de chimpanzé" src="//upload.wikimedia.org/wikipedia/commons/thumb/1/14/Chimp_Brain_in_a_jar.jpg/95px-Chimp_Brain_in_a_jar.jpg" decoding="async" width="95" height="120" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/1/14/Chimp_Brain_in_a_jar.jpg/143px-Chimp_Brain_in_a_jar.jpg 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/1/14/Chimp_Brain_in_a_jar.jpg/190px-Chimp_Brain_in_a_jar.jpg 2x" data-file-width="2540" data-file-height="3200"/></a></span></div> <div class="gallerytext">Chaque image peut être légendée.</div> </li> <li class="gallerybox" style="width: 155px"> <div class="thumb" style="width: 150px; height: 150px;"><span typeof="mw:File"><a href="/wiki/Fichier:Human_brain_NIH.jpg" class="mw-file-description" title="Chaque image peut être légendée."><img alt="un cerveau humain" src="//upload.wikimedia.org/wikipedia/commons/thumb/4/49/Human_brain_NIH.jpg/120px-Human_brain_NIH.jpg" decoding="async" width="120" height="87" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/4/49/Human_brain_NIH.jpg/180px-Human_brain_NIH.jpg 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/4/49/Human_brain_NIH.jpg/240px-Human_brain_NIH.jpg 2x" data-file-width="344" data-file-height="250"/></a></span></div> <div class="gallerytext">Chaque image peut être légendée.</div> </li> <li class="gallerybox" style="width: 155px"> <div class="thumb" style="width: 150px; height: 150px;"><span typeof="mw:File"><a href="/wiki/Fichier:Compaq_Presario_2700EA.jpg" class="mw-file-description" title="Chaque image peut être légendée."><img alt="un ordinateur portable" src="//upload.wikimedia.org/wikipedia/commons/thumb/e/e5/Compaq_Presario_2700EA.jpg/90px-Compaq_Presario_2700EA.jpg" decoding="async" width="90" height="120" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/e/e5/Compaq_Presario_2700EA.jpg/135px-Compaq_Presario_2700EA.jpg 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/e/e5/Compaq_Presario_2700EA.jpg/179px-Compaq_Presario_2700EA.jpg 2x" data-file-width="1712" data-file-height="2288"/></a></span></div> <div class="gallerytext">Chaque image peut être légendée.</div> </li> </ul> <div class="mw-heading mw-heading4"><h4 id="Les_paramètres" data-mw-thread-id="h-Les_paramètres-Balise_gallery_et_modèle_Animation"><span id="Les_param.C3.A8tres"></span><span data-mw-comment-start="" id="h-Les_paramètres-Balise_gallery_et_modèle_Animation"></span>Les paramètres<span data-mw-comment-end="h-Les_paramètres-Balise_gallery_et_modèle_Animation"></span></h4><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Wikip%C3%A9dia:Mise_en_forme_des_images&action=edit&section=14" title="Modifier le code source de la section : Les paramètres"><span>modifier le code</span></a><span class="mw-editsection-bracket">]</span></span></div> <dl><dt><i>perrow</i></dt> <dd>Par défaut, les vignettes sont réparties en plusieurs lignes dès que leur nombre les ferait dépasser de la <a href="/wiki/Fen%C3%AAtre_(informatique)" title="Fenêtre (informatique)">fenêtre</a> en largeur : le nombre de vignettes par ligne dépend de la largeur de la fenêtre dans laquelle elles sont vues. Le paramètre « <i>perrow=X</i> » permet de réduire le nombre de vignettes sur une même ligne à X vignettes ; il pourra par exemple être utile de le fixer à 4 si vous avez 8 images : le rendu sera plus esthétique.</dd> <dt>Autres paramètres</dt> <dd>D'autres paramètres permettent par exemple de fixer la taille des images. Pour les mêmes raisons que celles évoquées pour <code>vignette</code> et <i>a fortiori</i>, il est plus que vivement déconseillé de les utiliser.</dd></dl> <div class="mw-heading mw-heading4"><h4 id="Modèle_Animation" data-mw-thread-id="h-Modèle_Animation-Balise_gallery_et_modèle_Animation"><span id="Mod.C3.A8le_Animation"></span><span data-mw-comment-start="" id="h-Modèle_Animation-Balise_gallery_et_modèle_Animation"></span>Modèle Animation<span data-mw-comment-end="h-Modèle_Animation-Balise_gallery_et_modèle_Animation"></span></h4><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Wikip%C3%A9dia:Mise_en_forme_des_images&action=edit&section=15" title="Modifier le code source de la section : Modèle Animation"><span>modifier le code</span></a><span class="mw-editsection-bracket">]</span></span></div> <p>L'utilisation du modèle <a href="/wiki/Mod%C3%A8le:Animation" title="Modèle:Animation">{{Animation}}</a> doit être <b>réduite aux enchaînements logiques des images</b> afin de mettre en valeur cet enchaînement. Par exemple, on peut mettre en valeur le recul du glacier de Chamonix avec une dizaine de photos prises sur une centaine d'années. </p><p><b>En aucun cas le modèle <code>Animation</code> ne doit se substituer à la balise <code>gallery</code></b>. Il faut utiliser le paramètre <code>upright</code>, et non le paramètre <code>largeur</code>, pour ces modèles. Par exemple, 20 images de 400 pixels vont occuper 1 <abbr class="abbr" title="mégaoctet">Mo</abbr>, soit <span class="nowrap">2 minutes 30</span> de téléchargement pour une connexion analogique pour une seule page, ce qui rend ces photos inaccessibles. En temps normal, ne spécifiez pas de taille pour ce modèle, le <code>vignette</code> standard sera utilisé. </p><p>Gardez à l'esprit que les images sont cliquables et que ce système est mis en place pour pallier les limitations précédemment décrites : si une image intéresse un lecteur, il pourra y accéder. Mais <b>si vous mettez de trop grosses tailles sur vos images, vous en diminuez l'accessibilité</b>. </p> <div class="mw-heading mw-heading3"><h3 id="Accessibilité" data-mw-thread-id="h-Accessibilité-Les_vignettes"><span id="Accessibilit.C3.A9"></span><span data-mw-comment-start="" id="h-Accessibilité-Les_vignettes"></span>Accessibilité<span data-mw-comment-end="h-Accessibilité-Les_vignettes"></span></h3><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Wikip%C3%A9dia:Mise_en_forme_des_images&action=edit&section=16" title="Modifier le code source de la section : Accessibilité"><span>modifier le code</span></a><span class="mw-editsection-bracket">]</span></span></div> <div class="bandeau-container bandeau-section metadata bandeau-niveau-information"><div class="bandeau-cell bandeau-icone-css loupe">Articles détaillés : <a href="/wiki/Aide:Alternative_textuelle_d%27image" title="Aide:Alternative textuelle d'image">Aide:Alternative textuelle d'image</a>, <a href="/wiki/Wikip%C3%A9dia:Atelier_accessibilit%C3%A9/Bonnes_pratiques#Images" title="Wikipédia:Atelier accessibilité/Bonnes pratiques">Accessibilité des images</a> et <a href="/wiki/Accessibilit%C3%A9_du_web" title="Accessibilité du web">Accessibilité du web</a>.</div></div> <p>L'emplacement du code de l'image devrait se trouver dans le même ordre par rapport au texte que dans le rendu visuel. Par exemple, si une image apparaît au quart d'une page, l'appel <code>[[Fichier:...]]</code> devrait apparaître au quart du wikitexte<sup id="cite_ref-6" class="reference"><a href="#cite_note-6"><span class="cite_crochet">[</span>6<span class="cite_crochet">]</span></a></sup>. Une image peut porter une information qui n'est pas présente par ailleurs dans le contenu de la page. Pour être perceptible par les utilisateurs de lecteur d'écran, de navigateur ne restituant pas les images, <abbr class="abbr" title="et cetera">etc.</abbr>, cette information visuelle doit également être indiquée de manière textuelle. C'est le rôle du texte alternatif de l'image (attribut <a href="/wiki/HTML" class="mw-redirect" title="HTML">HTML</a> <code>alt=</code>). Ce texte alternatif n'est pas affiché par défaut et ne sera restitué que lorsque l'image elle-même ne l'est pas. </p><p>Le paramètre <code>alt=</code> doit donc toujours être présent dans le code des images, surtout quand le titre du fichier correspondant est incompréhensible seul (<abbr class="abbr" title="exemple">ex.</abbr> : <code>Fichier:EspBaris4500ba.JPG</code>), car, à défaut de texte alternatif, c'est le titre du fichier qui sera affiché en lieu et place de l'image absente. </p><p>Le texte alternatif vient apporter les informations qui sont spécifiquement portées par l'image et qui sont absentes du texte. <b>Une courte phrase suffit</b> : il faut généralement éviter de dépasser 120 caractères. Normalement l'information est déjà détaillée dans la page ou dans la légende de l'image, elle n'a donc pas à être détaillée en double dans le texte alternatif. </p><p>La balise <code><gallery></code> permet la saisie de textes alternatifs. </p> <div class="mw-heading mw-heading2 ext-discussiontools-init-section"><h2 id="Exemples_pratiques" data-mw-thread-id="h-Exemples_pratiques"><span data-mw-comment-start="" id="h-Exemples_pratiques"></span>Exemples pratiques<span data-mw-comment-end="h-Exemples_pratiques"></span></h2><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Wikip%C3%A9dia:Mise_en_forme_des_images&action=edit&section=17" title="Modifier le code source de la section : Exemples pratiques"><span>modifier le code</span></a><span class="mw-editsection-bracket">]</span></span></div> <div class="mw-heading mw-heading3"><h3 id="Vitesse_de_connexion" data-mw-thread-id="h-Vitesse_de_connexion-Exemples_pratiques"><span data-mw-comment-start="" id="h-Vitesse_de_connexion-Exemples_pratiques"></span>Vitesse de connexion<span data-mw-comment-end="h-Vitesse_de_connexion-Exemples_pratiques"></span></h3><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Wikip%C3%A9dia:Mise_en_forme_des_images&action=edit&section=18" title="Modifier le code source de la section : Vitesse de connexion"><span>modifier le code</span></a><span class="mw-editsection-bracket">]</span></span></div> <div style="overflow:hidden; margin:0.3em 0;"><span class="italique important">Ces temps sont évidemment fortement réduits avec un accès à internet à plus haut débit, mais il faut garder à l'esprit que Wikipédia devrait pouvoir être consultée dans des pays ou des régions où l'équipement est loin de celui dont bénéficient les habitants des grandes villes modernes.</span></div> <p>Voici les chiffres de temps de téléchargement pour un article contenant 60 images dont 20 mises en galeries, ce qui correspond à un article de qualité plutôt riche en images. Les calculs sont basés sur une connexion avec un débit efficace de 5 <abbr class="abbr" title="kilooctet par seconde">ko/s</abbr>, ce qui correspond à une connexion moyenne avec un modem analogique, et en prenant 16 <abbr class="abbr" title="kilooctet">ko</abbr> comme poids de base d'une image de 250 pixels de large (moyenne calculée sur les 44 images de <a href="/wiki/Scuderia_Lancia" title="Scuderia Lancia">Scuderia Lancia</a>)<sup id="cite_ref-7" class="reference"><a href="#cite_note-7"><span class="cite_crochet">[</span>7<span class="cite_crochet">]</span></a></sup>. Les autres tailles d'image sont extrapolées selon le principe : multiplication de la taille par x → multiplication du poids par x<sup>2</sup>. </p> <ul><li>En utilisant des <code>vignette</code> fixés à 250 pixels, le temps de téléchargement des images est de <b><span class="nowrap">3 minutes 12 secondes</span></b>.</li> <li>En utilisant des <code>vignette</code> standard (soit 180 pixels) et la balise <code>gallery</code>, le temps de téléchargement des images est de <b><span class="nowrap">1 minute 11 secondes</span></b>.</li> <li>En utilisant des <code>vignette</code> configurés au minimum (soit 120 pixels) et la balise <code>gallery</code>, le temps de téléchargement des images est de <b><span class="nowrap">36 secondes</span></b>.</li></ul> <div class="mw-heading mw-heading3"><h3 id="Largeur_d'affichage" data-mw-thread-id="h-Largeur_d'affichage-Exemples_pratiques"><span id="Largeur_d.27affichage"></span><span data-mw-comment-start="" id="h-Largeur_d'affichage-Exemples_pratiques"></span>Largeur d'affichage<span data-mw-comment-end="h-Largeur_d'affichage-Exemples_pratiques"></span></h3><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Wikip%C3%A9dia:Mise_en_forme_des_images&action=edit&section=19" title="Modifier le code source de la section : Largeur d'affichage"><span>modifier le code</span></a><span class="mw-editsection-bracket">]</span></span></div> <p>La largeur disponible pour afficher la page est inférieure à celle de l'écran : la fenêtre n'est pas forcément maximisée, les décors de fenêtre (bords, barre de défilement) prennent de la place, des panneaux annexes peuvent être ouverts dans le navigateur, <abbr class="abbr" title="et cetera">etc.</abbr> En outre, l'interface de MediaWiki occupe de la place sur le côté de chaque page. </p><p>Voici des captures d'écran permettant de voir les rendus sur des largeurs d'affichage de 800 et 1 920 pixels, selon différents paramètres de <code>vignette</code>. L'échelle est <span class="frac nowrap"><sup style="font-size: 70%; vertical-align: 0.4em;">1</sup>⁄<sub style="font-size: 70%; vertical-align: 0em;">2</sub></span>, mais vous pouvez accéder à la grandeur nature en cliquant sur les captures. Vous pouvez constater qu'en fixant la taille les petits affichages ont un rendu très peu ergonomique et que l'affichage de 1 920 pixels a des images un peu petites. En standard, l'affichage de 800 pixels a des images un peu trop grosses et l'affichage de 1 920 pixels des images trop petites, mais chacun a la possibilité de régler la taille des vignettes à sa convenance. </p> <div class="mw-heading mw-heading4"><h4 id="Rendu_en_imposant_les_tailles" data-mw-thread-id="h-Rendu_en_imposant_les_tailles-Largeur_d'affichage"><span data-mw-comment-start="" id="h-Rendu_en_imposant_les_tailles-Largeur_d'affichage"></span>Rendu en imposant les tailles<span data-mw-comment-end="h-Rendu_en_imposant_les_tailles-Largeur_d'affichage"></span></h4><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Wikip%C3%A9dia:Mise_en_forme_des_images&action=edit&section=20" title="Modifier le code source de la section : Rendu en imposant les tailles"><span>modifier le code</span></a><span class="mw-editsection-bracket">]</span></span></div> <center><b>Affichage de 800 pixels, vignettes de 400 pixels</b></center> <figure class="mw-default-size mw-halign-center mw-image-border" typeof="mw:File/Frameless"><a href="/wiki/Fichier:Screenshot_800width_400px.png" class="mw-file-description"><img src="//upload.wikimedia.org/wikipedia/commons/thumb/2/2e/Screenshot_800width_400px.png/480px-Screenshot_800width_400px.png" decoding="async" width="480" height="328" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/2/2e/Screenshot_800width_400px.png/720px-Screenshot_800width_400px.png 1.5x, //upload.wikimedia.org/wikipedia/commons/2/2e/Screenshot_800width_400px.png 2x" data-file-width="803" data-file-height="548"/></a><figcaption></figcaption></figure> <center><b>Affichage de 800 pixels, vignettes de 250 pixels</b></center> <figure class="mw-default-size mw-halign-center mw-image-border" typeof="mw:File/Frameless"><a href="/wiki/Fichier:Screenshot_800width_250px.png" class="mw-file-description"><img src="//upload.wikimedia.org/wikipedia/commons/thumb/f/f7/Screenshot_800width_250px.png/480px-Screenshot_800width_250px.png" decoding="async" width="480" height="328" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/f/f7/Screenshot_800width_250px.png/720px-Screenshot_800width_250px.png 1.5x, //upload.wikimedia.org/wikipedia/commons/f/f7/Screenshot_800width_250px.png 2x" data-file-width="803" data-file-height="548"/></a><figcaption></figcaption></figure> <center><b>Affichage de 1 920 pixels, vignettes de 250 pixels</b></center> <figure class="mw-default-size mw-halign-center mw-image-border" typeof="mw:File/Frameless"><a href="/wiki/Fichier:Screenshot_1920width_250px.png" class="mw-file-description"><img src="//upload.wikimedia.org/wikipedia/commons/thumb/1/15/Screenshot_1920width_250px.png/480px-Screenshot_1920width_250px.png" decoding="async" width="480" height="180" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/1/15/Screenshot_1920width_250px.png/720px-Screenshot_1920width_250px.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/1/15/Screenshot_1920width_250px.png/960px-Screenshot_1920width_250px.png 2x" data-file-width="1920" data-file-height="720"/></a><figcaption></figcaption></figure> <div class="mw-heading mw-heading4"><h4 id="Rendu_en_utilisant_les_vignettes_standard_(vignette)_+_pourcentage_de_taille_(upright)" data-mw-thread-id="h-Rendu_en_utilisant_les_vignettes_standard_(vignette)_+_pourcentage_de_taille_(up-Largeur_d'affichage"><span id="Rendu_en_utilisant_les_vignettes_standard_.28vignette.29_.2B_pourcentage_de_taille_.28upright.29"></span><span data-mw-comment-start="" id="h-Rendu_en_utilisant_les_vignettes_standard_(vignette)_+_pourcentage_de_taille_(up-Largeur_d'affichage"></span>Rendu en utilisant les vignettes standard (vignette) + pourcentage de taille (upright)<span data-mw-comment-end="h-Rendu_en_utilisant_les_vignettes_standard_(vignette)_+_pourcentage_de_taille_(up-Largeur_d'affichage"></span></h4><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Wikip%C3%A9dia:Mise_en_forme_des_images&action=edit&section=21" title="Modifier le code source de la section : Rendu en utilisant les vignettes standard (vignette) + pourcentage de taille (upright)"><span>modifier le code</span></a><span class="mw-editsection-bracket">]</span></span></div> <div class="bandeau-container bandeau-section metadata bandeau-niveau-information"><div class="bandeau-cell bandeau-icone"><span class="mw-valign-text-top noviewer" typeof="mw:File"><a href="/wiki/Fichier:Fairytale_warning.png" class="mw-file-description"><img alt="" src="//upload.wikimedia.org/wikipedia/commons/thumb/8/87/Fairytale_warning.png/17px-Fairytale_warning.png" decoding="async" width="17" height="17" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/8/87/Fairytale_warning.png/26px-Fairytale_warning.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/8/87/Fairytale_warning.png/34px-Fairytale_warning.png 2x" data-file-width="64" data-file-height="64"/></a></span></div><div class="bandeau-cell">Cette section est vide, insuffisamment détaillée ou incomplète. <a href="/wiki/Sp%C3%A9cial:EditPage/Wikip%C3%A9dia:Mise_en_forme_des_images" title="Spécial:EditPage/Wikipédia:Mise en forme des images">Votre aide</a> est la bienvenue ! <a href="/wiki/Aide:Comment_modifier_une_page" title="Aide:Comment modifier une page">Comment faire ?</a></div></div> <div class="mw-heading mw-heading4"><h4 id="Rendu_en_utilisant_les_vignettes_standard_(vignette)" data-mw-thread-id="h-Rendu_en_utilisant_les_vignettes_standard_(vignette)-Largeur_d'affichage"><span id="Rendu_en_utilisant_les_vignettes_standard_.28vignette.29"></span><span data-mw-comment-start="" id="h-Rendu_en_utilisant_les_vignettes_standard_(vignette)-Largeur_d'affichage"></span>Rendu en utilisant les vignettes standard (vignette)<span data-mw-comment-end="h-Rendu_en_utilisant_les_vignettes_standard_(vignette)-Largeur_d'affichage"></span></h4><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Wikip%C3%A9dia:Mise_en_forme_des_images&action=edit&section=22" title="Modifier le code source de la section : Rendu en utilisant les vignettes standard (vignette)"><span>modifier le code</span></a><span class="mw-editsection-bracket">]</span></span></div> <center><b>Affichage de 800 pixels, vignettes standard</b></center> <figure class="mw-default-size mw-halign-center mw-image-border" typeof="mw:File/Frameless"><a href="/wiki/Fichier:Screenshot_800width_thumb.png" class="mw-file-description"><img src="//upload.wikimedia.org/wikipedia/commons/thumb/6/63/Screenshot_800width_thumb.png/480px-Screenshot_800width_thumb.png" decoding="async" width="480" height="328" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/6/63/Screenshot_800width_thumb.png/720px-Screenshot_800width_thumb.png 1.5x, //upload.wikimedia.org/wikipedia/commons/6/63/Screenshot_800width_thumb.png 2x" data-file-width="803" data-file-height="548"/></a><figcaption></figcaption></figure> <center><b>Affichage de 1 920 pixels, vignettes standard</b></center> <figure class="mw-default-size mw-halign-center mw-image-border" typeof="mw:File/Frameless"><a href="/wiki/Fichier:Screenshot_1920width_180px.png" class="mw-file-description"><img src="//upload.wikimedia.org/wikipedia/commons/thumb/8/81/Screenshot_1920width_180px.png/480px-Screenshot_1920width_180px.png" decoding="async" width="480" height="179" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/8/81/Screenshot_1920width_180px.png/720px-Screenshot_1920width_180px.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/8/81/Screenshot_1920width_180px.png/960px-Screenshot_1920width_180px.png 2x" data-file-width="1920" data-file-height="717"/></a><figcaption></figcaption></figure> <center><b>Affichage de 800 pixels, vignettes standard réglées par l'utilisateur à 120 pixels</b></center> <figure class="mw-default-size mw-halign-center mw-image-border" typeof="mw:File/Frameless"><a href="/wiki/Fichier:Screenshot_800width_120thumb.png" class="mw-file-description"><img src="//upload.wikimedia.org/wikipedia/commons/thumb/f/f1/Screenshot_800width_120thumb.png/480px-Screenshot_800width_120thumb.png" decoding="async" width="480" height="328" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/f/f1/Screenshot_800width_120thumb.png/720px-Screenshot_800width_120thumb.png 1.5x, //upload.wikimedia.org/wikipedia/commons/f/f1/Screenshot_800width_120thumb.png 2x" data-file-width="803" data-file-height="548"/></a><figcaption></figcaption></figure> <center><b>Affichage de 1 920 pixels, vignettes standard réglées par l'utilisateur à 300 pixels</b></center> <figure class="mw-default-size mw-halign-center mw-image-border" typeof="mw:File/Frameless"><a href="/wiki/Fichier:Screenshot_1920width_300px.png" class="mw-file-description"><img src="//upload.wikimedia.org/wikipedia/commons/thumb/7/74/Screenshot_1920width_300px.png/480px-Screenshot_1920width_300px.png" decoding="async" width="480" height="218" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/7/74/Screenshot_1920width_300px.png/720px-Screenshot_1920width_300px.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/7/74/Screenshot_1920width_300px.png/960px-Screenshot_1920width_300px.png 2x" data-file-width="1920" data-file-height="870"/></a><figcaption></figcaption></figure> <div class="mw-heading mw-heading2 ext-discussiontools-init-section"><h2 id="Articles_connexes" data-mw-thread-id="h-Articles_connexes"><span data-mw-comment-start="" id="h-Articles_connexes"></span>Articles connexes<span data-mw-comment-end="h-Articles_connexes"></span></h2><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Wikip%C3%A9dia:Mise_en_forme_des_images&action=edit&section=23" title="Modifier le code source de la section : Articles connexes"><span>modifier le code</span></a><span class="mw-editsection-bracket">]</span></span></div> <ul><li><a href="/wiki/Wikip%C3%A9dia:Conventions_d%27utilisation_des_images" title="Wikipédia:Conventions d'utilisation des images">Wikipédia:Conventions d'utilisation des images</a></li> <li><a href="/wiki/Aide:Ins%C3%A9rer_une_image" title="Aide:Insérer une image">Aide:Insérer une image</a></li> <li><a href="/wiki/Aide:Place_des_images" title="Aide:Place des images">Aide:Place des images</a></li> <li><a href="/wiki/Aide:Taille_des_images" title="Aide:Taille des images">Aide:Taille des images</a></li> <li><a href="/wiki/Aide:Traitement_des_illustrations" class="mw-redirect" title="Aide:Traitement des illustrations">Aide:Traitement des illustrations</a></li> <li><a href="/wiki/Aide:Galerie" title="Aide:Galerie">Aide:Galerie</a></li></ul> <div class="mw-heading mw-heading2 ext-discussiontools-init-section"><h2 id="Notes_et_références" data-mw-thread-id="h-Notes_et_références"><span id="Notes_et_r.C3.A9f.C3.A9rences"></span><span data-mw-comment-start="" id="h-Notes_et_références"></span>Notes et références<span data-mw-comment-end="h-Notes_et_références"></span></h2><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Wikip%C3%A9dia:Mise_en_forme_des_images&action=edit&section=24" title="Modifier le code source de la section : Notes et références"><span>modifier le code</span></a><span class="mw-editsection-bracket">]</span></span></div> <div class="references-small decimal" style=""><div class="mw-references-wrap"><ol class="references"> <li id="cite_note-1"><span class="mw-cite-backlink noprint"><a href="#cite_ref-1">↑</a> </span><span class="reference-text">MediaWiki crée par défaut des vignettes de 200 pixels de large.</span> </li> <li id="cite_note-2"><span class="mw-cite-backlink noprint"><a href="#cite_ref-2">↑</a> </span><span class="reference-text">C'est-à-dire une vignette dont la largeur est précisée avec le <i>wikicode</i> : <code>[[Fichier:image.jpg|thumb|<b>321px</b>|alt=blabla|Légende]]</code>.</span> </li> <li id="cite_note-3"><span class="mw-cite-backlink noprint"><a href="#cite_ref-3">↑</a> </span><span class="reference-text">Plus une image est grande, plus il y a de risques qu'elle déborde de son paragraphe et repousse d'autres images, la table des matières, des tableaux, <abbr class="abbr" title="et cetera">etc.</abbr></span> </li> <li id="cite_note-4"><span class="mw-cite-backlink noprint"><a href="#cite_ref-4">↑</a> </span><span class="reference-text">Chaque utilisateur peut régler sa taille de vignette préférée dans les <a href="/wiki/Sp%C3%A9cial:Pr%C3%A9f%C3%A9rences" title="Spécial:Préférences">préférences</a> à l'onglet <span style="background-color: #f9f9f9; border: 1px solid #ccc; padding: 1px">Apparence / Fichiers</span>.</span> </li> <li id="cite_note-5"><span class="mw-cite-backlink noprint"><a href="#cite_ref-5">↑</a> </span><span class="reference-text">La signification du terme <a href="/wiki/Anglais" title="Anglais">anglais</a> <code>upright</code> est « le plus grand côté vers le haut ». L'option <code>upright</code> sans paramètre crée normalement une image faisant 75 % de la largeur par défaut. La largeur exacte est calculée en prenant la largeur par défaut des vignettes, multipliée par 0,75, et arrondie au multiple de 10 le plus proche. En général, la largeur par défaut est 180 pixels ce qui donne une largeur de 140 pixels pour une image <code>upright</code> et donc environ 180 pixels de haut pour une image portrait de ratio standard.</span> </li> <li id="cite_note-6"><span class="mw-cite-backlink noprint"><a href="#cite_ref-6">↑</a> </span><span class="reference-text"> voir ce commentaire d'un non voyant : « <a href="/wiki/Wikip%C3%A9dia:RAW/2013-09-13#Dans_les_coulisses_de_la_Wikimedia" title="Wikipédia:RAW/2013-09-13">Dans les coulisses de la Wikimedia</a> », <a href="/wiki/Wikip%C3%A9dia:Regards_sur_l%27actualit%C3%A9_de_la_Wikimedia" title="Wikipédia:Regards sur l'actualité de la Wikimedia">RAW</a> <abbr class="abbr" title="numéro">n<sup>o</sup></abbr> 101, 13 septembre 2013.</span> </li> <li id="cite_note-7"><span class="mw-cite-backlink noprint"><a href="#cite_ref-7">↑</a> </span><span class="reference-text">Des sites Web vous permettent de calculer le temps de chargement d'une page en fonction de la connexion. Les résultats indiqués sont valables pour un utilisateur anonyme, c'est-à-dire des images en <code>vignette</code> standard de 180 pixels. Exemple : <a rel="nofollow" class="external text" href="http://www.websiteoptimization.com/services/analyze/"><i><span class="lang-en" lang="en">Web Site Optimization</span></i></a>. Les propriétés d'une image (poids et autres) sont données par le <a href="/wiki/Navigateur_Web" class="mw-redirect" title="Navigateur Web">navigateur</a>.</span> </li> </ol></div> </div> <div class="navbox-container" style="clear:both;"> <table class="navbox collapsible noprint autocollapse" style=""> <tbody><tr><th class="navbox-title" colspan="2" style=""><div style="float:left; width:6em; text-align:left"><div class="noprint plainlinks nowrap tnavbar" style="padding:0; font-size:xx-small; color:var(--color-emphasized, #000000);"><a href="/wiki/Mod%C3%A8le:Palette_Aide" title="Modèle:Palette Aide"><abbr class="abbr" title="Voir ce modèle.">v</abbr></a> · <a class="external text" href="https://fr.wikipedia.org/w/index.php?title=Mod%C3%A8le:Palette_Aide&action=edit"><abbr class="abbr" title="Modifier ce modèle. Merci de prévisualiser avant de sauvegarder.">m</abbr></a></div></div><div style="font-size:110%">Aide</div></th> </tr> <tr> <th class="navbox-group" style="width:190px;">Débuter</th> <td class="navbox-list" style=""><div class="liste-horizontale"> <ul><li><a href="/wiki/Aide:Accueil" title="Aide:Accueil">Accueil de l'aide</a></li> <li><a href="/wiki/Aide:D%C3%A9buter" title="Aide:Débuter">Débuter</a></li> <li><a href="/wiki/Aide:Wikip%C3%A9dia_pas_%C3%A0_pas" title="Aide:Wikipédia pas à pas">Découvrir Wikipédia pas à pas</a></li> <li><a href="/wiki/Aide:Wikip%C3%A9dia_en_bref" title="Aide:Wikipédia en bref">L'essentiel à savoir</a></li> <li><a href="/wiki/Sp%C3%A9cial:Accueil_de_l%E2%80%99espace_personnel" title="Spécial:Accueil de l’espace personnel">Votre page d'accueil personnelle</a> <small>(nécessite un compte)</small></li></ul> </div></td> </tr> <tr> <th class="navbox-group" style="width:190px;">Règles</th> <td class="navbox-list navbox-even" style=""><div class="liste-horizontale"> <ul><li><a href="/wiki/Wikip%C3%A9dia:Principes_fondateurs" title="Wikipédia:Principes fondateurs">Principes fondateurs</a></li> <li><a href="/wiki/Wikip%C3%A9dia:Conventions_de_plan" title="Wikipédia:Conventions de plan">Conventions de plan</a></li> <li><a href="/wiki/Aide:R%C3%A8gles" title="Aide:Règles">Règles et recommandations</a> (<a href="/wiki/Aide:R%C3%A8gles#Recommandations_et_conventions_en_tous_genres" title="Aide:Règles">Résumé</a>)</li> <li><a href="/wiki/Wikip%C3%A9dia:Conventions_de_style" title="Wikipédia:Conventions de style">Conventions de style</a></li></ul> </div></td> </tr> <tr> <th class="navbox-group" style="width:190px;">Consultation de Wikipédia</th> <td class="navbox-list" style=""><div class="liste-horizontale"> <ul><li><a href="/wiki/Aide:Consultation" title="Aide:Consultation">Consultation de l’encyclopédie</a></li> <li><a href="/wiki/Aide:Recherche" title="Aide:Recherche">Recherche d'un article</a></li> <li><a href="/wiki/Aide:Lecture_critique" title="Aide:Lecture critique">Lecture critique</a></li></ul> </div></td> </tr> <tr> <th class="navbox-group" style="width:190px;">Ressources et listes</th> <td class="navbox-list navbox-even" style=""><div class="liste-horizontale"> <ul><li><a href="/wiki/Aide:Cat%C3%A9gorie" title="Aide:Catégorie">Catégories</a></li> <li><a href="/wiki/Aide:Couleurs" title="Aide:Couleurs">Couleurs</a></li> <li><a href="/wiki/Aide:Pages_sp%C3%A9ciales" title="Aide:Pages spéciales">Pages spéciales</a></li> <li><a href="/wiki/Aide:Mod%C3%A8le" title="Aide:Modèle">Modèles</a></li> <li><a href="/wiki/Aide:Bandeau" title="Aide:Bandeau">Bandeaux</a></li></ul> </div></td> </tr> <tr> <th class="navbox-group" style="width:190px;">Création et modification</th> <td class="navbox-list" style=""><div class="liste-horizontale"> <ul><li><a href="/wiki/Aide:%C3%89diteurVisuel" title="Aide:ÉditeurVisuel">Éditeur visuel</a></li> <li><a href="/wiki/Aide:Syntaxe" title="Aide:Syntaxe">Syntaxe wiki</a></li> <li><a href="/wiki/Aide:Que_faire_sur_Wikip%C3%A9dia_%3F" title="Aide:Que faire sur Wikipédia ?">Que faire sur Wikipédia ?</a></li> <li><a href="/wiki/Aide:Orthographe" title="Aide:Orthographe">Orthographe</a></li> <li><a href="/wiki/Aide:Tableau" title="Aide:Tableau">Tableau</a></li></ul> </div></td> </tr> <tr> <th class="navbox-group" style="width:190px;">Suivi des changements</th> <td class="navbox-list navbox-even" style=""><div class="liste-horizontale"> <ul><li><a href="/wiki/Aide:Historique" title="Aide:Historique">Historique des pages</a></li> <li><a href="/wiki/Aide:Contributions" title="Aide:Contributions">Contributions des utilisateurs</a></li> <li><a href="/wiki/Aide:Vandalisme" title="Aide:Vandalisme">Vandalisme</a></li></ul> </div></td> </tr> <tr> <th class="navbox-group" style="width:190px;">Liens et références</th> <td class="navbox-list" style=""><div class="liste-horizontale"> <ul><li><a href="/wiki/Aide:Liens_internes" title="Aide:Liens internes">Liens internes</a></li> <li><a href="/wiki/Aide:Liens_externes" title="Aide:Liens externes">Liens externes</a></li> <li><a href="/wiki/Aide:Ins%C3%A9rer_une_r%C3%A9f%C3%A9rence" title="Aide:Insérer une référence">Insérer une référence</a></li></ul> </div></td> </tr> <tr> <th class="navbox-group" style="width:190px;">Images et médias</th> <td class="navbox-list navbox-even" style=""><div class="liste-horizontale"> <ul><li><a href="/wiki/Wikip%C3%A9dia:Atelier_graphique" title="Wikipédia:Atelier graphique">Atelier graphique</a></li> <li><a href="/wiki/Aide:Importer_un_fichier" title="Aide:Importer un fichier">Importation de média</a></li> <li><a href="/wiki/Aide:Licences_des_fichiers_import%C3%A9s" title="Aide:Licences des fichiers importés">Licences des fichiers</a></li> <li><a href="/wiki/Aide:Ins%C3%A9rer_une_image" title="Aide:Insérer une image">Insérer une image</a></li> <li><a class="mw-selflink selflink">Mise en forme des images</a></li> <li><a href="/wiki/Aide:Taille_des_images" title="Aide:Taille des images">Taille des images</a></li></ul> </div></td> </tr> <tr> <th class="navbox-group" style="width:190px;">Gestion du compte utilisateur</th> <td class="navbox-list" style=""><div class="liste-horizontale"> <ul><li><a href="/wiki/Aide:Pr%C3%A9f%C3%A9rences" title="Aide:Préférences">Modification de ses préférences</a></li> <li><a href="/wiki/Aide:Page_utilisateur" title="Aide:Page utilisateur">Page personnelle</a></li> <li><a href="/wiki/Aide:Signature" title="Aide:Signature">Signature</a></li> <li><a href="/wiki/Aide:Gadgets" title="Aide:Gadgets">Gadgets</a></li></ul> </div></td> </tr> <tr> <th class="navbox-group" style="width:190px;">Informations techniques</th> <td class="navbox-list navbox-even" style=""><div class="liste-horizontale"> <ul><li><a href="/wiki/Aide:Utilitaires" title="Aide:Utilitaires">Utilitaires</a></li> <li><a href="/wiki/Aide:MediaWiki" title="Aide:MediaWiki">Logiciel MediaWiki</a></li> <li><a href="/wiki/Wikip%C3%A9dia:Atelier_accessibilit%C3%A9" title="Wikipédia:Atelier accessibilité">Accessibilité</a></li> <li><a href="/wiki/Projet:%C3%89valuation" title="Projet:Évaluation">Évaluation</a></li></ul> </div></td> </tr> <tr> <th class="navbox-group" style="width:190px;">Moyens de communication</th> <td class="navbox-list" style=""><div class="liste-horizontale"> <ul><li><a href="/wiki/Wikip%C3%A9dia:Le_Bistro" title="Wikipédia:Le Bistro">Bistro</a></li> <li><a href="/wiki/Aide:Discussion" title="Aide:Discussion">Pages de discussion</a></li> <li><a href="/wiki/Wikip%C3%A9dia:Forum_des_nouveaux" title="Wikipédia:Forum des nouveaux">Forum des nouveaux contributeurs</a></li> <li><a href="/wiki/Wikip%C3%A9dia:Questions_techniques" title="Wikipédia:Questions techniques">Question techniques</a></li></ul> </div></td> </tr> <tr> <th class="navbox-group" style="width:190px;">Communauté de Wikipédia</th> <td class="navbox-list navbox-even" style=""><div class="liste-horizontale"> <ul><li><a href="/wiki/Aide:Statuts_des_utilisateurs" title="Aide:Statuts des utilisateurs">Statuts des utilisateurs</a></li> <li><a href="/wiki/Wikip%C3%A9dia:Accueil_de_la_communaut%C3%A9" title="Wikipédia:Accueil de la communauté">Accueil</a></li> <li><a href="/wiki/Wikip%C3%A9dia:Annonces" title="Wikipédia:Annonces">Annonces</a></li> <li><a href="/wiki/Wikip%C3%A9dia:R%C3%A9solution_de_conflit" title="Wikipédia:Résolution de conflit">Résolution de conflit</a></li> <li><a href="/wiki/Wikip%C3%A9dia:Wikimag" title="Wikipédia:Wikimag">Wikimag</a></li></ul> </div></td> </tr> </tbody></table> <table class="navbox collapsible noprint collapsed" style=""> <tbody><tr><th class="navbox-title" colspan="2" style=""><div style="float:left; width:6em; text-align:left"><div class="noprint plainlinks nowrap tnavbar" style="padding:0; font-size:xx-small; color:var(--color-emphasized, #000000);"><a href="/wiki/Mod%C3%A8le:Palette_R%C3%A8gles_et_recommandations" title="Modèle:Palette Règles et recommandations"><abbr class="abbr" title="Voir ce modèle.">v</abbr></a> · <a class="external text" href="https://fr.wikipedia.org/w/index.php?title=Mod%C3%A8le:Palette_R%C3%A8gles_et_recommandations&action=edit"><abbr class="abbr" title="Modifier ce modèle. Merci de prévisualiser avant de sauvegarder.">m</abbr></a></div></div><div style="font-size:110%"><a href="/wiki/Wikip%C3%A9dia:R%C3%A8gles_et_recommandations" title="Wikipédia:Règles et recommandations">Règles et recommandations</a></div></th> </tr> <tr> <td class="navbox-banner" style="" colspan="2"><a href="/wiki/Aide:R%C3%A8gles" title="Aide:Règles">Principales règles existantes sur la version francophone de Wikipédia</a></td> </tr> <tr> <th class="navbox-group" style="width:100px;">Principes fondateurs</th> <td class="navbox-list" style=""><div class="liste-horizontale"> <ul><li><a href="/wiki/Wikip%C3%A9dia:Wikip%C3%A9dia_est_une_encyclop%C3%A9die" title="Wikipédia:Wikipédia est une encyclopédie">Pertinence encyclopédique</a></li> <li><a href="/wiki/Wikip%C3%A9dia:Neutralit%C3%A9_de_point_de_vue" title="Wikipédia:Neutralité de point de vue">Neutralité de point de vue</a></li> <li><a href="/wiki/Wikip%C3%A9dia:Droit_d%27auteur" title="Wikipédia:Droit d'auteur">Contenu libre</a></li> <li><a href="/wiki/Wikip%C3%A9dia:R%C3%A8gles_de_savoir-vivre" title="Wikipédia:Règles de savoir-vivre">Savoir-vivre</a></li> <li><a href="/wiki/Wikip%C3%A9dia:Interpr%C3%A9tation_cr%C3%A9ative_des_r%C3%A8gles" title="Wikipédia:Interprétation créative des règles">Souplesse des règles</a></li></ul> </div></td> </tr> <tr> <th class="navbox-group" style="width:100px;">Règles</th> <td class="navbox-list navbox-even" style=""><div class="liste-horizontale"> <ul><li><a href="/wiki/Wikip%C3%A9dia:AbuseFilter" title="Wikipédia:AbuseFilter">Abuse filter</a> (<a href="/wiki/Aide:AbuseFilter" title="Aide:AbuseFilter">aide</a>)</li> <li><a href="/wiki/Wikip%C3%A9dia:Citation" title="Wikipédia:Citation">Citation</a></li> <li><a href="/wiki/Wikip%C3%A9dia:Contestation_du_statut_d%27administrateur" title="Wikipédia:Contestation du statut d'administrateur">Contestation du statut d'administrateur</a></li> <li><a href="/wiki/Wikip%C3%A9dia:Contestation_du_statut_de_bureaucrate" title="Wikipédia:Contestation du statut de bureaucrate">Contestation du statut de bureaucrate</a></li> <li><a href="/wiki/Wikip%C3%A9dia:Conventions_sur_les_cat%C3%A9gories" title="Wikipédia:Conventions sur les catégories">Conventions sur les catégories</a></li> <li><a href="/wiki/Wikip%C3%A9dia:Utilisation_de_donn%C3%A9es_Wikidata_dans_les_articles" title="Wikipédia:Utilisation de données Wikidata dans les articles">Données Wikidata</a></li> <li><a href="/wiki/Wikip%C3%A9dia:Exceptions_au_droit_d%27auteur" title="Wikipédia:Exceptions au droit d'auteur">Exceptions au droit d’auteur</a></li> <li><a href="/wiki/Wikip%C3%A9dia:Liens_vers_les_portails" title="Wikipédia:Liens vers les portails">Liens vers les portails</a></li> <li><a href="/wiki/Wikip%C3%A9dia:Restriction_th%C3%A9matique" title="Wikipédia:Restriction thématique">Restriction thématique</a></li> <li><a href="/wiki/Wikip%C3%A9dia:Transcription_du_japonais" title="Wikipédia:Transcription du japonais">Transcription du japonais</a></li> <li><a href="/wiki/Wikip%C3%A9dia:Travaux_in%C3%A9dits" title="Wikipédia:Travaux inédits">Travaux inédits</a></li> <li><a href="/wiki/Wikip%C3%A9dia:Conventions_d%27utilisation_des_images" title="Wikipédia:Conventions d'utilisation des images">Utilisation des images</a></li> <li><a href="/wiki/Wikip%C3%A9dia:V%C3%A9rifiabilit%C3%A9" title="Wikipédia:Vérifiabilité">Vérifiabilité</a></li></ul> </div></td> </tr> <tr> <th class="navbox-group" style="width:100px;">Recommandations</th> <td class="navbox-list" style=""><table class="navbox-subgroup" style=""> <tbody><tr> <th class="navbox-group" style="width:100px;">Usage et <span class="nowrap">savoir-vivre</span></th> <td class="navbox-list" style=";"><div class="liste-horizontale"> <ul><li><a href="/wiki/Wikip%C3%A9dia:Blocage_en_%C3%A9criture" title="Wikipédia:Blocage en écriture">Blocage en écriture</a></li> <li><a href="https://foundation.wikimedia.org/wiki/Policy:Universal_Code_of_Conduct/fr" class="extiw" title="foundation:Policy:Universal Code of Conduct/fr">Code de conduite universel de la Fondation Wikimédia</a></li> <li><a href="/wiki/Wikip%C3%A9dia:Conflit_d%27int%C3%A9r%C3%AAts" title="Wikipédia:Conflit d'intérêts">Conflit d'intérêts</a></li> <li><a href="/wiki/Wikip%C3%A9dia:Consensus" title="Wikipédia:Consensus">Consensus</a></li> <li><a href="/wiki/Wikip%C3%A9dia:Discuter_au_lieu_de_voter" title="Wikipédia:Discuter au lieu de voter">Privilégiez la discussion</a></li> <li><a href="/wiki/Wikip%C3%A9dia:Esprit_de_non-violence" title="Wikipédia:Esprit de non-violence">Esprit de non-violence</a></li> <li><a href="/wiki/Wikip%C3%A9dia:Faux-nez" title="Wikipédia:Faux-nez">Faux-nez</a></li> <li><a href="/wiki/Wikip%C3%A9dia:Harc%C3%A8lement" title="Wikipédia:Harcèlement">Harcèlement</a></li> <li><a href="/wiki/Wikip%C3%A9dia:Ne_jouez_pas_avec_les_r%C3%A8gles" title="Wikipédia:Ne jouez pas avec les règles">Ne jouez pas avec les règles</a></li> <li><a href="/wiki/Wikip%C3%A9dia:N%27h%C3%A9sitez_pas_!" title="Wikipédia:N'hésitez pas !">N’hésitez pas !</a></li> <li><a href="/wiki/Wikip%C3%A9dia:Ne_vous_moquez_pas_du_monde_!" title="Wikipédia:Ne vous moquez pas du monde !">Ne vous moquez pas du monde !</a></li> <li><a href="/wiki/Wikip%C3%A9dia:Ne_mordez_pas_les_nouveaux" title="Wikipédia:Ne mordez pas les nouveaux">Ne mordez pas les nouveaux</a></li> <li><span style="white-space:normal;"><a href="/wiki/Wikip%C3%A9dia:Ne_pas_d%C3%A9sorganiser_Wikip%C3%A9dia_pour_une_argumentation_personnelle" title="Wikipédia:Ne pas désorganiser Wikipédia pour une argumentation personnelle">Ne pas désorganiser Wikipédia pour une argumentation personnelle</a></span></li> <li><a href="/wiki/Wikip%C3%A9dia:Nom_d%27utilisateur_connu" title="Wikipédia:Nom d'utilisateur connu">Nom d'utilisateur connu</a></li> <li><a href="/wiki/Wikip%C3%A9dia:Pantin" title="Wikipédia:Pantin">Pantin</a></li> <li><a href="/wiki/Wikip%C3%A9dia:Pas_d%27attaque_personnelle" title="Wikipédia:Pas d'attaque personnelle">Pas d'attaque personnelle</a></li> <li><a href="/wiki/Wikip%C3%A9dia:Protection" title="Wikipédia:Protection">Protection</a></li> <li><a href="/wiki/Wikip%C3%A9dia:Semi-protection" title="Wikipédia:Semi-protection">Semi-protection</a></li> <li><a href="/wiki/Wikip%C3%A9dia:R%C3%A8gle_des_trois_r%C3%A9vocations" title="Wikipédia:Règle des trois révocations">Règle des trois révocations</a></li> <li><a href="/wiki/Wikip%C3%A9dia:Sous-page" title="Wikipédia:Sous-page">Sous-page</a></li> <li><a href="/wiki/Wikip%C3%A9dia:Supposez_la_bonne_foi" title="Wikipédia:Supposez la bonne foi">Supposez la bonne foi</a></li> <li><a href="/wiki/Wikip%C3%A9dia:Commentez_vos_modifications" title="Wikipédia:Commentez vos modifications">Commentez vos modifications</a></li> <li><a href="/wiki/Wikip%C3%A9dia:Vandalisme" title="Wikipédia:Vandalisme">Vandalisme</a></li></ul> </div></td> </tr> <tr> <th class="navbox-group" style="width:100px;">Style</th> <td class="navbox-list navbox-even" style=";"><div class="liste-horizontale"> <ul><li><a href="/wiki/Wikip%C3%A9dia:Accessibilit%C3%A9" title="Wikipédia:Accessibilité">Accessibilité</a></li> <li><a href="/wiki/Wikip%C3%A9dia:Citez_vos_sources" title="Wikipédia:Citez vos sources">Citez vos sources</a></li> <li><a href="/wiki/Wikip%C3%A9dia:Conventions_bibliographiques" title="Wikipédia:Conventions bibliographiques">Conventions bibliographiques</a></li> <li><a href="/wiki/Wikip%C3%A9dia:Conventions_de_plan" title="Wikipédia:Conventions de plan">Conventions de plan</a></li> <li><a href="/wiki/Wikip%C3%A9dia:Conventions_de_style" title="Wikipédia:Conventions de style">Conventions de style</a></li> <li><span style="white-space:normal;"><a href="/wiki/Wikip%C3%A9dia:Conventions_filmographiques" title="Wikipédia:Conventions filmographiques">Conventions filmographiques</a></span></li> <li><a href="/wiki/Wikip%C3%A9dia:Conventions_sur_les_cat%C3%A9gories" title="Wikipédia:Conventions sur les catégories">Conventions sur les catégories</a></li> <li><a href="/wiki/Wikip%C3%A9dia:Conventions_sur_les_titres" title="Wikipédia:Conventions sur les titres">Conventions sur les titres</a></li> <li><span style="white-space:normal;"><a href="/wiki/Wikip%C3%A9dia:Conventions_sur_les_titres_d%27%C5%93uvres_de_musique_classique" title="Wikipédia:Conventions sur les titres d'œuvres de musique classique">Conventions sur les titres d'œuvres de musique classique</a></span></li> <li><a href="/wiki/Wikip%C3%A9dia:Conventions_sur_les_titres_de_personnages_de_la_mythologie_grecque" title="Wikipédia:Conventions sur les titres de personnages de la mythologie grecque">Conventions sur les titres de personnages de la mythologie grecque</a></li> <li><a href="/wiki/Wikip%C3%A9dia:Conventions_typographiques" title="Wikipédia:Conventions typographiques">Conventions typographiques</a></li> <li><a href="/wiki/Wikip%C3%A9dia:Conventions_concernant_les_nombres" title="Wikipédia:Conventions concernant les nombres">Conventions concernant les nombres</a></li> <li><a href="/wiki/Wikip%C3%A9dia:Dates" title="Wikipédia:Dates">Dates</a></li> <li><a href="/wiki/Wikip%C3%A9dia:Liens_externes" title="Wikipédia:Liens externes">Liens externes</a></li> <li><a href="/wiki/Wikip%C3%A9dia:Liens_internes" title="Wikipédia:Liens internes">Liens internes</a></li> <li><a href="/wiki/Wikip%C3%A9dia:Limitez_l%27usage_de_la_couleur_dans_les_articles" title="Wikipédia:Limitez l'usage de la couleur dans les articles">Limitez l'usage de la couleur dans les articles</a></li> <li><a class="mw-selflink selflink">Mise en forme des images</a></li> <li><a href="/wiki/Wikip%C3%A9dia:N%C3%A9ologisme" title="Wikipédia:Néologisme">Néologisme</a></li> <li><a href="/wiki/Wikip%C3%A9dia:Conventions_de_style#Orthographe" title="Wikipédia:Conventions de style">Orthographe</a></li> <li><a href="/wiki/Wikip%C3%A9dia:Principe_de_moindre_surprise" title="Wikipédia:Principe de moindre surprise">Principe de moindre surprise</a></li> <li><a href="/wiki/Wikip%C3%A9dia:R%C3%A9sum%C3%A9_introductif" title="Wikipédia:Résumé introductif">Résumé introductif</a></li> <li><a href="/wiki/Wikip%C3%A9dia:Signez_vos_messages" title="Wikipédia:Signez vos messages">Signature</a></li> <li><a href="/wiki/Wikip%C3%A9dia:Transcription_du_chinois" title="Wikipédia:Transcription du chinois">Transcription du chinois</a></li></ul> </div></td> </tr> <tr> <th class="navbox-group" style="width:100px;">Contenu</th> <td class="navbox-list" style=";"><div class="liste-horizontale"> <ul><li><a href="/wiki/Wikip%C3%A9dia:Accessibilit%C3%A9" title="Wikipédia:Accessibilité">Accessibilité</a></li> <li><a href="/wiki/Wikip%C3%A9dia:Mobile" class="mw-redirect" title="Wikipédia:Mobile">Contenus compatibles avec les mobiles</a></li> <li><a href="/wiki/Wikip%C3%A9dia:Articles_consacr%C3%A9s_%C3%A0_la_pornographie" title="Wikipédia:Articles consacrés à la pornographie">Articles consacrés à la pornographie</a></li> <li><a href="/wiki/Wikip%C3%A9dia:Autobiographie" title="Wikipédia:Autobiographie">Autobiographie</a></li> <li><a href="/wiki/Wikip%C3%A9dia:Biographie_de_personne_vivante" title="Wikipédia:Biographie de personne vivante">Biographie de personne vivante</a></li> <li><a href="/wiki/Wikip%C3%A9dia:Citez_vos_sources" title="Wikipédia:Citez vos sources">Citez vos sources</a></li> <li><a href="/wiki/Wikip%C3%A9dia:Contenu_choquant" title="Wikipédia:Contenu choquant">Contenu choquant</a></li> <li><a href="/wiki/Wikip%C3%A9dia:Contenu_%C3%A9vasif" title="Wikipédia:Contenu évasif">Contenu évasif</a></li> <li><a href="/wiki/Wikip%C3%A9dia:Internationalisation" title="Wikipédia:Internationalisation">Internationalisation</a></li> <li><span style="white-space:normal;"><a href="/wiki/Wikip%C3%A9dia:Ne_pas_d%C3%A9sorganiser_Wikip%C3%A9dia_pour_une_argumentation_personnelle" title="Wikipédia:Ne pas désorganiser Wikipédia pour une argumentation personnelle">Ne pas désorganiser Wikipédia pour une argumentation personnelle</a></span></li> <li><a href="/wiki/Wikip%C3%A9dia:R%C3%A9sum%C3%A9_introductif" title="Wikipédia:Résumé introductif">Résumé introductif</a></li> <li><a href="/wiki/Wikip%C3%A9dia:Scission_de_contenu" title="Wikipédia:Scission de contenu">Scission de contenu</a></li></ul> </div></td> </tr> <tr> <th class="navbox-group" style="width:100px;">Notoriété</th> <td class="navbox-list navbox-even" style=";"><div class="liste-horizontale"> <ul><li><a href="/wiki/Wikip%C3%A9dia:Notori%C3%A9t%C3%A9" title="Wikipédia:Notoriété">Notoriété</a></li> <li><a href="/wiki/Wikip%C3%A9dia:Crit%C3%A8res_d%27admissibilit%C3%A9_des_articles" title="Wikipédia:Critères d'admissibilité des articles">Critères d'admissibilité des articles</a></li> <li><a href="/wiki/Wikip%C3%A9dia:Crit%C3%A8res_sp%C3%A9cifiques_de_notori%C3%A9t%C3%A9" title="Wikipédia:Critères spécifiques de notoriété">Critères spécifiques de notoriété</a></li> <li><a href="/wiki/Wikip%C3%A9dia:Notori%C3%A9t%C3%A9_des_arts_visuels" title="Wikipédia:Notoriété des arts visuels">Arts visuels</a></li> <li><a href="/wiki/Wikip%C3%A9dia:Notori%C3%A9t%C3%A9_des_entreprises,_soci%C3%A9t%C3%A9s_et_produits" title="Wikipédia:Notoriété des entreprises, sociétés et produits">Entreprises, sociétés et produits</a></li> <li><a href="/wiki/Wikip%C3%A9dia:Notori%C3%A9t%C3%A9_des_fanzines" title="Wikipédia:Notoriété des fanzines">Fanzines</a></li> <li><a href="/wiki/Wikip%C3%A9dia:Notori%C3%A9t%C3%A9_dans_le_football" title="Wikipédia:Notoriété dans le football">Football</a></li> <li><a href="/wiki/Projet:Hockey_sur_glace/Conventions/Notori%C3%A9t%C3%A9" title="Projet:Hockey sur glace/Conventions/Notoriété">Hockey sur glace</a></li> <li><a href="/wiki/Wikip%C3%A9dia:Notori%C3%A9t%C3%A9_des_jeux_de_soci%C3%A9t%C3%A9" title="Wikipédia:Notoriété des jeux de société">Jeux de société</a></li> <li><a href="/wiki/Wikip%C3%A9dia:Notori%C3%A9t%C3%A9_de_la_musique" title="Wikipédia:Notoriété de la musique">Musique</a></li> <li><a href="/wiki/Wikip%C3%A9dia:Notori%C3%A9t%C3%A9_des_%C5%93uvres_de_fiction" title="Wikipédia:Notoriété des œuvres de fiction">Œuvres de fiction</a></li> <li><a href="/wiki/Wikip%C3%A9dia:Notori%C3%A9t%C3%A9_des_personnes" title="Wikipédia:Notoriété des personnes">Personnes</a></li> <li><a href="/wiki/Wikip%C3%A9dia:Notori%C3%A9t%C3%A9_des_personnalit%C3%A9s_politiques" title="Wikipédia:Notoriété des personnalités politiques">Personnalités politiques</a></li> <li><a href="/wiki/Wikip%C3%A9dia:Notori%C3%A9t%C3%A9_dans_le_domaine_de_la_pornographie" title="Wikipédia:Notoriété dans le domaine de la pornographie">Pornographie</a></li> <li><a href="/wiki/Projet:Rugby_%C3%A0_XV/Crit%C3%A8res_d%27admissibilit%C3%A9" title="Projet:Rugby à XV/Critères d'admissibilité">Rugby à XV</a></li> <li><a href="/wiki/Wikip%C3%A9dia:Notori%C3%A9t%C3%A9_des_sites_web" title="Wikipédia:Notoriété des sites web">Sites web</a></li> <li><a href="/wiki/Wikip%C3%A9dia:Notori%C3%A9t%C3%A9_des_sportifs" title="Wikipédia:Notoriété des sportifs">Sportifs</a></li> <li><a href="/wiki/Projet:Tennis/Crit%C3%A8res_d%27admissibilit%C3%A9" title="Projet:Tennis/Critères d'admissibilité">Tennis</a></li></ul> </div></td> </tr> </tbody></table></td> </tr> <tr> <td class="navbox-banner" style="" colspan="2">Les <a href="https://foundation.wikimedia.org/wiki/Terms_of_Use/fr" class="extiw" title="wmf:Terms of Use/fr">Conditions d'utilisation</a> et les <a href="/wiki/Wikip%C3%A9dia:Politique_de_Wikim%C3%A9dia" title="Wikipédia:Politique de Wikimédia">politiques de Wikimedia</a> s'appliquent à l'ensemble des <a href="/wiki/Wikip%C3%A9dia:Projets_fr%C3%A8res" title="Wikipédia:Projets frères">projets Wikimedia</a>.</td></tr></tbody></table> </div>    </div><noscript><img src="https://login.wikimedia.org/wiki/Special:CentralAutoLogin/start?type=1x1" alt="" width="1" height="1" style="border: none; position: absolute;"></noscript> <div class="printfooter" data-nosnippet="">Ce document provient de « <a dir="ltr" href="https://fr.wikipedia.org/w/index.php?title=Wikipédia:Mise_en_forme_des_images&oldid=205929341">https://fr.wikipedia.org/w/index.php?title=Wikipédia:Mise_en_forme_des_images&oldid=205929341</a> ».</div></div> <div id="catlinks" class="catlinks" data-mw="interface"><div id="mw-normal-catlinks" class="mw-normal-catlinks"><a href="/wiki/Cat%C3%A9gorie:Accueil" title="Catégorie:Accueil">Catégories</a> : <ul><li><a href="/wiki/Cat%C3%A9gorie:Wikip%C3%A9dia:Recommandation" title="Catégorie:Wikipédia:Recommandation">Wikipédia:Recommandation</a></li><li><a href="/wiki/Cat%C3%A9gorie:Aide:Image" title="Catégorie:Aide:Image">Aide:Image</a></li></ul></div></div> </div> </main> </div> <div class="mw-footer-container"> <footer id="footer" class="mw-footer" > <ul id="footer-info"> <li id="footer-info-lastmod"> La dernière modification de cette page a été faite le 12 juillet 2023 à 07:20.</li> <li id="footer-info-copyright"><span style="white-space: normal"><a href="/wiki/Wikip%C3%A9dia:Citation_et_r%C3%A9utilisation_du_contenu_de_Wikip%C3%A9dia" title="Wikipédia:Citation et réutilisation du contenu de Wikipédia">Droit d'auteur</a> : les textes sont disponibles sous <a rel="nofollow" class="external text" href="https://creativecommons.org/licenses/by-sa/4.0/deed.fr">licence Creative Commons attribution, partage dans les mêmes conditions</a> ; d’autres conditions peuvent s’appliquer. Voyez les <a class="external text" href="https://foundation.wikimedia.org/wiki/Policy:Terms_of_Use/fr">conditions d’utilisation</a> pour plus de détails, ainsi que les <a href="/wiki/Wikip%C3%A9dia:Cr%C3%A9dits_graphiques" title="Wikipédia:Crédits graphiques">crédits graphiques</a>. <br /> Wikipedia® est une marque déposée de la <a rel="nofollow" class="external text" href="https://wikimediafoundation.org/">Wikimedia Foundation, Inc.</a>, organisation de bienfaisance régie par le paragraphe <a href="/wiki/501c" title="501c">501(c)(3)</a> du code fiscal des États-Unis.</span><br /></li> </ul> <ul id="footer-places"> <li id="footer-places-privacy"><a href="https://foundation.wikimedia.org/wiki/Special:MyLanguage/Policy:Privacy_policy/fr">Politique de confidentialité</a></li> <li id="footer-places-about"><a href="/wiki/Wikip%C3%A9dia:%C3%80_propos_de_Wikip%C3%A9dia">À propos de Wikipédia</a></li> <li id="footer-places-disclaimers"><a href="/wiki/Wikip%C3%A9dia:Avertissements_g%C3%A9n%C3%A9raux">Avertissements</a></li> <li id="footer-places-contact"><a href="//fr.wikipedia.org/wiki/Wikipédia:Contact">Contact</a></li> <li id="footer-places-wm-codeofconduct"><a href="https://foundation.wikimedia.org/wiki/Special:MyLanguage/Policy:Universal_Code_of_Conduct">Code de conduite</a></li> <li id="footer-places-developers"><a href="https://developer.wikimedia.org">Développeurs</a></li> <li id="footer-places-statslink"><a href="https://stats.wikimedia.org/#/fr.wikipedia.org">Statistiques</a></li> <li id="footer-places-cookiestatement"><a href="https://foundation.wikimedia.org/wiki/Special:MyLanguage/Policy:Cookie_statement">Déclaration sur les témoins (cookies)</a></li> <li id="footer-places-mobileview"><a href="//fr.m.wikipedia.org/w/index.php?title=Wikip%C3%A9dia:Mise_en_forme_des_images&mobileaction=toggle_view_mobile" class="noprint stopMobileRedirectToggle">Version mobile</a></li> </ul> <ul id="footer-icons" class="noprint"> <li id="footer-copyrightico"><a href="https://wikimediafoundation.org/" class="cdx-button cdx-button--fake-button cdx-button--size-large cdx-button--fake-button--enabled"><img src="/static/images/footer/wikimedia-button.svg" width="84" height="29" alt="Wikimedia Foundation" loading="lazy"></a></li> <li id="footer-poweredbyico"><a href="https://www.mediawiki.org/" class="cdx-button cdx-button--fake-button cdx-button--size-large cdx-button--fake-button--enabled"><img src="/w/resources/assets/poweredby_mediawiki.svg" alt="Powered by MediaWiki" width="88" height="31" loading="lazy"></a></li> </ul> </footer> </div> </div> </div> <div class="vector-settings" id="p-dock-bottom"> <ul></ul> </div><script>(RLQ=window.RLQ||[]).push(function(){mw.config.set({"wgHostname":"mw-web.codfw.main-f69cdc8f6-6x78m","wgBackendResponseTime":159,"wgDiscussionToolsPageThreads":[{"headingLevel":2,"name":"h-","type":"heading","level":0,"id":"h-Principe_de_base","replies":[]},{"headingLevel":2,"name":"h-","type":"heading","level":0,"id":"h-Recommandations_sur_la_mise_en_forme","replies":[{"headingLevel":3,"name":"h-","type":"heading","level":0,"id":"h-Commons-Recommandations_sur_la_mise_en_forme","replies":[]}]},{"headingLevel":2,"name":"h-","type":"heading","level":0,"id":"h-Les_vignettes","replies":[{"headingLevel":3,"name":"h-","type":"heading","level":0,"id":"h-Bien_utiliser_les_légendes_avec_vignette-Les_vignettes","replies":[]},{"headingLevel":3,"name":"h-","type":"heading","level":0,"id":"h-Cas_particuliers_:_vignette_associé_à_upright_(ou_redresse)-Les_vignettes","replies":[]},{"headingLevel":3,"name":"h-","type":"heading","level":0,"id":"h-Images_verticales-Les_vignettes","replies":[]},{"headingLevel":3,"name":"h-","type":"heading","level":0,"id":"h-Éviter_les_empilements-Les_vignettes","replies":[]},{"headingLevel":3,"name":"h-","type":"heading","level":0,"id":"h-Images_dont_le_ratio_n'est_pas_proche_d'une_photographie_normale-Les_vignettes","replies":[]},{"headingLevel":3,"name":"h-","type":"heading","level":0,"id":"h-Panoramas-Les_vignettes","replies":[]},{"headingLevel":3,"name":"h-","type":"heading","level":0,"id":"h-Mise_en_avant_d'une_image_importante_dans_le_cadre_de_l'article-Les_vignettes","replies":[]},{"headingLevel":3,"name":"h-","type":"heading","level":0,"id":"h-Schémas_avec_taille_fixe-Les_vignettes","replies":[]},{"headingLevel":3,"name":"h-","type":"heading","level":0,"id":"h-Balise_gallery_et_modèle_Animation-Les_vignettes","replies":[{"headingLevel":4,"name":"h-","type":"heading","level":0,"id":"h-Les_paramètres-Balise_gallery_et_modèle_Animation","replies":[]},{"headingLevel":4,"name":"h-","type":"heading","level":0,"id":"h-Modèle_Animation-Balise_gallery_et_modèle_Animation","replies":[]}]},{"headingLevel":3,"name":"h-","type":"heading","level":0,"id":"h-Accessibilité-Les_vignettes","replies":[]}]},{"headingLevel":2,"name":"h-","type":"heading","level":0,"id":"h-Exemples_pratiques","replies":[{"headingLevel":3,"name":"h-","type":"heading","level":0,"id":"h-Vitesse_de_connexion-Exemples_pratiques","replies":[]},{"headingLevel":3,"name":"h-","type":"heading","level":0,"id":"h-Largeur_d'affichage-Exemples_pratiques","replies":[{"headingLevel":4,"name":"h-","type":"heading","level":0,"id":"h-Rendu_en_imposant_les_tailles-Largeur_d'affichage","replies":[]},{"headingLevel":4,"name":"h-","type":"heading","level":0,"id":"h-Rendu_en_utilisant_les_vignettes_standard_(vignette)_+_pourcentage_de_taille_(up-Largeur_d'affichage","replies":[]},{"headingLevel":4,"name":"h-","type":"heading","level":0,"id":"h-Rendu_en_utilisant_les_vignettes_standard_(vignette)-Largeur_d'affichage","replies":[]}]}]},{"headingLevel":2,"name":"h-","type":"heading","level":0,"id":"h-Articles_connexes","replies":[]},{"headingLevel":2,"name":"h-","type":"heading","level":0,"id":"h-Notes_et_références","replies":[]}],"wgPageParseReport":{"discussiontools":{"limitreport-timeusage":"0.041"},"limitreport":{"cputime":"0.302","walltime":"0.410","ppvisitednodes":{"value":2840,"limit":1000000},"postexpandincludesize":{"value":141458,"limit":2097152},"templateargumentsize":{"value":45514,"limit":2097152},"expansiondepth":{"value":17,"limit":100},"expensivefunctioncount":{"value":0,"limit":500},"unstrip-depth":{"value":0,"limit":20},"unstrip-size":{"value":9161,"limit":5000000},"entityaccesscount":{"value":0,"limit":400},"timingprofile":["100.00% 240.054 1 -total"," 17.04% 40.900 1 Modèle:Recommandation"," 16.71% 40.102 1 Modèle:Références"," 15.29% 36.709 1 Modèle:Palette"," 11.36% 27.274 2 Modèle:Méta_bandeau"," 10.66% 25.585 1 Modèle:Lang"," 10.21% 24.516 2 Modèle:Méta_palette_de_navigation"," 9.55% 22.935 19 Modèle:Unité"," 6.76% 16.224 1 Modèle:Palette_Règles_et_recommandations"," 6.68% 16.047 7 Modèle:Méta_bandeau_de_section"]},"scribunto":{"limitreport-timeusage":{"value":"0.052","limit":"10.000"},"limitreport-memusage":{"value":3062536,"limit":52428800}},"cachereport":{"origin":"mw-web.eqiad.main-5dc468848-k6pzp","timestamp":"20241123065451","ttl":2592000,"transientcontent":false}}});});</script> </body> </html>