CINXE.COM

<!DOCTYPE html> <html class="client-nojs skin-theme-clientpref-day mf-expand-sections-clientpref-0 mf-font-size-clientpref-small mw-mf-amc-clientpref-0" lang="en" dir="ltr"> <head> <meta charset="UTF-8"> <title>Wikipedia:Extended image syntax - Wikipedia</title> <script>(function(){var className="client-js skin-theme-clientpref-day mf-expand-sections-clientpref-0 mf-font-size-clientpref-small mw-mf-amc-clientpref-0";var cookie=document.cookie.match(/(?:^|; )enwikimwclientpreferences=([^;]+)/);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":["",""],"wgDigitTransformTable":["",""],"wgDefaultDateFormat":"dmy","wgMonthNames":["","January","February","March","April","May","June","July","August","September","October","November","December"],"wgRequestId":"b5d4d420-4a4d-4e96-8593-c727d794d5ac","wgCanonicalNamespace":"Project","wgCanonicalSpecialPageName":false,"wgNamespaceNumber":4,"wgPageName":"Wikipedia:Extended_image_syntax","wgTitle":"Extended image syntax","wgCurRevisionId":1259351074,"wgRevisionId": 1259351074,"wgArticleId":447141,"wgIsArticle":true,"wgIsRedirect":false,"wgAction":"view","wgUserName":null,"wgUserGroups":["*"],"wgPageViewLanguage":"en","wgPageContentLanguage":"en","wgPageContentModel":"wikitext","wgRelevantPageName":"Wikipedia:Extended_image_syntax","wgRelevantArticleId":447141,"wgIsProbablyEditable":false,"wgRelevantPageIsProbablyEditable":false,"wgRestrictionEdit":["autoconfirmed"],"wgRestrictionMove":["sysop"],"wgNoticeProject":"wikipedia","wgCiteReferencePreviewsActive":false,"wgFlaggedRevsParams":{"tags":{"status":{"levels":1}}},"wgMediaViewerOnClick":true,"wgMediaViewerEnabledByDefault":true,"wgPopupsFlags":0,"wgVisualEditor":{"pageLanguageCode":"en","pageLanguageDir":"ltr","pageVariantFallbacks":"en"},"wgMFMode":"stable","wgMFAmc":false,"wgMFAmcOutreachActive":false,"wgMFAmcOutreachUserEligible":false,"wgMFLazyLoadImages":true,"wgMFEditNoticesFeatureConflict":false,"wgMFDisplayWikibaseDescriptions":{"search":true,"watchlist":true,"tagline":false,"nearby": true},"wgMFIsSupportedEditRequest":true,"wgMFScriptPath":"","wgWMESchemaEditAttemptStepOversample":false,"wgWMEPageLength":50000,"wgRelatedArticlesCompat":[],"wgCentralAuthMobileDomain":true,"wgEditSubmitButtonLabelPublish":true,"wgDiscussionToolsFeaturesEnabled":{"replytool":true,"newtopictool":true,"sourcemodetoolbar":true,"topicsubscription":false,"autotopicsub":false,"visualenhancements":false,"visualenhancements_reply":false,"visualenhancements_pageframe":false},"wgDiscussionToolsFallbackEditMode":"source","wgSectionTranslationTargetLanguages":["ace","ady","alt","am","ami","an","ang","ann","anp","ar","ary","arz","as","ast","av","avk","awa","ay","az","azb","ba","ban","bar","bbc","bcl","bdr","be","bew","bg","bho","bi","bjn","blk","bm","bn","bo","bpy","br","bs","btm","bug","ca","cdo","ce","ceb","ch","chr","ckb","co","cr","crh","cs","cu","cy","da","dag","de","dga","din","diq","dsb","dtp","dv","dz","ee","el","eml","eo","es","et","eu","fa","fat","ff","fi","fj","fo","fon","fr","frp", "frr","fur","fy","gag","gan","gcr","gl","glk","gn","gom","gor","gpe","gu","guc","gur","guw","gv","ha","hak","haw","he","hi","hif","hr","hsb","ht","hu","hy","hyw","ia","iba","ie","ig","igl","ilo","io","is","it","iu","ja","jam","jv","ka","kaa","kab","kbd","kbp","kcg","kg","kge","ki","kk","kl","km","kn","ko","koi","krc","ks","ku","kus","kv","kw","ky","lad","lb","lez","lg","li","lij","lld","lmo","ln","lo","lt","ltg","lv","mad","mai","map-bms","mdf","mg","mhr","mi","min","mk","ml","mn","mni","mnw","mos","mr","mrj","ms","mt","mwl","my","myv","mzn","nah","nan","nap","nb","nds","nds-nl","ne","new","nia","nl","nn","nqo","nr","nso","ny","oc","om","or","os","pa","pag","pam","pap","pcd","pcm","pdc","pl","pms","pnb","ps","pt","pwn","qu","rm","rn","ro","rsk","rue","rup","rw","sa","sah","sat","sc","scn","sco","sd","se","sg","sgs","sh","shi","shn","si","sk","skr","sl","sm","smn","sn","so","sq","sr","srn","ss","st","stq","su","sv","sw","szl","ta","tay","tcy","tdd","te","tet","tg","th","ti","tk","tl", "tly","tn","to","tpi","tr","trv","ts","tt","tum","tw","ty","tyv","udm","ur","uz","ve","vec","vep","vi","vls","vo","vro","wa","war","wo","wuu","xal","xh","xmf","yi","yo","yue","za","zgh","zh","zu"],"isLanguageSearcherCXEntrypointEnabled":false,"mintEntrypointLanguages":["ace","ast","azb","bcl","bjn","bh","crh","ff","fon","ig","is","ki","ks","lmo","min","sat","ss","tn","vec"],"wgWikibaseItemId":"Q14722535","wgCheckUserClientHintsHeadersJsApi":["brands","architecture","bitness","fullVersionList","mobile","model","platform","platformVersion"],"GEHomepageSuggestedEditsEnableTopics":true,"wgGETopicsMatchModeEnabled":false,"wgGEStructuredTaskRejectionReasonTextInputEnabled":false,"wgGELevelingUpEnabledForUser":false,"wgMinervaPermissions":{"watchable":true,"watch":false},"wgMinervaFeatures":{"beta":false,"donate":true,"mobileOptionsLink":true,"categories":false,"pageIssues":true,"talkAtTop":true,"historyInPageActions":false,"overflowSubmenu":false,"tabsOnSpecials":true,"personalMenu":false, "mainMenuExpanded":false,"echo":true,"nightMode":true},"wgMinervaDownloadNamespaces":[0]};RLSTATE={"ext.globalCssJs.user.styles":"ready","site.styles":"ready","user.styles":"ready","ext.globalCssJs.user":"ready","user":"ready","user.options":"loading","ext.pygments":"ready","mediawiki.page.gallery.styles":"ready","ext.tmh.player.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.minerva.styles":"ready","skins.minerva.content.styles.images":"ready","mediawiki.hlist":"ready","skins.minerva.codex.styles":"ready","skins.minerva.icons":"ready","skins.minerva.amc.styles":"ready","ext.wikimediamessages.styles":"ready","mobile.init.styles":"ready","wikibase.client.init":"ready","ext.wikimediaBadges":"ready"};RLPAGEMODULES=["ext.pygments.view","ext.tmh.player","mediawiki.page.media","site","mediawiki.page.ready","skins.minerva.scripts", "ext.centralNotice.geoIP","ext.centralNotice.startUp","ext.gadget.switcher","ext.urlShortener.toolbar","ext.centralauth.centralautologin","ext.popups","mobile.init","ext.echo.centralauth","ext.discussionTools.init","ext.eventLogging","ext.wikimediaEvents","ext.navigationTiming","ext.cx.eventlogging.campaigns","ext.cx.entrypoints.languagesearcher.init","mw.externalguidance.init","ext.checkUser.clientHints","wikibase.sidebar.tracking"];</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=en&modules=ext.discussionTools.init.styles%7Cext.pygments%2CwikimediaBadges%7Cext.tmh.player.styles%7Cext.wikimediamessages.styles%7Cmediawiki.hlist%7Cmediawiki.page.gallery.styles%7Cmediawiki.widgets.styles%7Cmobile.init.styles%7Coojs-ui-core.icons%2Cstyles%7Coojs-ui.styles.indicators%7Cskins.minerva.amc.styles%7Cskins.minerva.codex.styles%7Cskins.minerva.content.styles.images%7Cskins.minerva.icons%2Cstyles%7Cwikibase.client.init&only=styles&skin=minerva"> <script async="" src="/w/load.php?lang=en&modules=startup&only=scripts&raw=1&skin=minerva"></script> <meta name="ResourceLoaderDynamicStyles" content=""> <link rel="stylesheet" href="/w/load.php?lang=en&modules=site.styles&only=styles&skin=minerva"> <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="theme-color" content="#eaecf0"> <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes, minimum-scale=0.25, maximum-scale=5.0"> <meta property="og:title" content="Wikipedia:Extended image syntax - Wikipedia"> <meta property="og:type" content="website"> <link rel="preconnect" href="//upload.wikimedia.org"> <link rel="manifest" href="/w/api.php?action=webapp-manifest"> <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="Wikipedia (en)"> <link rel="EditURI" type="application/rsd+xml" href="//en.wikipedia.org/w/api.php?action=rsd"> <link rel="canonical" href="https://en.wikipedia.org/wiki/Wikipedia:Extended_image_syntax"> <link rel="license" href="https://creativecommons.org/licenses/by-sa/4.0/deed.en"> <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 mediawiki ltr sitedir-ltr mw-hide-empty-elt ns-4 ns-subject page-Wikipedia_Extended_image_syntax rootpage-Wikipedia_Extended_image_syntax stable skin-minerva action-view skin--responsive mw-mf-amc-disabled mw-mf"><div id="mw-mf-viewport"> <div id="mw-mf-page-center"> <a class="mw-mf-page-center__mask" href="#"></a> <header class="header-container header-chrome"> <div class="minerva-header"> <nav class="navigation-drawer toggle-list view-border-box"> <input type="checkbox" id="main-menu-input" class="toggle-list__checkbox" role="button" aria-haspopup="true" aria-expanded="false" aria-labelledby="mw-mf-main-menu-button"> <label role="button" for="main-menu-input" id="mw-mf-main-menu-button" aria-hidden="true" data-event-name="ui.mainmenu" class="cdx-button cdx-button--size-large cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--icon-only cdx-button--weight-quiet toggle-list__toggle"> <span class="minerva-icon minerva-icon--menu"></span> <span></span> </label> <div id="mw-mf-page-left" class="menu view-border-box"> <ul id="p-navigation" class="toggle-list__list"> <li class="toggle-list-item "> <a class="toggle-list-item__anchor menu__item--home" href="/wiki/Main_Page" data-mw="interface"> <span class="minerva-icon minerva-icon--home"></span> <span class="toggle-list-item__label">Home</span> </a> </li> <li class="toggle-list-item "> <a class="toggle-list-item__anchor menu__item--random" href="/wiki/Special:Random" data-mw="interface"> <span class="minerva-icon minerva-icon--die"></span> <span class="toggle-list-item__label">Random</span> </a> </li> <li class="toggle-list-item skin-minerva-list-item-jsonly"> <a class="toggle-list-item__anchor menu__item--nearby" href="/wiki/Special:Nearby" data-event-name="menu.nearby" data-mw="interface"> <span class="minerva-icon minerva-icon--mapPin"></span> <span class="toggle-list-item__label">Nearby</span> </a> </li> </ul> <ul id="p-personal" class="toggle-list__list"> <li class="toggle-list-item "> <a class="toggle-list-item__anchor menu__item--login" href="/w/index.php?title=Special:UserLogin&returnto=Wikipedia%3AExtended+image+syntax" data-event-name="menu.login" data-mw="interface"> <span class="minerva-icon minerva-icon--logIn"></span> <span class="toggle-list-item__label">Log in</span> </a> </li> </ul> <ul id="pt-preferences" class="toggle-list__list"> <li class="toggle-list-item skin-minerva-list-item-jsonly"> <a class="toggle-list-item__anchor menu__item--settings" href="/w/index.php?title=Special:MobileOptions&returnto=Wikipedia%3AExtended+image+syntax" data-event-name="menu.settings" data-mw="interface"> <span class="minerva-icon minerva-icon--settings"></span> <span class="toggle-list-item__label">Settings</span> </a> </li> </ul> <ul id="p-donation" class="toggle-list__list"> <li class="toggle-list-item "> <a class="toggle-list-item__anchor menu__item--donate" href="https://donate.wikimedia.org/wiki/Special:FundraiserRedirector?utm_source=donate&utm_medium=sidebar&utm_campaign=C13_en.wikipedia.org&uselang=en&utm_key=minerva" data-event-name="menu.donate" data-mw="interface"> <span class="minerva-icon minerva-icon--heart"></span> <span class="toggle-list-item__label">Donate</span> </a> </li> </ul> <ul class="hlist"> <li class="toggle-list-item "> <a class="toggle-list-item__anchor menu__item--about" href="/wiki/Wikipedia:About" data-mw="interface"> <span class="toggle-list-item__label">About Wikipedia</span> </a> </li> <li class="toggle-list-item "> <a class="toggle-list-item__anchor menu__item--disclaimers" href="/wiki/Wikipedia:General_disclaimer" data-mw="interface"> <span class="toggle-list-item__label">Disclaimers</span> </a> </li> </ul> </div> <label class="main-menu-mask" for="main-menu-input"></label> </nav> <div class="branding-box"> <a href="/wiki/Main_Page"> <span><img src="/static/images/mobile/copyright/wikipedia-wordmark-en.svg" alt="Wikipedia" width="120" height="18" style="width: 7.5em; height: 1.125em;"/> </span> </a> </div> <form action="/w/index.php" method="get" class="minerva-search-form"> <div class="search-box"> <input type="hidden" name="title" value="Special:Search"/> <input class="search skin-minerva-search-trigger" id="searchInput" type="search" name="search" placeholder="Search Wikipedia" aria-label="Search Wikipedia" autocapitalize="sentences" title="Search Wikipedia [f]" accesskey="f"> <span class="search-box-icon-overlay"><span class="minerva-icon minerva-icon--search"></span> </span> </div> <button id="searchIcon" class="cdx-button cdx-button--size-large cdx-button--icon-only cdx-button--weight-quiet skin-minerva-search-trigger"> <span class="minerva-icon minerva-icon--search"></span> <span>Search</span> </button> </form> <nav class="minerva-user-navigation" aria-label="User navigation"> </nav> </div> </header> <main id="content" class="mw-body"> <div class="banner-container"> <div id="siteNotice"></div> </div> <div class="pre-content heading-holder"> <div class="page-heading"> <h1 id="firstHeading" class="firstHeading mw-first-heading"><span class="mw-page-title-namespace">Wikipedia</span><span class="mw-page-title-separator">:</span><span class="mw-page-title-main">Extended image syntax</span></h1> <div class="tagline"></div> </div> <ul id="p-associated-pages" class="minerva__tab-container"> <li class="minerva__tab selected"> <a class="minerva__tab-text" href="/wiki/Wikipedia:Extended_image_syntax" rel="" data-event-name="tabs.subject">Project page</a> </li> <li class="minerva__tab "> <a class="minerva__tab-text" href="/wiki/Wikipedia_talk:Extended_image_syntax" rel="" data-event-name="tabs.talk">Talk</a> </li> </ul> <nav class="page-actions-menu"> <ul id="p-views" class="page-actions-menu__list"> <li id="language-selector" class="page-actions-menu__list-item"> <a role="button" href="#p-lang" data-mw="interface" data-event-name="menu.languages" title="Language" class="cdx-button cdx-button--size-large cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--icon-only cdx-button--weight-quiet language-selector"> <span class="minerva-icon minerva-icon--language"></span> <span>Language</span> </a> </li> <li id="page-actions-watch" class="page-actions-menu__list-item"> <a role="button" id="ca-watch" href="/w/index.php?title=Special:UserLogin&returnto=Wikipedia%3AExtended+image+syntax" data-event-name="menu.watch" class="cdx-button cdx-button--size-large cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--icon-only cdx-button--weight-quiet menu__item--page-actions-watch"> <span class="minerva-icon minerva-icon--star"></span> <span>Watch</span> </a> </li> <li id="page-actions-viewsource" class="page-actions-menu__list-item"> <a role="button" id="ca-edit" href="/w/index.php?title=Wikipedia:Extended_image_syntax&action=edit" data-event-name="menu.viewsource" data-mw="interface" class="cdx-button cdx-button--size-large cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--icon-only cdx-button--weight-quiet edit-page menu__item--page-actions-viewsource"> <span class="minerva-icon minerva-icon--editLock"></span> <span>View source</span> </a> </li> </ul> </nav>  <div id="mw-content-subtitle"></div> </div> <div id="bodyContent" class="content"> <div id="mw-content-text" class="mw-body-content"><script>function mfTempOpenSection(id){var block=document.getElementById("mf-section-"+id);block.className+=" open-block";block.previousSibling.className+=" open-block";}</script><div class="mw-content-ltr mw-parser-output" lang="en" dir="ltr"><section class="mf-section-0" id="mf-section-0"><p class="mw-empty-elt"> </p> <style data-mw-deduplicate="TemplateStyles:r1238436933">.mw-parser-output .ombox{margin:4px 0;border-collapse:collapse;border:1px solid #a2a9b1;background-color:var(--background-color-neutral-subtle,#f8f9fa);box-sizing:border-box;color:var(--color-base,#202122)}.mw-parser-output .ombox.mbox-small{font-size:88%;line-height:1.25em}.mw-parser-output .ombox-speedy{border:2px solid #b32424;background-color:#fee7e6}.mw-parser-output .ombox-delete{border:2px solid #b32424}.mw-parser-output .ombox-content{border:1px solid #f28500}.mw-parser-output .ombox-style{border:1px solid #fc3}.mw-parser-output .ombox-move{border:1px solid #9932cc}.mw-parser-output .ombox-protection{border:2px solid #a2a9b1}.mw-parser-output .ombox .mbox-text{border:none;padding:0.25em 0.9em;width:100%}.mw-parser-output .ombox .mbox-image{border:none;padding:2px 0 2px 0.9em;text-align:center}.mw-parser-output .ombox .mbox-imageright{border:none;padding:2px 0.9em 2px 0;text-align:center}.mw-parser-output .ombox .mbox-empty-cell{border:none;padding:0;width:1px}.mw-parser-output .ombox .mbox-invalid-type{text-align:center}@media(min-width:720px){.mw-parser-output .ombox{margin:4px 10%}.mw-parser-output .ombox.mbox-small{clear:right;float:right;margin:4px 0 4px 1em;width:238px}}body.skin--responsive .mw-parser-output table.ombox img{max-width:none!important}@media screen{html.skin-theme-clientpref-night .mw-parser-output .ombox-speedy{background-color:#310402}}@media screen and (prefers-color-scheme:dark){html.skin-theme-clientpref-os .mw-parser-output .ombox-speedy{background-color:#310402}}</style><table class="plainlinks ombox ombox-notice" role="presentation"><tbody><tr><td class="mbox-image"><span typeof="mw:File"><span><img alt="Blue tick" src="//upload.wikimedia.org/wikipedia/commons/thumb/e/eb/Blue_check.svg/30px-Blue_check.svg.png" decoding="async" width="30" height="30" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/e/eb/Blue_check.svg/45px-Blue_check.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/e/eb/Blue_check.svg/60px-Blue_check.svg.png 2x" data-file-width="600" data-file-height="600"></span></span></td><td class="mbox-text"><b>This page documents an English Wikipedia <a href="/wiki/Category:Wikipedia_editing_guidelines" title="Category:Wikipedia editing guidelines">editing guideline</a>.</b><br><div style="font-size: 90%;">Editors should generally follow it, though <a href="/wiki/Wikipedia:Ignore_all_rules" title="Wikipedia:Ignore all rules">exceptions</a> may apply. Substantive edits to this page should reflect <a href="/wiki/Wikipedia:PGCHANGE" class="mw-redirect" title="Wikipedia:PGCHANGE">consensus</a>. When in doubt, discuss first on <a href="/wiki/Wikipedia_talk:Extended_image_syntax" title="Wikipedia talk:Extended image syntax">this guideline's talk page</a>.</div></td><td class="mbox-imageright"><style data-mw-deduplicate="TemplateStyles:r1252059228">.mw-parser-output .module-shortcutboxplain{float:right;margin:0 0 0 1em;border:1px solid var(--border-color-base,#a2a9b1);background-color:var(--background-color-base,#fff);padding:0.3em 0.6em 0.2em 0.6em;text-align:center;font-size:85%}.mw-parser-output .module-shortcutboxleft{float:left;margin:0 1em 0 0}.mw-parser-output .module-shortcutlist{display:inline-block;border-bottom:1px solid var(--border-color-base,#a2a9b1);margin-bottom:0.2em}.mw-parser-output .module-shortcutboxplain ul{font-weight:bold}.mw-parser-output .module-shortcutanchordiv{position:relative;top:-3em}.mw-parser-output li .module-shortcutanchordiv{float:right}.mw-parser-output .mbox-imageright .module-shortcutboxplain{padding:0.4em 1em 0.4em 1em;line-height:1.3;margin:0}</style><div class="module-shortcutanchordiv"><span id="WP:EIS"></span></div><div class="module-shortcutboxplain noprint" role="note"><div class="module-shortcutlist"><a href="/wiki/Wikipedia:Shortcut" title="Wikipedia:Shortcut">Shortcut</a></div><style data-mw-deduplicate="TemplateStyles:r1126788409">.mw-parser-output .plainlist ol,.mw-parser-output .plainlist ul{line-height:inherit;list-style:none;margin:0;padding:0}.mw-parser-output .plainlist ol li,.mw-parser-output .plainlist ul li{margin-bottom:0}</style><div class="plainlist"><ul><li><span class="plainlinks"><a class="external text" href="https://en.wikipedia.org/w/index.php?title=Wikipedia:EIS&redirect=no">WP:EIS</a></span></li></ul></div></div></td></tr></tbody></table> <p>This editing guideline documents the syntax used to insert pictures and other media files into Wikipedia pages. The same syntax is used regardless of whether a file is from Wikipedia or <a href="/wiki/Wikimedia_Commons" title="Wikimedia Commons">Wikimedia Commons</a>. New editors are encouraged to also see the <b><a href="/wiki/Help:Pictures" title="Help:Pictures">picture tutorial</a></b> and the <b><a href="/wiki/Help:Introduction_to_images_with_Wiki_Markup/1" title="Help:Introduction to images with Wiki Markup/1">simple guide for beginners</a></b>. </p> <div id="toc" class="toc" role="navigation" aria-labelledby="mw-toc-heading"><input type="checkbox" role="button" id="toctogglecheckbox" class="toctogglecheckbox" style="display:none"><div class="toctitle" lang="en" dir="ltr"><h2 id="mw-toc-heading">Contents</h2><span class="toctogglespan"><label class="toctogglelabel" for="toctogglecheckbox"></label></span></div> <ul> <li class="toclevel-1 tocsection-1"><a href="#Brief_syntax"><span class="tocnumber">1</span> <span class="toctext">Brief syntax</span></a></li> <li class="toclevel-1 tocsection-2"><a href="#Detailed_syntax"><span class="tocnumber">2</span> <span class="toctext">Detailed syntax</span></a> <ul> <li class="toclevel-2 tocsection-3"><a href="#Type"><span class="tocnumber">2.1</span> <span class="toctext">Type</span></a></li> <li class="toclevel-2 tocsection-4"><a href="#Border"><span class="tocnumber">2.2</span> <span class="toctext">Border</span></a></li> <li class="toclevel-2 tocsection-5"><a href="#Location"><span class="tocnumber">2.3</span> <span class="toctext">Location</span></a></li> <li class="toclevel-2 tocsection-6"><a href="#Vertical_alignment"><span class="tocnumber">2.4</span> <span class="toctext">Vertical alignment</span></a></li> <li class="toclevel-2 tocsection-7"><a href="#Size"><span class="tocnumber">2.5</span> <span class="toctext">Size</span></a></li> <li class="toclevel-2 tocsection-8"><a href="#Link"><span class="tocnumber">2.6</span> <span class="toctext">Link</span></a></li> <li class="toclevel-2 tocsection-9"><a href="#Alt_text_and_caption"><span class="tocnumber">2.7</span> <span class="toctext">Alt text and caption</span></a></li> <li class="toclevel-2 tocsection-10"><a href="#Class"><span class="tocnumber">2.8</span> <span class="toctext">Class</span></a></li> <li class="toclevel-2 tocsection-11"><a href="#Page"><span class="tocnumber">2.9</span> <span class="toctext">Page</span></a></li> </ul> </li> <li class="toclevel-1 tocsection-12"><a href="#Examples"><span class="tocnumber">3</span> <span class="toctext">Examples</span></a> <ul> <li class="toclevel-2 tocsection-13"><a href="#Using_the_basic_syntax"><span class="tocnumber">3.1</span> <span class="toctext">Using the basic syntax</span></a></li> <li class="toclevel-2 tocsection-14"><a href="#Keeping_the_original_size,_with_a_caption"><span class="tocnumber">3.2</span> <span class="toctext">Keeping the original size, with a caption</span></a></li> <li class="toclevel-2 tocsection-15"><a href="#Aligning_thumbnails_to_fit_into_text"><span class="tocnumber">3.3</span> <span class="toctext">Aligning thumbnails to fit into text</span></a></li> <li class="toclevel-2 tocsection-16"><a href="#The_many-floating-objects_problem"><span class="tocnumber">3.4</span> <span class="toctext">The many-floating-objects problem</span></a></li> <li class="toclevel-2 tocsection-17"><a href="#Using_%22upright%22"><span class="tocnumber">3.5</span> <span class="toctext">Using "upright"</span></a></li> <li class="toclevel-2 tocsection-18"><a href="#Using_frame"><span class="tocnumber">3.6</span> <span class="toctext">Using frame</span></a></li> <li class="toclevel-2 tocsection-19"><a href="#Using_alignment_%22none%22_thumbnails_in_tables"><span class="tocnumber">3.7</span> <span class="toctext">Using alignment "none" thumbnails in tables</span></a></li> <li class="toclevel-2 tocsection-20"><a href="#Formatting_and_links_in_captions"><span class="tocnumber">3.8</span> <span class="toctext">Formatting and links in captions</span></a></li> <li class="toclevel-2 tocsection-21"><a href="#Interaction_between_left-floating_images_and_lists"><span class="tocnumber">3.9</span> <span class="toctext">Interaction between left-floating images and lists</span></a></li> </ul> </li> <li class="toclevel-1 tocsection-22"><a href="#Overlaying_annotations_on_an_image"><span class="tocnumber">4</span> <span class="toctext">Overlaying annotations on an image</span></a></li> <li class="toclevel-1 tocsection-23"><a href="#Superimposing_images"><span class="tocnumber">5</span> <span class="toctext">Superimposing images</span></a></li> <li class="toclevel-1 tocsection-24"><a href="#Cropping_images"><span class="tocnumber">6</span> <span class="toctext">Cropping images</span></a></li> <li class="toclevel-1 tocsection-25"><a href="#Cancelling_floating-around-image_mode"><span class="tocnumber">7</span> <span class="toctext">Cancelling floating-around-image mode</span></a></li> <li class="toclevel-1 tocsection-26"><a href="#VR_images"><span class="tocnumber">8</span> <span class="toctext">VR images</span></a></li> <li class="toclevel-1 tocsection-27"><a href="#Linking_to_the_image_without_displaying_it"><span class="tocnumber">9</span> <span class="toctext">Linking to the image without displaying it</span></a></li> <li class="toclevel-1 tocsection-28"><a href="#Sound_files"><span class="tocnumber">10</span> <span class="toctext">Sound files</span></a> <ul> <li class="toclevel-2 tocsection-29"><a href="#MIDI"><span class="tocnumber">10.1</span> <span class="toctext">MIDI</span></a></li> </ul> </li> <li class="toclevel-1 tocsection-30"><a href="#Video_files"><span class="tocnumber">11</span> <span class="toctext">Video files</span></a> <ul> <li class="toclevel-2 tocsection-31"><a href="#Initial_still_image"><span class="tocnumber">11.1</span> <span class="toctext">Initial still image</span></a></li> <li class="toclevel-2 tocsection-32"><a href="#Temporal_media_fragments"><span class="tocnumber">11.2</span> <span class="toctext">Temporal media fragments</span></a></li> <li class="toclevel-2 tocsection-33"><a href="#Displaying_small_videos_larger"><span class="tocnumber">11.3</span> <span class="toctext">Displaying small videos larger</span></a></li> <li class="toclevel-2 tocsection-34"><a href="#Thumbtime_in_a_gallery"><span class="tocnumber">11.4</span> <span class="toctext">Thumbtime in a gallery</span></a></li> </ul> </li> <li class="toclevel-1 tocsection-35"><a href="#See_also"><span class="tocnumber">12</span> <span class="toctext">See also</span></a></li> </ul> </div> </section><div class="mw-heading mw-heading2 ext-discussiontools-init-section section-heading" onclick="mfTempOpenSection(1)"><span class="indicator mf-icon mf-icon-expand mf-icon--small"></span><h2 id="Brief_syntax" data-mw-thread-id="h-Brief_syntax"><span data-mw-comment-start="" id="h-Brief_syntax"></span>Brief syntax<span data-mw-comment-end="h-Brief_syntax"></span></h2></div><section class="mf-section-1 collapsible-block" id="mf-section-1"> <p>In brief, the <a href="/wiki/Syntax_(programming_languages)" title="Syntax (programming languages)">syntax</a> for displaying an image is: </p> <dl><dd><code>[[File:<i><b>Name</b></i>|<i><b>Type</b></i><wbr></wbr>|<i><b>Border</b></i><wbr></wbr>|<i><b>Location</b></i><wbr></wbr>|<i><b>Alignment</b></i><wbr></wbr>|<i><b>Size</b></i><wbr></wbr>|link=<i><b>Link</b></i><wbr></wbr>|alt=<i><b>Alt</b></i><wbr></wbr>|page=<i><b>Page</b></i><wbr></wbr>|lang=<i><b>Langtag</b></i><wbr></wbr>|<i><b>Caption</b></i>]]</code>.</dd></dl> <p><code>Plain type</code> means you always type exactly what you see. <code><i><b>Bold italics</b></i></code> represent a variable, which you replace with its actual value. </p><p>Of the parameters shown, only <i><b>Name</b></i> is essential. Most images should use <code>[[File:<i><b>Name</b></i>|thumb|alt=<i><b>Alt</b></i>|<i><b>Caption</b></i>]]</code> and not specify a size. </p><p>The other details: </p> <ul><li>are optional and</li> <li>can be placed in any order, except for <i><b>Caption</b></i>.</li></ul> <dl><dt><i>Type</i></dt> <dd><code>thumb</code> (or <code>thumbnail</code>; either can be followed by <code>=<var><b>filename</b></var></code>), <code>frame</code> (or <code>framed</code>), or <code>frameless</code>. Displays the image with specific formatting (see below).</dd> <dt><i>Border</i></dt> <dd><code>border</code>. Put a small border around the image.</dd> <dt><i>Location</i></dt> <dd><code>right</code>, <code>left</code>, <code>center</code> or <code>none</code>. Determine the horizontal placement of the image on the page. This defaults to <code>right</code> for thumbnails and framed images.</dd> <dt><i>Alignment</i></dt> <dd><code>baseline</code>, <code>middle</code>, <code>sub</code>, <code>super</code>, <code>text-top</code>, <code>text-bottom</code>, <code>top</code>, or <code>bottom</code>. Vertically align the image with respect to adjacent text. This defaults to <code>middle</code>.</dd> <dt><i>Size</i></dt> <dd><code>upright</code> or <code>upright=<var><b>scaling factor</b></var></code>. Scale a thumbnail from its default size by the given factor (default 0.75), rounding the result to the nearest multiple of 10 pixels. The <code>upright</code> option must be used along with the <code>thumb</code> or <code>frameless</code> parameter. Alternatively, and only where absolutely necessary, users' preferences may be disregarded and the size of the image fixed by specifying a size in pixels: <code><i><b>Width</b></i> px</code> or <code>x <i><b>Height</b></i> px</code> or <code><i><b>Width</b></i> x <i><b>Height</b></i> px</code>. Scale the image to be no greater than the given width or height, keeping its aspect ratio. Scaling up (i.e. stretching the image to a greater size) is disabled when the image is framed.</dd> <dt><i>Link</i></dt> <dd>Link the image to a different resource, or to nothing.</dd> <dt><i>Alt</i></dt> <dd>Specify the <a href="/wiki/Alt_attribute" title="Alt attribute">alt text</a> for the image. This is intended for visually impaired readers. See <a href="/wiki/Wikipedia:ALT" class="mw-redirect" title="Wikipedia:ALT">WP:ALT</a> for how this should typically differ from the caption.</dd> <dt><i>Page</i></dt> <dd>Specify a page other than 1 to use for the thumbnail image in multipaged files.</dd> <dt><i>Langtag</i></dt> <dd>Specify the <a href="/wiki/IETF_language_tag" title="IETF language tag">IETF language tag</a> (slang: langtag) for <code>switch</code>-translated <a href="/wiki/SVG" title="SVG">SVG</a> (Scalable Vector Graphics) files. Some SVG files are multilingual; this parameter specifies which language to use. The langtag should be all lowercase (e.g., <code>zh-hans</code> rather than <code>zh-Hans</code>). Defaults to current Wikipedia language in article namespace or <code>en</code> in other namespaces. See <code>{{<a href="https://commons.wikimedia.org/wiki/Template:Translate" class="extiw" title="commons:Template:Translate">Translate</a>}}</code>.</dd> <dt><i>Caption</i></dt> <dd>Not a keyword, the actual caption text. Must be last option. This is visible if the <code>thumb</code> or <code>frame</code> attribute is used, but may be displayed on <a href="/wiki/Mouseover" title="Mouseover">mouseover</a> in other cases.</dd></dl> </section><div class="mw-heading mw-heading2 ext-discussiontools-init-section section-heading" onclick="mfTempOpenSection(2)"><span class="indicator mf-icon mf-icon-expand mf-icon--small"></span><h2 id="Detailed_syntax" data-mw-thread-id="h-Detailed_syntax"><span data-mw-comment-start="" id="h-Detailed_syntax"></span>Detailed syntax<span data-mw-comment-end="h-Detailed_syntax"></span></h2></div><section class="mf-section-2 collapsible-block" id="mf-section-2"> <p>The image syntax begins with <code>[[</code>, contains components separated by <code>|</code>, and ends with <code>]]</code>. The <code>[[</code> and the first <code>|</code> (or, if there is no <code>|</code>, the terminating <code>]]</code>) must be on the same line; other spaces and line breaks <code class="nowrap" style=""><br></code> (or <code class="nowrap" style=""><br /></code>) are ignored if they are next to <code>|</code> characters or just inside the brackets. Spaces or line breaks are not allowed just before the <code>=</code> in the following options, and may have undesirable side effects if they appear just after the <code>=</code>. </p><p>Do not terminate with the code <code style="color: #a00">|]]</code>; this will be taken as an <i>empty</i> caption and override any <i>real</i> caption before it. </p> <div class="mw-heading mw-heading3"><h3 id="Type" data-mw-thread-id="h-Type-Detailed_syntax"><span data-mw-comment-start="" id="h-Type-Detailed_syntax"></span>Type<span data-mw-comment-end="h-Type-Detailed_syntax"></span></h3></div> <p>One of these options may be specified to control whether or not the image is scaled and/or given a border. For options that automatically scale the image, it's usually to 220px; logged-in users can modify this (at "Thumbnail size" under <span class="example" style="font-family: Georgia, serif;"><a href="/wiki/Special:Preferences" title="Special:Preferences">Preferences</a> → <a href="/wiki/Special:Preferences#mw-prefsection-rendering" title="Special:Preferences">Appearance</a> → <a href="/wiki/Special:Preferences#mw-prefsection-rendering-files" title="Special:Preferences">Files</a></span>). This is important to users with (e.g.) limited vision. If this is too large or small the <a href="#Size">upright attribute</a> can be used. Specifying a fixed size in pixels overrides all of this, but is unfriendly to users who need a larger image. </p> <dl><dt><code>thumb</code> (or <b><code>thumbnail</code></b>)</dt> <dd>Automatically scale the image, and put a box around it. Show a caption if specified. Float the image on the right unless overridden with the <a href="#Location">location attribute</a>. With an operand, e.g. <code>thumb=Example.png</code>, the operand names an image that is used as the thumbnail, ignoring any size specification.</dd> <dt><code>frame</code></dt> <dd>Preserve the original image size, and put a box around the image. Show any caption below the image. Float the image on the right unless overridden with the location attribute. <small> Note: Any size options specified will be ignored and flagged as a 'bogus file option' by the Linter.</small></dd> <dt><code>frameless</code></dt> <dd>Automatically scale the image up or down. Place it inline with the text unless overridden with the location attribute.</dd> <dt>Nothing specified</dt> <dd>Preserve the original image size, and do not add a border around the image. Do not show a caption. If no alt text is specifically requested, use the requested caption as alt text. This option is almost exclusively used in templates.</dd></dl> <div class="mw-heading mw-heading3"><h3 id="Border" data-mw-thread-id="h-Border-Detailed_syntax"><span data-mw-comment-start="" id="h-Border-Detailed_syntax"></span>Border<span data-mw-comment-end="h-Border-Detailed_syntax"></span></h3></div> <dl><dt><code>border</code></dt> <dd>Generate a one-pixel border around the image. This has an effect only around unframed images (those without <code class="tpl-para" style="word-break:break-word;">|thumb</code> and <code class="tpl-para" style="word-break:break-word;">|frame</code>), as framed images always have borders.</dd></dl> <div class="mw-heading mw-heading3"><h3 id="Location" data-mw-thread-id="h-Location-Detailed_syntax"><span data-mw-comment-start="" id="h-Location-Detailed_syntax"></span>Location<span data-mw-comment-end="h-Location-Detailed_syntax"></span></h3></div> <p>One of these options may be specified to control the position of the image. For examples of how all this works, see <a href="#New_syntax_for_images">Examples of location parameter</a>. </p> <dl><dt><code>right</code></dt> <dd>Place the image on the right side of the page. The article text that follows the image flows around the image. This is the default when <code>thumb</code> or <code>frame</code> is used.</dd> <dt><code>left</code></dt> <dd>Place the image on the left side of the page. The article text that follows the image flows around the image, but there may be formatting issues with lists and indented text (see <a href="#Interaction_between_left-floating_images_and_lists">§ Interaction between left-floating images and lists</a>).</dd> <dt><code>center</code></dt> <dd>Place the image in the center of the page. The article text that follows the image is placed below the image.</dd> <dt><code>none</code></dt> <dd>Place the image on the left side of the page. The article text that follows the image is placed below the image.</dd> <dt>Nothing specified, and neither <code>thumb</code> nor <code>frame</code></dt> <dd>The image is placed inline with the text, <span typeof="mw:File"><a href="/wiki/File:Face-smile.svg" class="mw-file-description"><noscript><img alt="smiling emoji" src="//upload.wikimedia.org/wikipedia/commons/thumb/7/79/Face-smile.svg/18px-Face-smile.svg.png" decoding="async" width="18" height="18" class="mw-file-element" data-file-width="48" data-file-height="48"></noscript><span class="lazy-image-placeholder" style="width: 18px;height: 18px;" data-src="//upload.wikimedia.org/wikipedia/commons/thumb/7/79/Face-smile.svg/18px-Face-smile.svg.png" data-alt="smiling emoji" data-width="18" data-height="18" data-srcset="//upload.wikimedia.org/wikipedia/commons/thumb/7/79/Face-smile.svg/27px-Face-smile.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/7/79/Face-smile.svg/36px-Face-smile.svg.png 2x" data-class="mw-file-element"> </span></a></span> like this.</dd></dl> <div class="mw-heading mw-heading3"><h3 id="Vertical_alignment" data-mw-thread-id="h-Vertical_alignment-Detailed_syntax"><span data-mw-comment-start="" id="h-Vertical_alignment-Detailed_syntax"></span>Vertical alignment<span data-mw-comment-end="h-Vertical_alignment-Detailed_syntax"></span></h3></div> <p>One of these options may optionally be specified to control the vertical alignment of the image with respect to adjacent text.<br> These vertical alignment options apply only to plain images, which do not cause breaks and are not floated (that is, they do not work with images that need text to flow around them. To make text flow around an image, place the image preceding the text and use the <code>thumb</code> parameter). </p><p>In the following list, each option's explanation is preceded by what <i><a href="/wiki/File:Flag_of_Hungary_vertical.svg" title="File:Flag of Hungary vertical.svg">File:Flag of Hungary vertical.svg</a></i> looks like when aligned using the listed option, using the markup<br> of <code>[[File:Flag of Hungary vertical.svg|<i>option</i>|frameless|upright=0.1|link=|alt=]]</code> </p> <style data-mw-deduplicate="TemplateStyles:r1184024115">.mw-parser-output .div-col{margin-top:0.3em;column-width:30em}.mw-parser-output .div-col-small{font-size:90%}.mw-parser-output .div-col-rules{column-rule:1px solid #aaa}.mw-parser-output .div-col dl,.mw-parser-output .div-col ol,.mw-parser-output .div-col ul{margin-top:0}.mw-parser-output .div-col li,.mw-parser-output .div-col dd{page-break-inside:avoid;break-inside:avoid-column}</style><div class="div-col"> <p><span style="break-inside:avoid-column;"><code>middle</code>:<br> <span class="mw-default-size mw-valign-middle" typeof="mw:File/Frameless"><span><noscript><img alt="" src="//upload.wikimedia.org/wikipedia/commons/thumb/d/d4/Flag_of_Hungary_vertical.svg/20px-Flag_of_Hungary_vertical.svg.png" decoding="async" width="20" height="40" class="mw-file-element" data-file-width="600" data-file-height="1200"></noscript><span class="lazy-image-placeholder" style="width: 20px;height: 40px;" data-src="//upload.wikimedia.org/wikipedia/commons/thumb/d/d4/Flag_of_Hungary_vertical.svg/20px-Flag_of_Hungary_vertical.svg.png" data-alt="" data-width="20" data-height="40" data-srcset="//upload.wikimedia.org/wikipedia/commons/thumb/d/d4/Flag_of_Hungary_vertical.svg/30px-Flag_of_Hungary_vertical.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/d/d4/Flag_of_Hungary_vertical.svg/40px-Flag_of_Hungary_vertical.svg.png 2x" data-class="mw-file-element"> </span></span></span>(This is the default.) Align the vertical middle of the image with the baseline of the text plus half the <a href="/wiki/X-height" title="X-height">x-height</a> of the text, so that the image is vertically centered around a lower case "x" in the text.</span> </p><p><span style="break-inside:avoid-column;"><code>baseline</code>:<br> <span class="mw-default-size mw-valign-baseline" typeof="mw:File/Frameless"><span><noscript><img alt="" src="//upload.wikimedia.org/wikipedia/commons/thumb/d/d4/Flag_of_Hungary_vertical.svg/20px-Flag_of_Hungary_vertical.svg.png" decoding="async" width="20" height="40" class="mw-file-element" data-file-width="600" data-file-height="1200"></noscript><span class="lazy-image-placeholder" style="width: 20px;height: 40px;" data-src="//upload.wikimedia.org/wikipedia/commons/thumb/d/d4/Flag_of_Hungary_vertical.svg/20px-Flag_of_Hungary_vertical.svg.png" data-alt="" data-width="20" data-height="40" data-srcset="//upload.wikimedia.org/wikipedia/commons/thumb/d/d4/Flag_of_Hungary_vertical.svg/30px-Flag_of_Hungary_vertical.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/d/d4/Flag_of_Hungary_vertical.svg/40px-Flag_of_Hungary_vertical.svg.png 2x" data-class="mw-file-element"> </span></span></span>Align the bottom of the image with the <a href="/wiki/Baseline_(typography)" title="Baseline (typography)">baseline</a> of the text.</span> </p><p><span style="break-inside:avoid-column;"><code>sub</code>:<br> <span class="mw-default-size mw-valign-sub" typeof="mw:File/Frameless"><span><noscript><img alt="" src="//upload.wikimedia.org/wikipedia/commons/thumb/d/d4/Flag_of_Hungary_vertical.svg/20px-Flag_of_Hungary_vertical.svg.png" decoding="async" width="20" height="40" class="mw-file-element" data-file-width="600" data-file-height="1200"></noscript><span class="lazy-image-placeholder" style="width: 20px;height: 40px;" data-src="//upload.wikimedia.org/wikipedia/commons/thumb/d/d4/Flag_of_Hungary_vertical.svg/20px-Flag_of_Hungary_vertical.svg.png" data-alt="" data-width="20" data-height="40" data-srcset="//upload.wikimedia.org/wikipedia/commons/thumb/d/d4/Flag_of_Hungary_vertical.svg/30px-Flag_of_Hungary_vertical.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/d/d4/Flag_of_Hungary_vertical.svg/40px-Flag_of_Hungary_vertical.svg.png 2x" data-class="mw-file-element"> </span></span></span>Align the bottom of the image to the same level that the bottom of a subscript would be, such as the bottom of the "2" in "X<sub>2</sub>".</span> </p><p><span style="break-inside:avoid-column;"><code>super</code>:<br> <span class="mw-default-size mw-valign-super" typeof="mw:File/Frameless"><span><noscript><img alt="" src="//upload.wikimedia.org/wikipedia/commons/thumb/d/d4/Flag_of_Hungary_vertical.svg/20px-Flag_of_Hungary_vertical.svg.png" decoding="async" width="20" height="40" class="mw-file-element" data-file-width="600" data-file-height="1200"></noscript><span class="lazy-image-placeholder" style="width: 20px;height: 40px;" data-src="//upload.wikimedia.org/wikipedia/commons/thumb/d/d4/Flag_of_Hungary_vertical.svg/20px-Flag_of_Hungary_vertical.svg.png" data-alt="" data-width="20" data-height="40" data-srcset="//upload.wikimedia.org/wikipedia/commons/thumb/d/d4/Flag_of_Hungary_vertical.svg/30px-Flag_of_Hungary_vertical.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/d/d4/Flag_of_Hungary_vertical.svg/40px-Flag_of_Hungary_vertical.svg.png 2x" data-class="mw-file-element"> </span></span></span>Align the bottom of the image to the same level that the bottom of a superscript would be, such as the bottom of the "2" in "X<sup>2</sup>".</span> </p><p><span style="break-inside:avoid-column;"><code>text-top</code>:<br> <span class="mw-default-size mw-valign-text-top" typeof="mw:File/Frameless"><span><noscript><img alt="" src="//upload.wikimedia.org/wikipedia/commons/thumb/d/d4/Flag_of_Hungary_vertical.svg/20px-Flag_of_Hungary_vertical.svg.png" decoding="async" width="20" height="40" class="mw-file-element" data-file-width="600" data-file-height="1200"></noscript><span class="lazy-image-placeholder" style="width: 20px;height: 40px;" data-src="//upload.wikimedia.org/wikipedia/commons/thumb/d/d4/Flag_of_Hungary_vertical.svg/20px-Flag_of_Hungary_vertical.svg.png" data-alt="" data-width="20" data-height="40" data-srcset="//upload.wikimedia.org/wikipedia/commons/thumb/d/d4/Flag_of_Hungary_vertical.svg/30px-Flag_of_Hungary_vertical.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/d/d4/Flag_of_Hungary_vertical.svg/40px-Flag_of_Hungary_vertical.svg.png 2x" data-class="mw-file-element"> </span></span></span>Align the top of the image to the top of the text. This is often a bit higher than the top of a capital letter, because of <a href="/wiki/Ascender_(typography)" title="Ascender (typography)">ascenders</a> in letters like lower-case "h".</span> </p><p><span style="break-inside:avoid-column;"><code>text-bottom</code>:<br> <span class="mw-default-size mw-valign-text-bottom" typeof="mw:File/Frameless"><span><noscript><img alt="" src="//upload.wikimedia.org/wikipedia/commons/thumb/d/d4/Flag_of_Hungary_vertical.svg/20px-Flag_of_Hungary_vertical.svg.png" decoding="async" width="20" height="40" class="mw-file-element" data-file-width="600" data-file-height="1200"></noscript><span class="lazy-image-placeholder" style="width: 20px;height: 40px;" data-src="//upload.wikimedia.org/wikipedia/commons/thumb/d/d4/Flag_of_Hungary_vertical.svg/20px-Flag_of_Hungary_vertical.svg.png" data-alt="" data-width="20" data-height="40" data-srcset="//upload.wikimedia.org/wikipedia/commons/thumb/d/d4/Flag_of_Hungary_vertical.svg/30px-Flag_of_Hungary_vertical.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/d/d4/Flag_of_Hungary_vertical.svg/40px-Flag_of_Hungary_vertical.svg.png 2x" data-class="mw-file-element"> </span></span></span>Align the bottom of the image to the bottom of the text. This is somewhat lower than the baseline, because of <a href="/wiki/Descender" title="Descender">descenders</a> in letters like lower-case "y".</span> </p><p><span style="break-inside:avoid-column;"><code>top</code>:<br> <span class="mw-default-size mw-valign-top" typeof="mw:File/Frameless"><span><noscript><img alt="" src="//upload.wikimedia.org/wikipedia/commons/thumb/d/d4/Flag_of_Hungary_vertical.svg/20px-Flag_of_Hungary_vertical.svg.png" decoding="async" width="20" height="40" class="mw-file-element" data-file-width="600" data-file-height="1200"></noscript><span class="lazy-image-placeholder" style="width: 20px;height: 40px;" data-src="//upload.wikimedia.org/wikipedia/commons/thumb/d/d4/Flag_of_Hungary_vertical.svg/20px-Flag_of_Hungary_vertical.svg.png" data-alt="" data-width="20" data-height="40" data-srcset="//upload.wikimedia.org/wikipedia/commons/thumb/d/d4/Flag_of_Hungary_vertical.svg/30px-Flag_of_Hungary_vertical.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/d/d4/Flag_of_Hungary_vertical.svg/40px-Flag_of_Hungary_vertical.svg.png 2x" data-class="mw-file-element"> </span></span></span>Align the top of the image to the top of the line containing the text. Normally this is slightly higher than the top of the text, to make space between lines of text.</span> </p><p><span style="break-inside:avoid-column;"><code>bottom</code>:<br> <span class="mw-default-size mw-valign-bottom" typeof="mw:File/Frameless"><span><noscript><img alt="" src="//upload.wikimedia.org/wikipedia/commons/thumb/d/d4/Flag_of_Hungary_vertical.svg/20px-Flag_of_Hungary_vertical.svg.png" decoding="async" width="20" height="40" class="mw-file-element" data-file-width="600" data-file-height="1200"></noscript><span class="lazy-image-placeholder" style="width: 20px;height: 40px;" data-src="//upload.wikimedia.org/wikipedia/commons/thumb/d/d4/Flag_of_Hungary_vertical.svg/20px-Flag_of_Hungary_vertical.svg.png" data-alt="" data-width="20" data-height="40" data-srcset="//upload.wikimedia.org/wikipedia/commons/thumb/d/d4/Flag_of_Hungary_vertical.svg/30px-Flag_of_Hungary_vertical.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/d/d4/Flag_of_Hungary_vertical.svg/40px-Flag_of_Hungary_vertical.svg.png 2x" data-class="mw-file-element"> </span></span></span>Align the bottom of the image to the bottom of the line containing the text. Normally this is slightly lower than the bottom of the text.</span> </p> </div> <div class="mw-heading mw-heading3"><h3 id="Size" data-mw-thread-id="h-Size-Detailed_syntax"><span data-mw-comment-start="" id="h-Size-Detailed_syntax"></span>Size<span data-mw-comment-end="h-Size-Detailed_syntax"></span></h3></div> <link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1252059228"><div class="module-shortcutanchordiv"><span id="WP:PICSIZE"></span></div><div class="module-shortcutboxplain noprint" role="note"><div class="module-shortcutlist"><a href="/wiki/Wikipedia:Shortcut" title="Wikipedia:Shortcut">Shortcut</a></div><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1126788409"><div class="plainlist"><ul><li><span class="plainlinks"><a class="external text" href="https://en.wikipedia.org/w/index.php?title=Wikipedia:PICSIZE&redirect=no">WP:PICSIZE</a></span></li></ul></div></div> <p>Any or none of these options may be specified to control the size of the image. In the case of images with captions, if the image is already smaller than the requested size, then the image retains its original size (it is not enlarged). In the case of images without captions, the image will be enlarged or reduced to match the requested size. Sizing is disabled when the <a href="#Type">type 'frame'</a> is use, with the size options being flagged as a <a href="/wiki/Special:LintErrors/bogus-image-options" title="Special:LintErrors/bogus-image-options">bogus file option</a> at <a href="/wiki/Special:LintErrors" title="Special:LintErrors">Special:LintErrors</a>. </p><p>The default thumbnail width can be set in the preferences, so <b>specifying in px is not recommended</b> in order to respect the users' preferences, which may be important for accessibility. Exceptions can, of course, be made, but do try to use <code>upright</code> or the default if possible. </p> <table class="mw-collapsible mw-archivedtalk mw-collapsed" style="background-color: transparent; text-align: left; border: 1px solid var(--border-color-subtle, #c8ccd1); margin:0.2em 0 0.2em 0.5em; width:auto; float: right; clear: right; padding: 1px;"> <tbody><tr> <th style="background-color: var(--background-color-interactive, #eaecf0); font-size:87%; padding:0.2em 0.3em; text-align: left;"><div style="display: inline; font-size: 115%; color: var(--color-base, #202122);">Implementation details</div> </th></tr> <tr> <td style="border: solid 1px var(--border-color-subtle, #c8ccd1); padding: 8px; background-color: var(--background-color-base, #fff); color: var(--color-base, #202122);"> <div>Specifying a size does not just change the apparent image size using HTML; it actually generates a resized version of the image on the fly and links to it appropriately. This happens whether or not you specify the size in conjunction with "thumb". <p>This means the server does all the work of changing the image size, not the web browser of the user. Having the server do all the work means faster downloading of pages. It also means that larger images can be stored on the server without any slowdown by the browser (especially on dial up telephone lines). Only the data for the actual size on the page is transmitted. </p><p>An exception is animated GIF images. Animated GIF images are not processed by the server. When a smaller size is specified the original full sized animated GIF image is served. Whether the animated GIF image is subsequently scaled to fit the allotted space belongs to the capabilities of the receiving browser. Resizing an animated GIF image will significantly reduce its quality, without any reduction of download time. </p> When there are two or more "size" options of the same type, only the last one is valid. However, if both an upright and an absolute size are used together, the absolute size always takes precedence, regardless of where it appears in the options.</div> </td></tr></tbody></table> <dl><dt><i>(nothing specified)</i></dt> <dd>For thumbnails, use the size specified in preferences for logged in users, and use a size determined by resolution for users who are not logged in. For non-thumbnails, use the native size of the image.</dd> <dt><code>upright</code> <style data-mw-deduplicate="TemplateStyles:r886047488">.mw-parser-output .nobold{font-weight:normal}</style><span class="nobold">or</span> <code>upright=</code><i>scaling factor</i></dt> <dd>Scale a thumbnail's size to <i>scaling factor</i> times the default thumbnail size, rounding the result to the nearest multiple of 10. For instance, <code>upright=1.5</code> makes the image larger, which is useful for maps or schematics that need to be larger to be readable. The parameter <code>upright=1</code> returns the same size as thumbnail width, and <code>upright=0.75</code> is functionally identical to <code>upright</code> alone. If you set <i>scaling factor</i> equal to the image's aspect ratio (width divided by height) the result is equivalent to scaling the height to be equal to the normal thumbnail width.</dd> <dd>The <code>upright</code> option only works with the <code>thumb</code> or <code>frameless</code> parameter (see <a href="#Type">Type</a>).</dd> <dt><i>Width</i><code>px</code></dt> <dd>(<i>E.g.</i> <code>100px</code>) Scale the image to make it the specified number of pixels in width, and scale the height to retain the original aspect ratio.</dd> <dt><code>x</code><i>Height</i><code>px</code></dt> <dd>(<i>E.g.</i>, <code>x150px</code>) Scale the image to make it the specified number of pixels in height, and scale the width to retain the original aspect ratio.</dd> <dt><i>Width</i><code>x</code><i>Height</i><code>px</code></dt> <dd>(<i>E.g.</i> <code>100x150px</code>) Scale the image to be no wider and no higher than the specified number of pixels. The image <b>will keep</b> its original aspect ratio.</dd></dl> <div class="mw-heading mw-heading3"><h3 id="Link" data-mw-thread-id="h-Link-Detailed_syntax"><span data-mw-comment-start="" id="h-Link-Detailed_syntax"></span>Link<span data-mw-comment-end="h-Link-Detailed_syntax"></span></h3></div> <style data-mw-deduplicate="TemplateStyles:r1236090951">.mw-parser-output .hatnote{font-style:italic}.mw-parser-output div.hatnote{padding-left:1.6em;margin-bottom:0.5em}.mw-parser-output .hatnote i{font-style:normal}.mw-parser-output .hatnote+link+.hatnote{margin-top:-0.5em}@media print{body.ns-0 .mw-parser-output .hatnote{display:none!important}}</style><div role="note" class="hatnote navigation-not-searchable">See also: <a href="/wiki/Wikipedia:Images_linking_to_articles" title="Wikipedia:Images linking to articles">Wikipedia:Images linking to articles</a></div> <dl><dt><code class="tpl-para" style="word-break:break-word;">|link=<var>Page</var></code></dt> <dd>Ordinarily, clicking on an image takes the reader to the <a href="/wiki/Help:Image_page" class="mw-redirect" title="Help:Image page">image description page</a>. The link option allows the reader to be taken instead to a different page, such as a fuller image from which the thumbnail was cropped, or to a full document of which the thumbnail was a single page (or crop of a single page). Do not enclose the page name in square brackets. If <var>Page</var> is a URL, the reader will be taken outside the project; this is not normally done in article space.</dd> <dt><code class="tpl-para" style="word-break:break-word;">|link=</code> (alone)</dt> <dd>Disables the link so that clicking on the image does nothing.</dd></dl> <p><code class="tpl-para" style="word-break:break-word;">|link=</code> affects only what happens when the <i>image itself</i> is clicked; <code class="tpl-para" style="word-break:break-word;">|thumb</code> images carry a little rectangle-rectangle icon <span typeof="mw:File"><span><noscript><img src="//upload.wikimedia.org/wikipedia/commons/thumb/f/f2/Magnify-clip.svg/15px-Magnify-clip.svg.png" decoding="async" width="15" height="11" class="mw-file-element" data-file-width="15" data-file-height="11"></noscript><span class="lazy-image-placeholder" style="width: 15px;height: 11px;" data-src="//upload.wikimedia.org/wikipedia/commons/thumb/f/f2/Magnify-clip.svg/15px-Magnify-clip.svg.png" data-width="15" data-height="11" data-srcset="//upload.wikimedia.org/wikipedia/commons/thumb/f/f2/Magnify-clip.svg/23px-Magnify-clip.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/f/f2/Magnify-clip.svg/30px-Magnify-clip.svg.png 2x" data-class="mw-file-element"> </span></span></span> in the caption area, and clicking that always leads to the image description page. Except for public-domain images, it must always be possible for the reader to reach the image-description page, so <code class="tpl-para" style="word-break:break-word;">|link=</code> should be used only with <code class="tpl-para" style="word-break:break-word;">|thumb</code> images. </p><p><code class="tpl-para" style="word-break:break-word;">|link=</code> cannot be used with <code class="tpl-para" style="word-break:break-word;">|frame</code>. </p><p>To disable all linking from, and description of, a <a href="/wiki/Wikipedia:Manual_of_Style/Accessibility/Alternative_text_for_images#Decorative_images" title="Wikipedia:Manual of Style/Accessibility/Alternative text for images">purely decorative image</a> – so that it's ignored by screen readers – use "<code class="tpl-para" style="word-break:break-word;">|link=</code><code class="tpl-para" style="word-break:break-word;">|alt=</code>" with no arguments for either parameter. </p> <div class="mw-heading mw-heading3"><h3 id="Alt_text_and_caption" data-mw-thread-id="h-Alt_text_and_caption-Detailed_syntax"><span data-mw-comment-start="" id="h-Alt_text_and_caption-Detailed_syntax"></span>Alt text and caption<span data-mw-comment-end="h-Alt_text_and_caption-Detailed_syntax"></span></h3></div> <p>Zero or more of these options may be specified to control the <i>alt text</i>, <i>link title</i>, and <i>caption</i> for the image. Captions may contain embedded wiki markup, such as links or formatting. See <a href="/wiki/Wikipedia:Captions" class="mw-redirect" title="Wikipedia:Captions">Wikipedia:Captions</a> for discussion of appropriate caption text. See <a href="/wiki/Wikipedia:Alternative_text_for_images" class="mw-redirect" title="Wikipedia:Alternative text for images">Wikipedia:Alternative text for images</a> for discussion of appropriate alt text. Internet Explorer displays the link title as a tooltip but other browsers may not.<sup class="noprint Inline-Template" style="white-space:nowrap;">[<i><a href="/wiki/Wikipedia:Manual_of_Style/Dates_and_numbers#Chronological_items" title="Wikipedia:Manual of Style/Dates and numbers"><span title="Internet Explorer is obsolete. (June 2024)">needs update</span></a></i>]</sup> </p><p>Hint: to force the caption to be written (underneath the picture) and not just appear as "hover text" even when you wish to resize the image, specify "<code>thumb</code>". If you specify "<code>frame</code>" the caption does appear but any resizing (such as "<code>125px</code>") is ignored. </p> <dl><dt><code>alt=</code><i>Alt</i></dt> <dd>Use <i><b>Alt</b></i> as the alt text for the image.</dd> <dt><i>Caption</i></dt> <dd>(the last option that is not recognised as some other part of the image syntax): How this text is used depends on the image type. When the type has a visible caption ("<code>thumbnail</code>", "<code>thumb</code>", "<code>frame</code>" or "<code>framed</code>") then this text appears as a caption below the image. Otherwise, (if the image type is unspecified or is "<code>frameless</code>"), this text is used for the link title provided the link has not been suppressed with "<code>|link=</code>", and also for the alt text provided an explicit <code>alt=</code><i><b>Alt</b></i> has not been supplied.</dd></dl> <p>The actual alt text for the displayed image will be one of the following, in order of preference: </p> <ol><li>The explicitly requested <i><b>Alt</b></i>, if any;</li> <li>The explicitly requested <i><b>Caption</b></i>, if the image type has no visible caption;</li> <li>The empty string, if there is an explicitly requested <i><b>Caption</b></i> and the image type has a visible caption.</li> <li>The image file name if there is no explicitly requested <i><b>Alt</b></i> or <i><b>Caption</b></i>. This is never a satisfactory option.</li></ol> <p>It is possible to specify the link title text only for images with no visible caption (as described above). However, as not all browsers display this text, and it is ignored by screen readers, there is little point. </p><p><b>Note:</b> <code>alt</code> is supported only for images. Audio and video files should use <a href="/wiki/Wikipedia:Manual_of_Style/Accessibility#Video" title="Wikipedia:Manual of Style/Accessibility">timed text</a>. </p> <div class="mw-heading mw-heading3"><h3 id="Class" data-mw-thread-id="h-Class-Detailed_syntax"><span data-mw-comment-start="" id="h-Class-Detailed_syntax"></span>Class<span data-mw-comment-end="h-Class-Detailed_syntax"></span></h3></div> <dl><dt><code>class=</code></dt> <dd>Used to insert any HTML classes for image. This has an effect only for some specific classes listed in <a href="/wiki/Wikipedia:Catalogue_of_CSS_classes" title="Wikipedia:Catalogue of CSS classes">Wikipedia:Catalogue of CSS classes</a>, or some classes produced by <a href="/wiki/Wikipedia:TemplateStyles" title="Wikipedia:TemplateStyles">TemplateStyles</a>.</dd></dl> <ul><li>The special class <code>class=notpageimage</code> will exclude the image from being selected by the <a href="https://www.mediawiki.org/wiki/Extension:PageImages" class="extiw" title="mw:Extension:PageImages">Page Images</a> algorithm.<sup>(<a href="https://phabricator.wikimedia.org/T301588" class="extiw" title="phab:T301588">phab:T301588</a>)</sup></li> <li><code>class=skin-invert</code> will cause the image's colors to be inverted in <a href="https://www.mediawiki.org/wiki/Reading/Web/Accessibility_for_reading/Updates/2024-04" class="extiw" title="mw:Reading/Web/Accessibility for reading/Updates/2024-04">dark mode</a>. <code>class=skin-invert-image</code> will only invert the image and not the caption.</li></ul> <div class="mw-heading mw-heading3"><h3 id="Page" data-mw-thread-id="h-Page-Detailed_syntax"><span data-mw-comment-start="" id="h-Page-Detailed_syntax"></span>Page<span data-mw-comment-end="h-Page-Detailed_syntax"></span></h3></div> <figure class="mw-default-size" typeof="mw:File/Thumb"><a href="/w/index.php?title=File:IMSLP01578-Ravel_-_Bolero_Full_Score_Durand_1929_.pdf&page=2" class="mw-file-description"><noscript><img src="//upload.wikimedia.org/wikipedia/commons/thumb/e/e6/IMSLP01578-Ravel_-_Bolero_Full_Score_Durand_1929_.pdf/page2-220px-IMSLP01578-Ravel_-_Bolero_Full_Score_Durand_1929_.pdf.jpg" decoding="async" width="220" height="323" class="mw-file-element" data-file-width="862" data-file-height="1264"></noscript><span class="lazy-image-placeholder" style="width: 220px;height: 323px;" data-src="//upload.wikimedia.org/wikipedia/commons/thumb/e/e6/IMSLP01578-Ravel_-_Bolero_Full_Score_Durand_1929_.pdf/page2-220px-IMSLP01578-Ravel_-_Bolero_Full_Score_Durand_1929_.pdf.jpg" data-width="220" data-height="323" data-srcset="//upload.wikimedia.org/wikipedia/commons/thumb/e/e6/IMSLP01578-Ravel_-_Bolero_Full_Score_Durand_1929_.pdf/page2-330px-IMSLP01578-Ravel_-_Bolero_Full_Score_Durand_1929_.pdf.jpg 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/e/e6/IMSLP01578-Ravel_-_Bolero_Full_Score_Durand_1929_.pdf/page2-440px-IMSLP01578-Ravel_-_Bolero_Full_Score_Durand_1929_.pdf.jpg 2x" data-class="mw-file-element"> </span></a><figcaption><i>Boléro</i>: page 2 from the score</figcaption></figure> <p>Normally page 1 from a PDF or DjVu file is used to generate the thumbnail. A different page can be used with the parameter <code class="tpl-para" style="word-break:break-word;">|page=</code>: <code class="mw-highlight mw-highlight-lang-wikitext mw-content-ltr" dir="ltr"><span class="p">[[</span><span class="nn">File</span><span class="p">:</span><span class="nt">IMSLP01578-Ravel - Bolero Full Score Durand 1929.pdf</span><span class="p">|</span>thumb<span class="p">|</span><span class="na">page</span><span class="o">=</span>2<span class="p">|</span><span class="ge">''Boléro''</span>: page 2 from the score<span class="p">]]</span></code>: </p> <div style="clear:right;" class=""></div> </section><div class="mw-heading mw-heading2 ext-discussiontools-init-section section-heading" onclick="mfTempOpenSection(3)"><span class="indicator mf-icon mf-icon-expand mf-icon--small"></span><h2 id="Examples" data-mw-thread-id="h-Examples"><span data-mw-comment-start="" id="h-Examples"></span>Examples<span data-mw-comment-end="h-Examples"></span></h2></div><section class="mf-section-3 collapsible-block" id="mf-section-3"> <link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1236090951"><div role="note" class="hatnote navigation-not-searchable">Note: This section does not display properly on the mobile version of Wikipedia</div> <div class="mw-heading mw-heading3"><h3 id="Using_the_basic_syntax" data-mw-thread-id="h-Using_the_basic_syntax-Examples"><span data-mw-comment-start="" id="h-Using_the_basic_syntax-Examples"></span>Using the basic syntax<span data-mw-comment-end="h-Using_the_basic_syntax-Examples"></span></h3></div> <p>The most basic example uses the syntax <code class="mw-highlight mw-highlight-lang-wikitext mw-content-ltr" dir="ltr"><span class="p">[[</span><span class="nn">File</span><span class="p">:</span><span class="nt">Westminstpalace.jpg</span><span class="p">|</span>Alt text<span class="p">]]</span></code>. This does not scale the image or allow text to wrap around it. This is not normally appropriate in an article. </p><p><span class="mw-default-size" typeof="mw:File"><a href="/wiki/File:Westminstpalace.jpg" class="mw-file-description" title="Alt text"><noscript><img alt="Alt text" src="//upload.wikimedia.org/wikipedia/commons/3/39/Westminstpalace.jpg" decoding="async" width="400" height="300" class="mw-file-element" data-file-width="400" data-file-height="300"></noscript><span class="lazy-image-placeholder" style="width: 400px;height: 300px;" data-src="//upload.wikimedia.org/wikipedia/commons/3/39/Westminstpalace.jpg" data-alt="Alt text" data-width="400" data-height="300" data-class="mw-file-element"> </span></a></span> </p><p>This is rendered inline, and the specified text is used as the image's <i>alt</i> attribute (alternate text for programs which cannot display images, such as <a href="/wiki/Screen_reader" title="Screen reader">screen readers</a>) and as the <i>title</i> attribute (supplementary text, often displayed as a tooltip when the mouse is over the image). See <a href="/wiki/Wikipedia:Captions" class="mw-redirect" title="Wikipedia:Captions">Wikipedia:Captions</a> for discussion of appropriate caption text. See <a href="/wiki/Wikipedia:Alternative_text_for_images" class="mw-redirect" title="Wikipedia:Alternative text for images">Wikipedia:Alternative text for images</a> for discussion of appropriate alt text. </p><p>Above, the image of the Thames was put into its own paragraph. This isn't mandatory; images can sit inline in text, as shown below. </p> <div style="overflow:auto;" class="mw-highlight mw-highlight-lang-wikitext mw-content-ltr" dir="ltr"><pre><span></span>text text text text text text <span class="p">[[</span><span class="nn">File</span><span class="p">:</span><span class="nt">Westminstpalace.jpg</span><span class="p">|</span>150px<span class="p">|</span><span class="na">alt</span><span class="o">=</span>A large clock tower and other buildings line a great river.<span class="p">|</span>The Palace of Westminster<span class="p">]]</span> text text text text text <span class="p">[[</span><span class="nn">File</span><span class="p">:</span><span class="nt">tst.png</span><span class="p">|</span>100px<span class="p">|</span><span class="na">alt</span><span class="o">=</span>Tiny globe<span class="p">|</span>This is a globe.<span class="p">]]</span> text text text text </pre></div> <p>gives </p><p>text text text text text text <span typeof="mw:File"><a href="/wiki/File:Westminstpalace.jpg" class="mw-file-description" title="The Palace of Westminster"><noscript><img alt="A large clock tower and other buildings line a great river." src="//upload.wikimedia.org/wikipedia/commons/thumb/3/39/Westminstpalace.jpg/150px-Westminstpalace.jpg" decoding="async" width="150" height="113" class="mw-file-element" data-file-width="400" data-file-height="300"></noscript><span class="lazy-image-placeholder" style="width: 150px;height: 113px;" data-src="//upload.wikimedia.org/wikipedia/commons/thumb/3/39/Westminstpalace.jpg/150px-Westminstpalace.jpg" data-alt="A large clock tower and other buildings line a great river." data-width="150" data-height="113" data-srcset="//upload.wikimedia.org/wikipedia/commons/thumb/3/39/Westminstpalace.jpg/225px-Westminstpalace.jpg 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/3/39/Westminstpalace.jpg/300px-Westminstpalace.jpg 2x" data-class="mw-file-element"> </span></a></span> text text text text text <span typeof="mw:File"><a href="/wiki/File:Tst.png" class="mw-file-description" title="This is a globe."><noscript><img alt="Tiny globe" src="//upload.wikimedia.org/wikipedia/commons/2/27/Tst.png" decoding="async" width="100" height="100" class="mw-file-element" data-file-width="10" data-file-height="10"></noscript><span class="lazy-image-placeholder" style="width: 100px;height: 100px;" data-src="//upload.wikimedia.org/wikipedia/commons/2/27/Tst.png" data-alt="Tiny globe" data-width="100" data-height="100" data-class="mw-file-element"> </span></a></span> text text text text </p> <div class="mw-heading mw-heading3"><h3 id="Keeping_the_original_size,_with_a_caption" data-mw-thread-id="h-Keeping_the_original_size,_with_a_caption-Examples"><span id="Keeping_the_original_size.2C_with_a_caption"></span><span data-mw-comment-start="" id="h-Keeping_the_original_size,_with_a_caption-Examples"></span>Keeping the original size, with a caption<span data-mw-comment-end="h-Keeping_the_original_size,_with_a_caption-Examples"></span></h3></div> <p>To display an image as uploaded with a caption use <code>[[File:Westminstpalace.jpg|frame|none|alt=Alt text|Caption text]]</code>. </p> <figure class="mw-halign-none" typeof="mw:File/Frame"><a href="/wiki/File:Westminstpalace.jpg" class="mw-file-description"><noscript><img alt="Alt text" src="//upload.wikimedia.org/wikipedia/commons/3/39/Westminstpalace.jpg" decoding="async" width="400" height="300" class="mw-file-element" data-file-width="400" data-file-height="300"></noscript><span class="lazy-image-placeholder" style="width: 400px;height: 300px;" data-src="//upload.wikimedia.org/wikipedia/commons/3/39/Westminstpalace.jpg" data-alt="Alt text" data-width="400" data-height="300" data-class="mw-file-element"> </span></a><figcaption>Caption text</figcaption></figure> <div class="mw-heading mw-heading3"><h3 id="Aligning_thumbnails_to_fit_into_text" data-mw-thread-id="h-Aligning_thumbnails_to_fit_into_text-Examples"><span data-mw-comment-start="" id="h-Aligning_thumbnails_to_fit_into_text-Examples"></span>Aligning thumbnails to fit into text<span data-mw-comment-end="h-Aligning_thumbnails_to_fit_into_text-Examples"></span></h3></div> <p><span class="anchor" id="New_syntax_for_images"></span> </p> <figure class="mw-default-size mw-halign-left" typeof="mw:File/Thumb"><a href="/wiki/File:Westminstpalace.jpg" class="mw-file-description"><noscript><img alt="A large clock tower and other buildings line a great river." src="//upload.wikimedia.org/wikipedia/commons/thumb/3/39/Westminstpalace.jpg/90px-Westminstpalace.jpg" decoding="async" width="90" height="68" class="mw-file-element" data-file-width="400" data-file-height="300"></noscript><span class="lazy-image-placeholder" style="width: 90px;height: 68px;" data-src="//upload.wikimedia.org/wikipedia/commons/thumb/3/39/Westminstpalace.jpg/90px-Westminstpalace.jpg" data-alt="A large clock tower and other buildings line a great river." data-width="90" data-height="68" data-srcset="//upload.wikimedia.org/wikipedia/commons/thumb/3/39/Westminstpalace.jpg/135px-Westminstpalace.jpg 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/3/39/Westminstpalace.jpg/180px-Westminstpalace.jpg 2x" data-class="mw-file-element"> </span></a><figcaption>The Palace of Westminster</figcaption></figure> <p>This is the style most familiar to readers. As shown on in the example image, the image is framed, is an appropriate size, and has text able to wrap around it. A caption is properly integrated. </p><p>The important part of this is the <code>thumb</code> parameter: <code>[[File:Westminstpalace.jpg|<b>thumb</b>|upright=0.4|left|alt=A large clock tower and other buildings line a great river.|The Palace of Westminster]]</code> (as shown in the left). For details of these options, see previous sections. </p><p>Examples of the location parameter are below: </p> <div style="clear:both;" class=""></div> <div style="display:flex; flex-flow: row wrap; text-align: left;"> <div style="width:38em; border: 1px solid #a2a9b1; padding: 0.5em; margin: 0.5em; flex: 38em;; display:inline-block;"><b>right</b><br> <figure class="mw-default-size mw-halign-right" typeof="mw:File/Thumb"><a href="/wiki/File:Westminstpalace.jpg" class="mw-file-description"><noscript><img alt="A large clock tower and other buildings line a great river." src="//upload.wikimedia.org/wikipedia/commons/thumb/3/39/Westminstpalace.jpg/80px-Westminstpalace.jpg" decoding="async" width="80" height="60" class="mw-file-element" data-file-width="400" data-file-height="300"></noscript><span class="lazy-image-placeholder" style="width: 80px;height: 60px;" data-src="//upload.wikimedia.org/wikipedia/commons/thumb/3/39/Westminstpalace.jpg/80px-Westminstpalace.jpg" data-alt="A large clock tower and other buildings line a great river." data-width="80" data-height="60" data-srcset="//upload.wikimedia.org/wikipedia/commons/thumb/3/39/Westminstpalace.jpg/120px-Westminstpalace.jpg 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/3/39/Westminstpalace.jpg/160px-Westminstpalace.jpg 2x" data-class="mw-file-element"> </span></a><figcaption></figcaption></figure>The image is right-aligned, and text floats to the left of the image: <code>[[File:Westminstpalace.jpg|thumb|alt=A large clock tower and other buildings line a great river.|<b>right</b>|upright=0.35]]</code> (shown on the right).<div style="clear:both;" class=""></div></div> <div style="width:38em; border: 1px solid #a2a9b1; padding: 0.5em; margin: 0.5em; flex: 38em;; display:inline-block;"><b>left</b><br> <figure class="mw-default-size mw-halign-left" typeof="mw:File/Thumb"><a href="/wiki/File:Westminstpalace.jpg" class="mw-file-description"><noscript><img alt="A large clock tower and other buildings line a great river." src="//upload.wikimedia.org/wikipedia/commons/thumb/3/39/Westminstpalace.jpg/80px-Westminstpalace.jpg" decoding="async" width="80" height="60" class="mw-file-element" data-file-width="400" data-file-height="300"></noscript><span class="lazy-image-placeholder" style="width: 80px;height: 60px;" data-src="//upload.wikimedia.org/wikipedia/commons/thumb/3/39/Westminstpalace.jpg/80px-Westminstpalace.jpg" data-alt="A large clock tower and other buildings line a great river." data-width="80" data-height="60" data-srcset="//upload.wikimedia.org/wikipedia/commons/thumb/3/39/Westminstpalace.jpg/120px-Westminstpalace.jpg 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/3/39/Westminstpalace.jpg/160px-Westminstpalace.jpg 2x" data-class="mw-file-element"> </span></a><figcaption></figcaption></figure>The image is left aligned, and text floats to the right of the image: <code>[[File:Westminstpalace.jpg|thumb|alt=A large clock tower and other buildings line a great river.|<b>left</b>|upright=0.35]]</code> (shown on the left).<div style="clear:both;" class=""></div></div> <div style="width:38em; border: 1px solid #a2a9b1; padding: 0.5em; margin: 0.5em; flex: 38em;; display:inline-block;"><b>center</b><br> The image is centered, and... <figure class="mw-default-size mw-halign-center" typeof="mw:File/Thumb"><a href="/wiki/File:Westminstpalace.jpg" class="mw-file-description"><noscript><img alt="A large clock tower and other buildings line a great river." src="//upload.wikimedia.org/wikipedia/commons/thumb/3/39/Westminstpalace.jpg/80px-Westminstpalace.jpg" decoding="async" width="80" height="60" class="mw-file-element" data-file-width="400" data-file-height="300"></noscript><span class="lazy-image-placeholder" style="width: 80px;height: 60px;" data-src="//upload.wikimedia.org/wikipedia/commons/thumb/3/39/Westminstpalace.jpg/80px-Westminstpalace.jpg" data-alt="A large clock tower and other buildings line a great river." data-width="80" data-height="60" data-srcset="//upload.wikimedia.org/wikipedia/commons/thumb/3/39/Westminstpalace.jpg/120px-Westminstpalace.jpg 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/3/39/Westminstpalace.jpg/160px-Westminstpalace.jpg 2x" data-class="mw-file-element"> </span></a><figcaption></figcaption></figure> the text following the image starts below it: <code>[[File:Westminstpalace.jpg|thumb|alt=A large clock tower and other buildings line a great river.|<b>center</b>|upright=0.35]]</code> (shown above).<div style="clear:both;" class=""></div></div> <div style="width:38em; border: 1px solid #a2a9b1; padding: 0.5em; margin: 0.5em; flex: 38em;; display:inline-block;"><b>none</b><br> The image is put at the left, and... <figure class="mw-default-size mw-halign-none" typeof="mw:File/Thumb"><a href="/wiki/File:Westminstpalace.jpg" class="mw-file-description"><noscript><img alt="A large clock tower and other buildings line a great river." src="//upload.wikimedia.org/wikipedia/commons/thumb/3/39/Westminstpalace.jpg/80px-Westminstpalace.jpg" decoding="async" width="80" height="60" class="mw-file-element" data-file-width="400" data-file-height="300"></noscript><span class="lazy-image-placeholder" style="width: 80px;height: 60px;" data-src="//upload.wikimedia.org/wikipedia/commons/thumb/3/39/Westminstpalace.jpg/80px-Westminstpalace.jpg" data-alt="A large clock tower and other buildings line a great river." data-width="80" data-height="60" data-srcset="//upload.wikimedia.org/wikipedia/commons/thumb/3/39/Westminstpalace.jpg/120px-Westminstpalace.jpg 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/3/39/Westminstpalace.jpg/160px-Westminstpalace.jpg 2x" data-class="mw-file-element"> </span></a><figcaption></figcaption></figure> the text following does not float to the right (or to the left, obviously), and starts below it: <code>[[File:Westminstpalace.jpg|thumb|alt=A large clock tower and other buildings line a great river.|<b>none</b>|upright=0.35]]</code> (shown above).<div style="clear:both;" class=""></div></div> </div> <div class="mw-heading mw-heading3"><h3 id="The_many-floating-objects_problem" data-mw-thread-id="h-The_many-floating-objects_problem-Examples"><span data-mw-comment-start="" id="h-The_many-floating-objects_problem-Examples"></span>The many-floating-objects problem<span data-mw-comment-end="h-The_many-floating-objects_problem-Examples"></span></h3></div> <link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1252059228"><div class="module-shortcutanchordiv"><span id="WP:MFOP"></span></div><div class="module-shortcutboxplain noprint" role="note"><div class="module-shortcutlist"><a href="/wiki/Wikipedia:Shortcut" title="Wikipedia:Shortcut">Shortcut</a></div><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1126788409"><div class="plainlist"><ul><li><span class="plainlinks"><a class="external text" href="https://en.wikipedia.org/w/index.php?title=Wikipedia:MFOP&redirect=no">WP:MFOP</a></span></li></ul></div></div> <link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1236090951"><div role="note" class="hatnote navigation-not-searchable">See also: <a href="/wiki/Wikipedia:STACKING" class="mw-redirect" title="Wikipedia:STACKING">WP:STACKING</a></div> <p>There is a floating issue in HTML/CSS that prevents certain images (or other floating objects) from floating above others. It occurs only if: </p> <ul><li>there are multiple floating objects on one side of the page</li> <li>the floating object on the other side of the page comes <b>after</b> the other ones in the source code</li></ul> <p>The first floating object on the latter side of the page won't float above the last floating object on the former (see examples below). Solutions include alternating between left and right in aligning images or other floating objects (not shown); setting to "none" the alignment of the one that won't float above the others (as demonstrated "live" on the population table <a href="/wiki/Rochefort,_Charente-Maritime" title="Rochefort, Charente-Maritime">here</a>); and using a gallery tag for large numbers of images in a single section. Per <a href="/wiki/MOS:ACCESS#FLOAT" class="mw-redirect" title="MOS:ACCESS">MOS:ACCESS#FLOAT</a>, images should be inserted so their markup is in the correct section, even if that can cause them to float into the next section. </p><p>Problematic code: </p> <div class="mw-highlight mw-highlight-lang-wikitext mw-content-ltr" dir="ltr"><pre><span></span><span class="gu">==Section 1==</span> <span class="p">[[</span><span class="nn">File</span><span class="p">:</span><span class="nt">Westminstpalace.jpg</span><span class="p">|</span>thumb<span class="p">|</span>70px<span class="p">|</span>right<span class="p">|</span>Figure 1.1 (<span class="gs">'''right'''</span>)<span class="p">]]</span> <span class="p">[[</span><span class="nn">File</span><span class="p">:</span><span class="nt">Westminstpalace.jpg</span><span class="p">|</span>thumb<span class="p">|</span>70px<span class="p">|</span>right<span class="p">|</span>Figure 1.2 (<span class="gs">'''right'''</span>)<span class="p">]]</span> <span class="p">[[</span><span class="nn">File</span><span class="p">:</span><span class="nt">Westminstpalace.jpg</span><span class="p">|</span>thumb<span class="p">|</span>70px<span class="p">|</span>right<span class="p">|</span>Figure 1.3 (<span class="gs">'''right'''</span>)<span class="p">]]</span> <span class="p">[[</span><span class="nn">File</span><span class="p">:</span><span class="nt">Westminstpalace.jpg</span><span class="p">|</span>thumb<span class="p">|</span>70px<span class="p">|</span>right<span class="p">|</span>Figure 1.4 (<span class="gs">'''right'''</span>)<span class="p">]]</span> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. <span class="gu">==Section 2==</span> <span class="p">[[</span><span class="nn">File</span><span class="p">:</span><span class="nt">Westminstpalace.jpg</span><span class="p">|</span>thumb<span class="p">|</span>70px<span class="p">|</span>left<span class="p">|</span>Figure 2.1 (<span class="gs">'''left'''</span>)<span class="p">]]</span> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </pre></div> <div style="display:flex; flex-flow: row wrap; text-align: left;"> <div style="width:38em; border: 1px solid #a2a9b1; padding: 0.5em; margin: 0.5em; flex: 25em;; display:inline-block;"><b>The problem</b>: <style data-mw-deduplicate="TemplateStyles:r1236298596">.mw-parser-output .fake-heading{color:var(--color-emphasized,#000000);background:none;margin:0;overflow:hidden;padding-bottom:0.17em;page-break-after:avoid;padding-top:0.5em}.mw-parser-output .fake-heading.h1,.mw-parser-output .fake-heading.h2{border-bottom:1px solid var(--border-color-base,#a2a9b1);margin-bottom:0.25em;margin-top:1em;padding:0;font-family:"Linux Libertine","Georgia","Times","Source Serif Pro",serif;line-height:1.375}body.skin-monobook .mw-parser-output .fake-heading.h1,body.skin-monobook .mw-parser-output .fake-heading.h2{font-family:inherit;line-height:inherit}body.skin-timeless .mw-parser-output .fake-heading.h1,body.skin-timeless .mw-parser-output .fake-heading.h2{border-bottom:3px solid #c8ccd1}.mw-parser-output .fake-heading.h1{font-size:1.8em}body.skin-timeless .mw-parser-output .fake-heading.h1{font-size:2em}.mw-parser-output .fake-heading.h2{font-size:1.5em}body.skin-timeless .mw-parser-output .fake-heading.h2{font-size:1.8em}.mw-parser-output .fake-heading.h3,.mw-parser-output .fake-heading.h4,.mw-parser-output .fake-heading.h5,.mw-parser-output .fake-heading.h6{font-weight:bold;margin-top:0.3em;margin-bottom:0;padding-bottom:0;line-height:1.6}.mw-parser-output .fake-heading.h3{font-size:1.2em}.mw-parser-output .fake-heading.h4{font-size:100%}</style><div class="fake-heading h2">Section 1</div> <figure class="mw-halign-right" typeof="mw:File/Thumb"><a href="/wiki/File:Westminstpalace.jpg" class="mw-file-description"><noscript><img src="//upload.wikimedia.org/wikipedia/commons/thumb/3/39/Westminstpalace.jpg/70px-Westminstpalace.jpg" decoding="async" width="70" height="53" class="mw-file-element" data-file-width="400" data-file-height="300"></noscript><span class="lazy-image-placeholder" style="width: 70px;height: 53px;" data-src="//upload.wikimedia.org/wikipedia/commons/thumb/3/39/Westminstpalace.jpg/70px-Westminstpalace.jpg" data-width="70" data-height="53" data-srcset="//upload.wikimedia.org/wikipedia/commons/thumb/3/39/Westminstpalace.jpg/105px-Westminstpalace.jpg 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/3/39/Westminstpalace.jpg/140px-Westminstpalace.jpg 2x" data-class="mw-file-element"> </span></a><figcaption>Figure 1.1 (<b>right</b>)</figcaption></figure> <figure class="mw-halign-right" typeof="mw:File/Thumb"><a href="/wiki/File:Westminstpalace.jpg" class="mw-file-description"><noscript><img src="//upload.wikimedia.org/wikipedia/commons/thumb/3/39/Westminstpalace.jpg/70px-Westminstpalace.jpg" decoding="async" width="70" height="53" class="mw-file-element" data-file-width="400" data-file-height="300"></noscript><span class="lazy-image-placeholder" style="width: 70px;height: 53px;" data-src="//upload.wikimedia.org/wikipedia/commons/thumb/3/39/Westminstpalace.jpg/70px-Westminstpalace.jpg" data-width="70" data-height="53" data-srcset="//upload.wikimedia.org/wikipedia/commons/thumb/3/39/Westminstpalace.jpg/105px-Westminstpalace.jpg 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/3/39/Westminstpalace.jpg/140px-Westminstpalace.jpg 2x" data-class="mw-file-element"> </span></a><figcaption>Figure 1.2 (<b>right</b>)</figcaption></figure> <figure class="mw-halign-right" typeof="mw:File/Thumb"><a href="/wiki/File:Westminstpalace.jpg" class="mw-file-description"><noscript><img src="//upload.wikimedia.org/wikipedia/commons/thumb/3/39/Westminstpalace.jpg/70px-Westminstpalace.jpg" decoding="async" width="70" height="53" class="mw-file-element" data-file-width="400" data-file-height="300"></noscript><span class="lazy-image-placeholder" style="width: 70px;height: 53px;" data-src="//upload.wikimedia.org/wikipedia/commons/thumb/3/39/Westminstpalace.jpg/70px-Westminstpalace.jpg" data-width="70" data-height="53" data-srcset="//upload.wikimedia.org/wikipedia/commons/thumb/3/39/Westminstpalace.jpg/105px-Westminstpalace.jpg 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/3/39/Westminstpalace.jpg/140px-Westminstpalace.jpg 2x" data-class="mw-file-element"> </span></a><figcaption>Figure 1.3 (<b>right</b>)</figcaption></figure> <figure class="mw-halign-right" typeof="mw:File/Thumb"><a href="/wiki/File:Westminstpalace.jpg" class="mw-file-description"><noscript><img src="//upload.wikimedia.org/wikipedia/commons/thumb/3/39/Westminstpalace.jpg/70px-Westminstpalace.jpg" decoding="async" width="70" height="53" class="mw-file-element" data-file-width="400" data-file-height="300"></noscript><span class="lazy-image-placeholder" style="width: 70px;height: 53px;" data-src="//upload.wikimedia.org/wikipedia/commons/thumb/3/39/Westminstpalace.jpg/70px-Westminstpalace.jpg" data-width="70" data-height="53" data-srcset="//upload.wikimedia.org/wikipedia/commons/thumb/3/39/Westminstpalace.jpg/105px-Westminstpalace.jpg 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/3/39/Westminstpalace.jpg/140px-Westminstpalace.jpg 2x" data-class="mw-file-element"> </span></a><figcaption>Figure 1.4 (<b>right</b>)</figcaption></figure> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </p> <link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1236298596"><div class="fake-heading h2">Section 2</div> <figure class="mw-halign-left" typeof="mw:File/Thumb"><a href="/wiki/File:Westminstpalace.jpg" class="mw-file-description"><noscript><img src="//upload.wikimedia.org/wikipedia/commons/thumb/3/39/Westminstpalace.jpg/70px-Westminstpalace.jpg" decoding="async" width="70" height="53" class="mw-file-element" data-file-width="400" data-file-height="300"></noscript><span class="lazy-image-placeholder" style="width: 70px;height: 53px;" data-src="//upload.wikimedia.org/wikipedia/commons/thumb/3/39/Westminstpalace.jpg/70px-Westminstpalace.jpg" data-width="70" data-height="53" data-srcset="//upload.wikimedia.org/wikipedia/commons/thumb/3/39/Westminstpalace.jpg/105px-Westminstpalace.jpg 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/3/39/Westminstpalace.jpg/140px-Westminstpalace.jpg 2x" data-class="mw-file-element"> </span></a><figcaption>Figure 2.1 (<b>left</b>)</figcaption></figure> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div> <div style="width:38em; border: 1px solid #a2a9b1; padding: 0.5em; margin: 0.5em; flex: 25em;; display:inline-block;"><b>Setting alignment of final image to none</b>: <link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1236298596"><div class="fake-heading h2">Section 1</div> <figure class="mw-halign-right" typeof="mw:File/Thumb"><a href="/wiki/File:Westminstpalace.jpg" class="mw-file-description"><noscript><img src="//upload.wikimedia.org/wikipedia/commons/thumb/3/39/Westminstpalace.jpg/70px-Westminstpalace.jpg" decoding="async" width="70" height="53" class="mw-file-element" data-file-width="400" data-file-height="300"></noscript><span class="lazy-image-placeholder" style="width: 70px;height: 53px;" data-src="//upload.wikimedia.org/wikipedia/commons/thumb/3/39/Westminstpalace.jpg/70px-Westminstpalace.jpg" data-width="70" data-height="53" data-srcset="//upload.wikimedia.org/wikipedia/commons/thumb/3/39/Westminstpalace.jpg/105px-Westminstpalace.jpg 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/3/39/Westminstpalace.jpg/140px-Westminstpalace.jpg 2x" data-class="mw-file-element"> </span></a><figcaption>Figure 1.1 (<b>right</b>)</figcaption></figure> <figure class="mw-halign-right" typeof="mw:File/Thumb"><a href="/wiki/File:Westminstpalace.jpg" class="mw-file-description"><noscript><img src="//upload.wikimedia.org/wikipedia/commons/thumb/3/39/Westminstpalace.jpg/70px-Westminstpalace.jpg" decoding="async" width="70" height="53" class="mw-file-element" data-file-width="400" data-file-height="300"></noscript><span class="lazy-image-placeholder" style="width: 70px;height: 53px;" data-src="//upload.wikimedia.org/wikipedia/commons/thumb/3/39/Westminstpalace.jpg/70px-Westminstpalace.jpg" data-width="70" data-height="53" data-srcset="//upload.wikimedia.org/wikipedia/commons/thumb/3/39/Westminstpalace.jpg/105px-Westminstpalace.jpg 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/3/39/Westminstpalace.jpg/140px-Westminstpalace.jpg 2x" data-class="mw-file-element"> </span></a><figcaption>Figure 1.2 (<b>right</b>)</figcaption></figure> <figure class="mw-halign-right" typeof="mw:File/Thumb"><a href="/wiki/File:Westminstpalace.jpg" class="mw-file-description"><noscript><img src="//upload.wikimedia.org/wikipedia/commons/thumb/3/39/Westminstpalace.jpg/70px-Westminstpalace.jpg" decoding="async" width="70" height="53" class="mw-file-element" data-file-width="400" data-file-height="300"></noscript><span class="lazy-image-placeholder" style="width: 70px;height: 53px;" data-src="//upload.wikimedia.org/wikipedia/commons/thumb/3/39/Westminstpalace.jpg/70px-Westminstpalace.jpg" data-width="70" data-height="53" data-srcset="//upload.wikimedia.org/wikipedia/commons/thumb/3/39/Westminstpalace.jpg/105px-Westminstpalace.jpg 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/3/39/Westminstpalace.jpg/140px-Westminstpalace.jpg 2x" data-class="mw-file-element"> </span></a><figcaption>Figure 1.3 (<b>right</b>)</figcaption></figure> <figure class="mw-halign-right" typeof="mw:File/Thumb"><a href="/wiki/File:Westminstpalace.jpg" class="mw-file-description"><noscript><img src="//upload.wikimedia.org/wikipedia/commons/thumb/3/39/Westminstpalace.jpg/70px-Westminstpalace.jpg" decoding="async" width="70" height="53" class="mw-file-element" data-file-width="400" data-file-height="300"></noscript><span class="lazy-image-placeholder" style="width: 70px;height: 53px;" data-src="//upload.wikimedia.org/wikipedia/commons/thumb/3/39/Westminstpalace.jpg/70px-Westminstpalace.jpg" data-width="70" data-height="53" data-srcset="//upload.wikimedia.org/wikipedia/commons/thumb/3/39/Westminstpalace.jpg/105px-Westminstpalace.jpg 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/3/39/Westminstpalace.jpg/140px-Westminstpalace.jpg 2x" data-class="mw-file-element"> </span></a><figcaption>Figure 1.4 (<b>right</b>)</figcaption></figure> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </p> <link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1236298596"><div class="fake-heading h2">Section 2</div> <figure class="mw-halign-none" typeof="mw:File/Thumb"><a href="/wiki/File:Westminstpalace.jpg" class="mw-file-description"><noscript><img src="//upload.wikimedia.org/wikipedia/commons/thumb/3/39/Westminstpalace.jpg/70px-Westminstpalace.jpg" decoding="async" width="70" height="53" class="mw-file-element" data-file-width="400" data-file-height="300"></noscript><span class="lazy-image-placeholder" style="width: 70px;height: 53px;" data-src="//upload.wikimedia.org/wikipedia/commons/thumb/3/39/Westminstpalace.jpg/70px-Westminstpalace.jpg" data-width="70" data-height="53" data-srcset="//upload.wikimedia.org/wikipedia/commons/thumb/3/39/Westminstpalace.jpg/105px-Westminstpalace.jpg 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/3/39/Westminstpalace.jpg/140px-Westminstpalace.jpg 2x" data-class="mw-file-element"> </span></a><figcaption>Figure 2.1 (<b>none</b>)</figcaption></figure> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div> <div style="width:38em; border: 1px solid #a2a9b1; padding: 0.5em; margin: 0.5em; flex: 25em;; display:inline-block;"><b>Using gallery tags for large numbers of images</b>: <link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1236298596"><div class="fake-heading h2">Section 1</div> <ul class="gallery mw-gallery-traditional"> <li class="gallerybox" style="width: 105px"> <div class="thumb" style="width: 100px; height: 80px;"><span typeof="mw:File"><a href="/wiki/File:Westminstpalace.jpg" class="mw-file-description" title="Figure 1.1"><noscript><img alt="Figure 1.1" src="//upload.wikimedia.org/wikipedia/commons/thumb/3/39/Westminstpalace.jpg/67px-Westminstpalace.jpg" decoding="async" width="67" height="50" class="mw-file-element" data-file-width="400" data-file-height="300"></noscript><span class="lazy-image-placeholder" style="width: 67px;height: 50px;" data-src="//upload.wikimedia.org/wikipedia/commons/thumb/3/39/Westminstpalace.jpg/67px-Westminstpalace.jpg" data-alt="Figure 1.1" data-width="67" data-height="50" data-srcset="//upload.wikimedia.org/wikipedia/commons/thumb/3/39/Westminstpalace.jpg/100px-Westminstpalace.jpg 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/3/39/Westminstpalace.jpg/133px-Westminstpalace.jpg 2x" data-class="mw-file-element"> </span></a></span></div> <div class="gallerytext">Figure 1.1</div> </li> <li class="gallerybox" style="width: 105px"> <div class="thumb" style="width: 100px; height: 80px;"><span typeof="mw:File"><a href="/wiki/File:Westminstpalace.jpg" class="mw-file-description" title="Figure 1.2"><noscript><img alt="Figure 1.2" src="//upload.wikimedia.org/wikipedia/commons/thumb/3/39/Westminstpalace.jpg/67px-Westminstpalace.jpg" decoding="async" width="67" height="50" class="mw-file-element" data-file-width="400" data-file-height="300"></noscript><span class="lazy-image-placeholder" style="width: 67px;height: 50px;" data-src="//upload.wikimedia.org/wikipedia/commons/thumb/3/39/Westminstpalace.jpg/67px-Westminstpalace.jpg" data-alt="Figure 1.2" data-width="67" data-height="50" data-srcset="//upload.wikimedia.org/wikipedia/commons/thumb/3/39/Westminstpalace.jpg/100px-Westminstpalace.jpg 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/3/39/Westminstpalace.jpg/133px-Westminstpalace.jpg 2x" data-class="mw-file-element"> </span></a></span></div> <div class="gallerytext">Figure 1.2</div> </li> <li class="gallerybox" style="width: 105px"> <div class="thumb" style="width: 100px; height: 80px;"><span typeof="mw:File"><a href="/wiki/File:Westminstpalace.jpg" class="mw-file-description" title="Figure 1.3"><noscript><img alt="Figure 1.3" src="//upload.wikimedia.org/wikipedia/commons/thumb/3/39/Westminstpalace.jpg/67px-Westminstpalace.jpg" decoding="async" width="67" height="50" class="mw-file-element" data-file-width="400" data-file-height="300"></noscript><span class="lazy-image-placeholder" style="width: 67px;height: 50px;" data-src="//upload.wikimedia.org/wikipedia/commons/thumb/3/39/Westminstpalace.jpg/67px-Westminstpalace.jpg" data-alt="Figure 1.3" data-width="67" data-height="50" data-srcset="//upload.wikimedia.org/wikipedia/commons/thumb/3/39/Westminstpalace.jpg/100px-Westminstpalace.jpg 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/3/39/Westminstpalace.jpg/133px-Westminstpalace.jpg 2x" data-class="mw-file-element"> </span></a></span></div> <div class="gallerytext">Figure 1.3</div> </li> <li class="gallerybox" style="width: 105px"> <div class="thumb" style="width: 100px; height: 80px;"><span typeof="mw:File"><a href="/wiki/File:Westminstpalace.jpg" class="mw-file-description" title="Figure 1.4"><noscript><img alt="Figure 1.4" src="//upload.wikimedia.org/wikipedia/commons/thumb/3/39/Westminstpalace.jpg/67px-Westminstpalace.jpg" decoding="async" width="67" height="50" class="mw-file-element" data-file-width="400" data-file-height="300"></noscript><span class="lazy-image-placeholder" style="width: 67px;height: 50px;" data-src="//upload.wikimedia.org/wikipedia/commons/thumb/3/39/Westminstpalace.jpg/67px-Westminstpalace.jpg" data-alt="Figure 1.4" data-width="67" data-height="50" data-srcset="//upload.wikimedia.org/wikipedia/commons/thumb/3/39/Westminstpalace.jpg/100px-Westminstpalace.jpg 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/3/39/Westminstpalace.jpg/133px-Westminstpalace.jpg 2x" data-class="mw-file-element"> </span></a></span></div> <div class="gallerytext">Figure 1.4</div> </li> </ul> <p>For more information on the gallery tag, see <b><a href="/wiki/Help:Gallery_tag" title="Help:Gallery tag">Help:Gallery tag</a></b>. </p> <link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1236298596"><div class="fake-heading h2">Section 2</div> <figure class="mw-halign-left" typeof="mw:File/Thumb"><a href="/wiki/File:Westminstpalace.jpg" class="mw-file-description"><noscript><img src="//upload.wikimedia.org/wikipedia/commons/thumb/3/39/Westminstpalace.jpg/70px-Westminstpalace.jpg" decoding="async" width="70" height="53" class="mw-file-element" data-file-width="400" data-file-height="300"></noscript><span class="lazy-image-placeholder" style="width: 70px;height: 53px;" data-src="//upload.wikimedia.org/wikipedia/commons/thumb/3/39/Westminstpalace.jpg/70px-Westminstpalace.jpg" data-width="70" data-height="53" data-srcset="//upload.wikimedia.org/wikipedia/commons/thumb/3/39/Westminstpalace.jpg/105px-Westminstpalace.jpg 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/3/39/Westminstpalace.jpg/140px-Westminstpalace.jpg 2x" data-class="mw-file-element"> </span></a><figcaption>Figure 2.1 (<b>left</b>)</figcaption></figure> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div> </div> <div class="mw-heading mw-heading3"><h3 id='Using_"upright"' data-mw-thread-id='h-Using_"upright"-Examples'><span id="Using_.22upright.22"></span><span data-mw-comment-start="" id='h-Using_"upright"-Examples'></span>Using "upright"<span data-mw-comment-end='h-Using_"upright"-Examples'></span></h3></div> <figure class="mw-default-size mw-halign-left" typeof="mw:File/Thumb"><a href="/wiki/File:Westminstpalace.jpg" class="mw-file-description"><noscript><img alt="A large clock tower and other buildings line a great river." src="//upload.wikimedia.org/wikipedia/commons/thumb/3/39/Westminstpalace.jpg/170px-Westminstpalace.jpg" decoding="async" width="170" height="128" class="mw-file-element" data-file-width="400" data-file-height="300"></noscript><span class="lazy-image-placeholder" style="width: 170px;height: 128px;" data-src="//upload.wikimedia.org/wikipedia/commons/thumb/3/39/Westminstpalace.jpg/170px-Westminstpalace.jpg" data-alt="A large clock tower and other buildings line a great river." data-width="170" data-height="128" data-srcset="//upload.wikimedia.org/wikipedia/commons/thumb/3/39/Westminstpalace.jpg/255px-Westminstpalace.jpg 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/3/39/Westminstpalace.jpg/340px-Westminstpalace.jpg 2x" data-class="mw-file-element"> </span></a><figcaption>The "<code>upright</code>" option is about 75% of thumbnail width.</figcaption></figure> <figure class="mw-default-size mw-halign-right" typeof="mw:File/Thumb"><a href="/wiki/File:Westminstpalace.jpg" class="mw-file-description"><noscript><img alt="A large clock tower and other buildings line a great river." src="//upload.wikimedia.org/wikipedia/commons/thumb/3/39/Westminstpalace.jpg/330px-Westminstpalace.jpg" decoding="async" width="330" height="248" class="mw-file-element" data-file-width="400" data-file-height="300"></noscript><span class="lazy-image-placeholder" style="width: 330px;height: 248px;" data-src="//upload.wikimedia.org/wikipedia/commons/thumb/3/39/Westminstpalace.jpg/330px-Westminstpalace.jpg" data-alt="A large clock tower and other buildings line a great river." data-width="330" data-height="248" data-srcset="//upload.wikimedia.org/wikipedia/commons/3/39/Westminstpalace.jpg 1.5x" data-class="mw-file-element"> </span></a><figcaption>The "<code>upright=1.5</code>" option</figcaption></figure><p> The <code>upright</code> option works in combination with the <code>thumbnail</code> or <code>thumb</code> option to resize an image to about 75% of the width of a plain <code>thumbnail</code>. This is useful for displaying images in <a href="/wiki/Page_orientation" title="Page orientation">"portrait" orientation</a>, since such tall and narrow images tend to look too large when scaled to the same width as "landscape" oriented images. The <code>upright</code> option scales larger or smaller in step with user screen resolution. The relative size can be determined with a multiplier such as <code>upright=<i>x</i></code>. If <i>x</i>=1 then the image is standard thumbnail width. <i>E.g.</i>, <lang="wikitext" inline></p><figure class="mw-default-size mw-halign-left" typeof="mw:File/Thumb"><a href="/wiki/File:Westminstpalace.jpg" class="mw-file-description"><noscript><img alt="A large clock tower and other buildings line a great river." src="//upload.wikimedia.org/wikipedia/commons/thumb/3/39/Westminstpalace.jpg/170px-Westminstpalace.jpg" decoding="async" width="170" height="128" class="mw-file-element" data-file-width="400" data-file-height="300"></noscript><span class="lazy-image-placeholder" style="width: 170px;height: 128px;" data-src="//upload.wikimedia.org/wikipedia/commons/thumb/3/39/Westminstpalace.jpg/170px-Westminstpalace.jpg" data-alt="A large clock tower and other buildings line a great river." data-width="170" data-height="128" data-srcset="//upload.wikimedia.org/wikipedia/commons/thumb/3/39/Westminstpalace.jpg/255px-Westminstpalace.jpg 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/3/39/Westminstpalace.jpg/340px-Westminstpalace.jpg 2x" data-class="mw-file-element"> </span></a><figcaption>The "<code>upright</code>" option is about 75% of thumbnail width.</figcaption></figure><p></syntaxhighlight> (shown on the left) and <code class="mw-highlight mw-highlight-lang-text mw-content-ltr" dir="ltr">[[File:Westminstpalace.jpg|thumb|upright=1.5|right|alt=A large clock tower and other buildings line a great river.|The "<code>upright=1.5</code>" option]]</code> (shown on the right). </p><div style="clear:both;" class=""></div> <div class="mw-heading mw-heading3"><h3 id="Using_frame" data-mw-thread-id="h-Using_frame-Examples"><span data-mw-comment-start="" id="h-Using_frame-Examples"></span>Using frame<span data-mw-comment-end="h-Using_frame-Examples"></span></h3></div> <figure typeof="mw:File/Frame"><a href="/wiki/File:Westminstpalace.jpg" class="mw-file-description"><noscript><img alt="A large clock tower and other buildings line a great river." src="//upload.wikimedia.org/wikipedia/commons/3/39/Westminstpalace.jpg" decoding="async" width="400" height="300" class="mw-file-element" data-file-width="400" data-file-height="300"></noscript><span class="lazy-image-placeholder" style="width: 400px;height: 300px;" data-src="//upload.wikimedia.org/wikipedia/commons/3/39/Westminstpalace.jpg" data-alt="A large clock tower and other buildings line a great river." data-width="400" data-height="300" data-class="mw-file-element"> </span></a><figcaption>The Palace of Westminster</figcaption></figure><p> With this option, the embedded image is shown with its actual size enclosed by a frame, regardless of the "thumb" or "size" attribute, and the caption, if any, is visible in the frame. Without the options <code>left</code>, <code>center</code>, and <code>none</code>, the image is normally on the right: <code>[[File:Westminstpalace.jpg|frame|alt=A large clock tower and other buildings line a great river.|The Palace of Westminster]]</code>.</p><div style="clear:both;" class=""></div> <p>With none of the options other than <code><i>size</i>px</code> and <code><i>alternate (caption) text</i></code>, an embedded image is rendered inline. </p> <div class="mw-heading mw-heading3"><h3 id='Using_alignment_"none"_thumbnails_in_tables' data-mw-thread-id='h-Using_alignment_"none"_thumbnails_in_tables-Examples'><span id="Using_alignment_.22none.22_thumbnails_in_tables"></span><span data-mw-comment-start="" id='h-Using_alignment_"none"_thumbnails_in_tables-Examples'></span>Using alignment "none" thumbnails in tables<span data-mw-comment-end='h-Using_alignment_"none"_thumbnails_in_tables-Examples'></span></h3></div> <p>The option <code>none</code> can be used to have thumbnails without left- or right-alignment. This is probably most useful for <a href="/wiki/Wikipedia:How_to_use_tables" class="mw-redirect" title="Wikipedia:How to use tables">tables</a>. This is an example: </p> <table class="wikitable"> <caption>London's palaces </caption> <tbody><tr> <td>Palace of Westminster</td> <td><figure class="mw-halign-none" typeof="mw:File/Thumb"><a href="/wiki/File:Westminstpalace.jpg" class="mw-file-description"><noscript><img alt="A large clock tower and other buildings line a great river." src="//upload.wikimedia.org/wikipedia/commons/thumb/3/39/Westminstpalace.jpg/100px-Westminstpalace.jpg" decoding="async" width="100" height="75" class="mw-file-element" data-file-width="400" data-file-height="300"></noscript><span class="lazy-image-placeholder" style="width: 100px;height: 75px;" data-src="//upload.wikimedia.org/wikipedia/commons/thumb/3/39/Westminstpalace.jpg/100px-Westminstpalace.jpg" data-alt="A large clock tower and other buildings line a great river." data-width="100" data-height="75" data-srcset="//upload.wikimedia.org/wikipedia/commons/thumb/3/39/Westminstpalace.jpg/150px-Westminstpalace.jpg 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/3/39/Westminstpalace.jpg/200px-Westminstpalace.jpg 2x" data-class="mw-file-element"> </span></a><figcaption>From the Thames</figcaption></figure></td> <td><code>[[File:Westminstpalace.jpg|thumb|none|100px|alt=A large clock tower and other buildings line a great river.|From the Thames]]</code> </td></tr> <tr> <td>Buckingham Palace</td> <td><figure class="mw-halign-none" typeof="mw:File/Thumb"><a href="/wiki/File:Buckingham_Palace_2003.jpg" class="mw-file-description"><noscript><img alt="Grand city building below beautiful blue sky and clouds" src="//upload.wikimedia.org/wikipedia/commons/thumb/a/a6/Buckingham_Palace_2003.jpg/100px-Buckingham_Palace_2003.jpg" decoding="async" width="100" height="66" class="mw-file-element" data-file-width="400" data-file-height="265"></noscript><span class="lazy-image-placeholder" style="width: 100px;height: 66px;" data-src="//upload.wikimedia.org/wikipedia/commons/thumb/a/a6/Buckingham_Palace_2003.jpg/100px-Buckingham_Palace_2003.jpg" data-alt="Grand city building below beautiful blue sky and clouds" data-width="100" data-height="66" data-srcset="//upload.wikimedia.org/wikipedia/commons/thumb/a/a6/Buckingham_Palace_2003.jpg/150px-Buckingham_Palace_2003.jpg 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/a/a6/Buckingham_Palace_2003.jpg/200px-Buckingham_Palace_2003.jpg 2x" data-class="mw-file-element"> </span></a><figcaption>Queen's home</figcaption></figure></td> <td><code>[[File:Buckingham Palace 2003.jpg|thumb|none|100px|alt=Grand city building below beautiful blue sky and clouds|Queen's home]]</code> </td></tr></tbody></table> <div class="mw-heading mw-heading3"><h3 id="Formatting_and_links_in_captions" data-mw-thread-id="h-Formatting_and_links_in_captions-Examples"><span data-mw-comment-start="" id="h-Formatting_and_links_in_captions-Examples"></span>Formatting and links in captions<span data-mw-comment-end="h-Formatting_and_links_in_captions-Examples"></span></h3></div> <figure class="mw-default-size mw-halign-right" typeof="mw:File/Thumb"><a href="/wiki/File:Westminstpalace.jpg" class="mw-file-description"><noscript><img alt="A large clock tower and other buildings line a great river." src="//upload.wikimedia.org/wikipedia/commons/thumb/3/39/Westminstpalace.jpg/220px-Westminstpalace.jpg" decoding="async" width="220" height="165" class="mw-file-element" data-file-width="400" data-file-height="300"></noscript><span class="lazy-image-placeholder" style="width: 220px;height: 165px;" data-src="//upload.wikimedia.org/wikipedia/commons/thumb/3/39/Westminstpalace.jpg/220px-Westminstpalace.jpg" data-alt="A large clock tower and other buildings line a great river." data-width="220" data-height="165" data-srcset="//upload.wikimedia.org/wikipedia/commons/thumb/3/39/Westminstpalace.jpg/330px-Westminstpalace.jpg 1.5x, //upload.wikimedia.org/wikipedia/commons/3/39/Westminstpalace.jpg 2x" data-class="mw-file-element"> </span></a><figcaption>This is the <a href="/wiki/Palace_of_Westminster" title="Palace of Westminster">Palace of Westminster</a> in London</figcaption></figure> <p>You can put links in the caption text, as demonstrated in this image: </p> <div class="mw-highlight mw-highlight-lang-wikitext mw-content-ltr" dir="ltr"><pre><span></span><span class="p">[[</span><span class="nn">File</span><span class="p">:</span><span class="nt">Westminstpalace.jpg</span><span class="p">|</span>right<span class="p">|</span>thumbnail<span class="p">|</span><span class="na">alt</span><span class="o">=</span>A large clock tower and other buildings line a great river.<span class="p">|</span>This is the <span class="p">[[</span><span class="nt">Palace of Westminster</span><span class="p">]]</span> in London<span class="p">]]</span> </pre></div> <p>Just make sure the number of opening and closing square brackets are right. One extra or missing would mean the entire image syntax line would not work. </p> <div style="clear:both;" class=""></div> <figure class="mw-default-size mw-halign-right" typeof="mw:File/Thumb"><a href="/wiki/File:Westminstpalace.jpg" class="mw-file-description"><noscript><img alt="A large clock tower and other buildings line a great river." src="//upload.wikimedia.org/wikipedia/commons/thumb/3/39/Westminstpalace.jpg/220px-Westminstpalace.jpg" decoding="async" width="220" height="165" class="mw-file-element" data-file-width="400" data-file-height="300"></noscript><span class="lazy-image-placeholder" style="width: 220px;height: 165px;" data-src="//upload.wikimedia.org/wikipedia/commons/thumb/3/39/Westminstpalace.jpg/220px-Westminstpalace.jpg" data-alt="A large clock tower and other buildings line a great river." data-width="220" data-height="165" data-srcset="//upload.wikimedia.org/wikipedia/commons/thumb/3/39/Westminstpalace.jpg/330px-Westminstpalace.jpg 1.5x, //upload.wikimedia.org/wikipedia/commons/3/39/Westminstpalace.jpg 2x" data-class="mw-file-element"> </span></a><figcaption><div style="text-align: center">This is <span style="color: green">the </span><br> <a href="/wiki/Palace_of_Westminster" title="Palace of Westminster">Palace of Westminster</a><br> <b>in <span style="color: red">London</span></b></div></figcaption></figure> <p>Additional caption formatting options are possible; all normal formatting should just work. </p> <div class="mw-highlight mw-highlight-lang-wikitext mw-content-ltr" dir="ltr"><pre><span></span><span class="p">[[</span><span class="nn">File</span><span class="p">:</span><span class="nt">Westminstpalace.jpg</span><span class="p">|</span>right<span class="p">|</span>thumbnail<span class="p">|</span><span class="na">alt</span><span class="o">=</span>A large clock tower and other buildings line a great river.<span class="p">|</span><span class="na"><div style</span><span class="o">=</span>"text-align: center">This is <span class="p"><</span><span class="nt">span</span><span class="w"> </span><span class="na">style</span><span class="o">=</span><span class="s2">"color: green"</span><span class="p">></span>the <span class="p"></</span><span class="nt">span</span><span class="p">><</span><span class="nt">br</span><span class="w"> </span><span class="p">/></span> <span class="p">[[</span><span class="nt">Palace of Westminster</span><span class="p">]]<</span><span class="nt">br</span><span class="w"> </span><span class="p">/></span> <span class="gs">'''in </span><span class="p"><</span><span class="nt">span</span><span class="w"> </span><span class="na">style</span><span class="o">=</span><span class="s2">"color: red"</span><span class="p">></span><span class="gs">London</span><span class="p"></</span><span class="nt">span</span><span class="p">></span><span class="gs">'''</span><span class="p"></</span><span class="nt">div</span><span class="p">>]]</span> </pre></div> <div style="clear:both;" class=""></div> <div class="mw-heading mw-heading3"><h3 id="Interaction_between_left-floating_images_and_lists" data-mw-thread-id="h-Interaction_between_left-floating_images_and_lists-Examples"><span data-mw-comment-start="" id="h-Interaction_between_left-floating_images_and_lists-Examples"></span>Interaction between left-floating images and lists<span data-mw-comment-end="h-Interaction_between_left-floating_images_and_lists-Examples"></span></h3></div> <link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1252059228"><div class="module-shortcutanchordiv"><span id="WP:EISL"></span></div><div class="module-shortcutboxplain noprint" role="note"><div class="module-shortcutlist"><a href="/wiki/Wikipedia:Shortcut" title="Wikipedia:Shortcut">Shortcut</a></div><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1126788409"><div class="plainlist"><ul><li><span class="plainlinks"><a class="external text" href="https://en.wikipedia.org/w/index.php?title=Wikipedia:EISL&redirect=no">WP:EISL</a></span></li></ul></div></div> <p>List bullets and numbers can sometimes overlap left-floating images, and indented lines may not appear correctly when next to left-floating images. For example: </p> <table style="margin-top:0;margin-left:0; border-width:medium; padding:0;"> <tbody><tr> <th scope="col" style="width:50%;">Markup</th> <th scope="col" style="width:50%;">Renders as </th></tr> <tr> <td style="background:#f8f9fa; background:var(--background-color-interactive-subtle, #f8f9fa); color:var(--color-base, #000); border:1px solid #eaecf0; padding:9px 5px 5px; vertical-align:top;"><pre style="margin:0; border:none; padding:0; word-wrap:break-word; white-space:-moz-pre-wrap; white-space:-o-pre-wrap; white-space:-pre-wrap; white-space:pre-wrap; "><div class="mw-highlight mw-highlight-lang-wikitext mw-content-ltr" dir="ltr"><pre><span></span><span class="p">[[</span><span class="nn">File</span><span class="p">:</span><span class="nt">Westminstpalace.jpg</span><span class="p">|</span>left<span class="p">|</span>thumb<span class="p">|</span>100px<span class="p">]]</span> <span class="p"><</span><span class="nt">ol</span><span class="p">></span> <span class="p"><</span><span class="nt">li</span><span class="p">></span>list item A1 <span class="p"><</span><span class="nt">ol</span><span class="p">></span> <span class="p"><</span><span class="nt">li</span><span class="p">></span>list item B1<span class="p"></</span><span class="nt">li</span><span class="p">></span> <span class="p"><</span><span class="nt">li</span><span class="p">></span>list item B2<span class="p"></</span><span class="nt">li</span><span class="p">></span> <span class="p"></</span><span class="nt">ol</span><span class="p">></span>continuing list item A1 <span class="p"></</span><span class="nt">li</span><span class="p">></span> <span class="p"><</span><span class="nt">li</span><span class="p">></span>list item A2<span class="p"></</span><span class="nt">li</span><span class="p">></span> <span class="p"></</span><span class="nt">ol</span><span class="p">></span> </pre></div></pre> </td> <td style="background:#f8f9fa; background:var(--background-color-interactive-subtle, #f8f9fa); color:var(--color-base, #000); border:1px solid #eaecf0; padding:5px; vertical-align:top;"><div style=""> <figure class="mw-halign-left" typeof="mw:File/Thumb"><a href="/wiki/File:Westminstpalace.jpg" class="mw-file-description"><noscript><img src="//upload.wikimedia.org/wikipedia/commons/thumb/3/39/Westminstpalace.jpg/100px-Westminstpalace.jpg" decoding="async" width="100" height="75" class="mw-file-element" data-file-width="400" data-file-height="300"></noscript><span class="lazy-image-placeholder" style="width: 100px;height: 75px;" data-src="//upload.wikimedia.org/wikipedia/commons/thumb/3/39/Westminstpalace.jpg/100px-Westminstpalace.jpg" data-width="100" data-height="75" data-srcset="//upload.wikimedia.org/wikipedia/commons/thumb/3/39/Westminstpalace.jpg/150px-Westminstpalace.jpg 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/3/39/Westminstpalace.jpg/200px-Westminstpalace.jpg 2x" data-class="mw-file-element"> </span></a><figcaption></figcaption></figure> <ol> <li>list item A1 <ol> <li>list item B1</li> <li>list item B2</li> </ol>continuing list item A1 </li> <li>list item A2</li> </ol> </div> </td></tr> <tr> <td style="background:#f8f9fa; background:var(--background-color-interactive-subtle, #f8f9fa); color:var(--color-base, #000); border:1px solid #eaecf0; padding:9px 5px 5px; vertical-align:top;"><pre style="margin:0; border:none; padding:0; word-wrap:break-word; white-space:-moz-pre-wrap; white-space:-o-pre-wrap; white-space:-pre-wrap; white-space:pre-wrap; "><div class="mw-highlight mw-highlight-lang-wikitext mw-content-ltr" dir="ltr"><pre><span></span><span class="p">[[</span><span class="nn">File</span><span class="p">:</span><span class="nt">Westminstpalace.jpg</span><span class="p">|</span>left<span class="p">|</span>thumb<span class="p">|</span>100px<span class="p">]]</span> First line <span class="k">:</span>Second line <span class="k">::</span>Third line <span class="k">:::</span>Fourth line </pre></div></pre> </td> <td style="background:#f8f9fa; background:var(--background-color-interactive-subtle, #f8f9fa); color:var(--color-base, #000); border:1px solid #eaecf0; padding:5px; vertical-align:top;"><div style=""> <figure class="mw-halign-left" typeof="mw:File/Thumb"><a href="/wiki/File:Westminstpalace.jpg" class="mw-file-description"><noscript><img src="//upload.wikimedia.org/wikipedia/commons/thumb/3/39/Westminstpalace.jpg/100px-Westminstpalace.jpg" decoding="async" width="100" height="75" class="mw-file-element" data-file-width="400" data-file-height="300"></noscript><span class="lazy-image-placeholder" style="width: 100px;height: 75px;" data-src="//upload.wikimedia.org/wikipedia/commons/thumb/3/39/Westminstpalace.jpg/100px-Westminstpalace.jpg" data-width="100" data-height="75" data-srcset="//upload.wikimedia.org/wikipedia/commons/thumb/3/39/Westminstpalace.jpg/150px-Westminstpalace.jpg 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/3/39/Westminstpalace.jpg/200px-Westminstpalace.jpg 2x" data-class="mw-file-element"> </span></a><figcaption></figcaption></figure> <p>First line </p> <dl><dd>Second line <dl><dd>Third line <dl><dd>Fourth line</dd></dl></dd></dl></dd></dl> </div> </td></tr> <tr> <td style="border-width:1px;border-style: none none none;border-color:#ddd; padding:5px; vertical-align:top;"> </td> <td style="border-width:1px;border-style: none none none;border-color:#ddd; padding:5px; vertical-align:top;"> </td></tr></tbody></table> <p>The <span class="nowrap">{{</span><a href="/wiki/Template:Flowlist" title="Template:Flowlist">flowlist</a><span class="nowrap">}}</span> template enables lists to stay clear of these left-floating objects: </p> <div class="mw-highlight mw-highlight-lang-wikitext mw-content-ltr" dir="ltr"><pre><span></span><span class="p">[[</span><span class="nn">File</span><span class="p">:</span><span class="nt">Westminstpalace.jpg</span><span class="p">|</span>left<span class="p">|</span>thumb<span class="p">|</span>100px<span class="p">]]</span> <span class="p">{{</span><span class="nt">flowlist</span><span class="p">}}</span> <span class="p"><</span><span class="nt">ol</span><span class="p">></span> <span class="p"><</span><span class="nt">li</span><span class="p">></span>list item A1 <span class="p"><</span><span class="nt">ol</span><span class="p">></span> <span class="p"><</span><span class="nt">li</span><span class="p">></span>list item B1<span class="p"></</span><span class="nt">li</span><span class="p">></span> <span class="p"><</span><span class="nt">li</span><span class="p">></span>list item B2<span class="p"></</span><span class="nt">li</span><span class="p">></span> <span class="p"></</span><span class="nt">ol</span><span class="p">></span>continuing list item A1 <span class="p"></</span><span class="nt">li</span><span class="p">></span> <span class="p"><</span><span class="nt">li</span><span class="p">></span>list item A2<span class="p"></</span><span class="nt">li</span><span class="p">></span> <span class="p"></</span><span class="nt">ol</span><span class="p">></span> <span class="p">{{</span><span class="nt">endflowlist</span><span class="p">}}</span> <span class="p">{{</span><span class="nt">flowlist</span><span class="p">}}</span> First line <span class="k">:</span>Second line <span class="k">::</span>Third line <span class="k">:::</span>Fourth line <span class="p">{{</span><span class="nt">endflowlist</span><span class="p">}}</span> </pre></div> <p>Renders as: </p> <figure class="mw-halign-left" typeof="mw:File/Thumb"><a href="/wiki/File:Westminstpalace.jpg" class="mw-file-description"><noscript><img src="//upload.wikimedia.org/wikipedia/commons/thumb/3/39/Westminstpalace.jpg/100px-Westminstpalace.jpg" decoding="async" width="100" height="75" class="mw-file-element" data-file-width="400" data-file-height="300"></noscript><span class="lazy-image-placeholder" style="width: 100px;height: 75px;" data-src="//upload.wikimedia.org/wikipedia/commons/thumb/3/39/Westminstpalace.jpg/100px-Westminstpalace.jpg" data-width="100" data-height="75" data-srcset="//upload.wikimedia.org/wikipedia/commons/thumb/3/39/Westminstpalace.jpg/150px-Westminstpalace.jpg 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/3/39/Westminstpalace.jpg/200px-Westminstpalace.jpg 2x" data-class="mw-file-element"> </span></a><figcaption></figcaption></figure> <style data-mw-deduplicate="TemplateStyles:r852221607">.mw-parser-output .flowlist ul{overflow-x:hidden;margin-left:0;padding-left:1.6em}.mw-parser-output .flowlist ol{overflow-x:hidden;margin-left:0;padding-left:3.2em}.mw-parser-output .flowlist dl{overflow-x:hidden}</style><div class="flowlist"> <ol> <li>list item A1 <ol> <li>list item B1</li> <li>list item B2</li> </ol>continuing list item A1 </li> <li>list item A2</li> </ol> </div> <figure class="mw-halign-left" typeof="mw:File/Thumb"><a href="/wiki/File:Westminstpalace.jpg" class="mw-file-description"><noscript><img src="//upload.wikimedia.org/wikipedia/commons/thumb/3/39/Westminstpalace.jpg/100px-Westminstpalace.jpg" decoding="async" width="100" height="75" class="mw-file-element" data-file-width="400" data-file-height="300"></noscript><span class="lazy-image-placeholder" style="width: 100px;height: 75px;" data-src="//upload.wikimedia.org/wikipedia/commons/thumb/3/39/Westminstpalace.jpg/100px-Westminstpalace.jpg" data-width="100" data-height="75" data-srcset="//upload.wikimedia.org/wikipedia/commons/thumb/3/39/Westminstpalace.jpg/150px-Westminstpalace.jpg 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/3/39/Westminstpalace.jpg/200px-Westminstpalace.jpg 2x" data-class="mw-file-element"> </span></a><figcaption></figcaption></figure> <link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r852221607"><div class="flowlist"> <p>First line </p> <dl><dd>Second line <dl><dd>Third line <dl><dd>Fourth line</dd></dl></dd></dl></dd></dl> </div> <div style="clear:both;" class=""></div> <p>This method will not work inside of a table, and if your list is longer than the floated element, then the list will not flow around the image like normal, but instead be one block, leaving white space below the floated element. </p> </section><div class="mw-heading mw-heading2 ext-discussiontools-init-section section-heading" onclick="mfTempOpenSection(4)"><span class="indicator mf-icon mf-icon-expand mf-icon--small"></span><h2 id="Overlaying_annotations_on_an_image" data-mw-thread-id="h-Overlaying_annotations_on_an_image"><span data-mw-comment-start="" id="h-Overlaying_annotations_on_an_image"></span>Overlaying annotations on an image<span data-mw-comment-end="h-Overlaying_annotations_on_an_image"></span></h2></div><section class="mf-section-4 collapsible-block" id="mf-section-4"> <link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1238436933"><table class="box-Update plainlinks ombox ombox-content ambox-Update" role="presentation"><tbody><tr><td class="mbox-image"><span typeof="mw:File"><span><noscript><img alt="" src="//upload.wikimedia.org/wikipedia/commons/thumb/5/53/Ambox_current_red_Americas.svg/42px-Ambox_current_red_Americas.svg.png" decoding="async" width="42" height="34" class="mw-file-element" data-file-width="360" data-file-height="290"></noscript><span class="lazy-image-placeholder" style="width: 42px;height: 34px;" data-src="//upload.wikimedia.org/wikipedia/commons/thumb/5/53/Ambox_current_red_Americas.svg/42px-Ambox_current_red_Americas.svg.png" data-alt="" data-width="42" data-height="34" data-srcset="//upload.wikimedia.org/wikipedia/commons/thumb/5/53/Ambox_current_red_Americas.svg/63px-Ambox_current_red_Americas.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/5/53/Ambox_current_red_Americas.svg/84px-Ambox_current_red_Americas.svg.png 2x" data-class="mw-file-element"> </span></span></span></td><td class="mbox-text">Parts of this Wikipedia page (those related to how this works with Imagemap templates?) need to be <b>updated</b>. Please help update this Wikipedia page to reflect recent events or newly available information. Relevant discussion may be found on <a href="/wiki/Wikipedia_talk:Extended_image_syntax" title="Wikipedia talk:Extended image syntax"> the talk page</a>.</td></tr></tbody></table> <p>In some cases, it may be desirable to add clickable annotations to an image. The templates <a href="/wiki/Template:Annotated_image" title="Template:Annotated image">Template:Annotated image</a> and <a href="/wiki/Template:Annotated_image_4" title="Template:Annotated image 4">Template:Annotated image 4</a> exist for this purpose. </p><p>These templates allow <a href="/wiki/Wikitext" class="mw-redirect" title="Wikitext">wikitext</a> (e.g., regular text, wikilinks, allowed HTML code, references, and other templates) to be included on the image itself. They may also be used to crop an image so as to focus on a particular portion of it, or alternatively, expand the white area around an image for better placement of wikitext. </p> <table style="margin: auto;"> <caption>Annotated image template examples </caption> <tbody><tr> <td><div class="noresize thumb tnone" style=";"> <div class="thumbinner" style="overflow:hidden;width:302px;"> <div class="thumbimage" style="height:112px; overflow:hidden; position:relative; background-color:white;"> <div style=";left:93px; top:0px; width:150px; position:absolute;"> <span typeof="mw:File"><a href="/wiki/File:Wiwaxia_body_zones.png" class="mw-file-description" title="Example of an annotated diagram (using Template:Annotated image) that has clickable wikilinks and overlaid text"><noscript><img alt="" src="//upload.wikimedia.org/wikipedia/commons/c/cd/Wiwaxia_body_zones.png" decoding="async" width="150" height="97" class="mw-file-element" data-file-width="138" data-file-height="89"></noscript><span class="lazy-image-placeholder" style="width: 150px;height: 97px;" data-src="//upload.wikimedia.org/wikipedia/commons/c/cd/Wiwaxia_body_zones.png" data-alt="" data-width="150" data-height="97" data-class="mw-file-element"> </span></a></span></div> <div style="text-align:left; background-color:transparent; line-height:110%;"> <div id="annotation_88x25" style="position:absolute; left:88px; top:25px; line-height:110%;"><span style="background-color:transparent; color:inherit;"><a href="/wiki/Spine" class="mw-disambig" title="Spine">Spine</a></span></div> <div id="annotation_150x37" style="position:absolute; left:150px; top:37px; line-height:110%;"><span style="background-color:transparent; color:inherit;">Dorsal</span></div> <div id="annotation_58x60" style="position:absolute; left:58px; top:60px; line-height:110%;"><span style="background-color:transparent; color:inherit;">Upper lateral</span></div> <div id="annotation_204x70" style="position:absolute; left:204px; top:70px; line-height:110%;"><span style="background-color:transparent; color:inherit;">Lower lateral</span></div> <div id="annotation_58x79" style="position:absolute; left:58px; top:79px; line-height:110%;"><span style="background-color:transparent; color:inherit;">Ventro-lateral</span></div> <div id="annotation_173x96" style="position:absolute; left:173px; top:96px; line-height:110%;"><span style="background-color:transparent; color:inherit;"><span style="background-color:#753a00"> </span> = Frontal</span></div> </div> <div style="visibility:hidden"><span class="noviewer" typeof="mw:File/Frameless"><a href="/wiki/File:Wiwaxia_body_zones.png" class="mw-file-description"><noscript><img alt="" src="//upload.wikimedia.org/wikipedia/commons/c/cd/Wiwaxia_body_zones.png" decoding="async" width="138" height="89" class="mw-file-element" data-file-width="138" data-file-height="89"></noscript><span class="lazy-image-placeholder" style="width: 138px;height: 89px;" data-src="//upload.wikimedia.org/wikipedia/commons/c/cd/Wiwaxia_body_zones.png" data-alt="" data-width="138" data-height="89" data-class="mw-file-element"> </span></a></span></div> </div> <div class="thumbcaption"><div class="magnify"><a href="/wiki/File:Wiwaxia_body_zones.png" title="File:Wiwaxia body zones.png"> </a></div>Example of an annotated diagram (using <a href="/wiki/Template:Annotated_image" title="Template:Annotated image">Template:Annotated image</a>) that has clickable wikilinks and overlaid text</div> </div></div> </td> <td> <table role="presentation" cellpadding="0" style="border-spacing:0; margin-left: auto; margin-right: auto; border: none;"> <tbody><tr> <td><div class="thumb center" style="margin: 1em auto;"> <div class="thumbinner" style="width:302px;"> <div style="position:relative; width:300px; height:116px; overflow:hidden; border:solid #ccc 1px; background-color:white;"> <div style="left:93px; top:0px; width:150px; position:absolute"> <span typeof="mw:File"><a href="https://commons.wikimedia.org/wiki/File:Wiwaxia_body_zones.png" title="commons:File:Wiwaxia body zones.png"><noscript><img alt="" src="//upload.wikimedia.org/wikipedia/commons/c/cd/Wiwaxia_body_zones.png" decoding="async" width="150" height="97" class="mw-file-element" data-file-width="138" data-file-height="89"></noscript><span class="lazy-image-placeholder" style="width: 150px;height: 97px;" data-src="//upload.wikimedia.org/wikipedia/commons/c/cd/Wiwaxia_body_zones.png" data-alt="" data-width="150" data-height="97" data-class="mw-file-element"> </span></a></span> </div> <div style="text-align:center; line-height:110%;"> <div style="background-color:transparent; color:black"><div id="annotation_88x25" style="position:absolute; left:88px; top:25px; line-height:110%;"><span style="background-color:transparent; color:inherit;"><a href="/wiki/Spine" class="mw-disambig" title="Spine">Spine</a></span></div> <div id="annotation_150x37" style="position:absolute; left:150px; top:37px; line-height:110%;"><span style="background-color:transparent; color:inherit;">Dorsal</span></div> <div id="annotation_58x60" style="position:absolute; left:58px; top:60px; line-height:110%;"><span style="background-color:transparent; color:inherit;">Upper lateral</span></div> <div id="annotation_204x70" style="position:absolute; left:204px; top:70px; line-height:110%;"><span style="background-color:transparent; color:inherit;">Lower lateral</span></div> <div id="annotation_58x79" style="position:absolute; left:58px; top:79px; line-height:110%;"><span style="background-color:transparent; color:inherit;">Ventro-lateral</span></div> <div id="annotation_173x96" style="position:absolute; left:173px; top:96px; line-height:110%;"><span style="background-color:transparent; color:inherit;"><span style="background-color:#753a00"> </span> = Frontal</span></div></div> </div> </div> <div class="thumbcaption" style="clear:left"><div style="float:left;margin-right:0.5em"><span typeof="mw:File"><span title="The image above contains clickable links"><noscript><img alt="The image above contains clickable links" src="//upload.wikimedia.org/wikipedia/commons/thumb/e/e6/Interactive_icon.svg/18px-Interactive_icon.svg.png" decoding="async" width="18" height="27" class="mw-file-element" data-file-width="133" data-file-height="200"></noscript><span class="lazy-image-placeholder" style="width: 18px;height: 27px;" data-src="//upload.wikimedia.org/wikipedia/commons/thumb/e/e6/Interactive_icon.svg/18px-Interactive_icon.svg.png" data-alt="The image above contains clickable links" data-width="18" data-height="27" data-srcset="//upload.wikimedia.org/wikipedia/commons/thumb/e/e6/Interactive_icon.svg/27px-Interactive_icon.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/e/e6/Interactive_icon.svg/36px-Interactive_icon.svg.png 2x" data-class="mw-file-element"> </span></span></span></div>Example of an annotated diagram (using <a href="/wiki/Template:Annotated_image_4" title="Template:Annotated image 4">Template:Annotated image 4</a>) that has clickable wikilinks and overlaid text</div> </div> </div> </td></tr></tbody></table> </td> <td><figure class="mw-default-size mw-halign-left" typeof="mw:File/Thumb"><a href="/wiki/File:Wiwaxia_body_zones.png" class="mw-file-description"><noscript><img src="//upload.wikimedia.org/wikipedia/commons/c/cd/Wiwaxia_body_zones.png" decoding="async" width="138" height="89" class="mw-file-element" data-file-width="138" data-file-height="89"></noscript><span class="lazy-image-placeholder" style="width: 138px;height: 89px;" data-src="//upload.wikimedia.org/wikipedia/commons/c/cd/Wiwaxia_body_zones.png" data-width="138" data-height="89" data-class="mw-file-element"> </span></a><figcaption>The image and caption as a thumb, sans annotations</figcaption></figure> </td></tr></tbody></table> <p>There is also the template <span class="nowrap">{{</span><a href="/wiki/Template:Overlay" title="Template:Overlay">Overlay</a><span class="nowrap">}}</span>: </p> <table style="margin-left:auto;margin-right:auto;border:1px #ccc solid"><tbody><tr><td align="center" colspan="2"><div style="position:relative;left:0px;top:0px;width:704px;height:273px"><span style="position:absolute;left:0px;top:0px;z-index:0;width:704px;height:273px"><span typeof="mw:File"><a href="/wiki/File:Stillwell_from_Pulpit.jpg" class="mw-file-description"><noscript><img src="//upload.wikimedia.org/wikipedia/commons/thumb/3/37/Stillwell_from_Pulpit.jpg/704px-Stillwell_from_Pulpit.jpg" decoding="async" width="704" height="273" class="mw-file-element" data-file-width="2816" data-file-height="1092"></noscript><span class="lazy-image-placeholder" style="width: 704px;height: 273px;" data-src="//upload.wikimedia.org/wikipedia/commons/thumb/3/37/Stillwell_from_Pulpit.jpg/704px-Stillwell_from_Pulpit.jpg" data-width="704" data-height="273" data-srcset="//upload.wikimedia.org/wikipedia/commons/thumb/3/37/Stillwell_from_Pulpit.jpg/1056px-Stillwell_from_Pulpit.jpg 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/3/37/Stillwell_from_Pulpit.jpg/1408px-Stillwell_from_Pulpit.jpg 2x" data-class="mw-file-element"> </span></a></span></span><div style="position:absolute;left:350px;top:100px;line-height:95%;z-index:1"><div style="display:inline-block;width:auto;height:auto;text-align:center;padding:0px 4px;vertical-align:middle;border-radius:3px;background-color:red"><span title="Mount Stillwell" style="color:white;font-size:88%;font-weight:bold">1</span></div></div><div style="position:absolute;left:500px;top:108px;line-height:95%;z-index:1"><div style="display:inline-block;width:auto;height:auto;text-align:center;padding:0px 4px;vertical-align:middle;border-radius:3px;background-color:red"><span title="Kangaroo Ridge" style="color:white;font-size:88%;font-weight:bold">2</span></div></div><div style="position:absolute;left:160px;top:80px;line-height:95%;z-index:1"><div style="display:inline-block;width:auto;height:auto;text-align:center;padding:0px 4px;vertical-align:middle;border-radius:3px;background-color:red"><span title="Little Stillwell" style="color:white;font-size:88%;font-weight:bold">3</span></div></div><div style="position:absolute;left:263px;top:185px;line-height:95%;z-index:1"><div style="display:inline-block;width:auto;height:auto;text-align:center;padding:0px 4px;vertical-align:middle;border-radius:3px;background-color:red"><span title="Kangaroo Ridge Triple Chairlift mid station" style="color:white;font-size:88%;font-weight:bold">4</span></div></div><div style="position:absolute;left:395px;top:185px;line-height:95%;z-index:1"><div style="display:inline-block;width:auto;height:auto;text-align:center;padding:0px 4px;vertical-align:middle;border-radius:3px;background-color:red"><span title="Basin Poma (J-Bar) unload point" style="color:white;font-size:88%;font-weight:bold">5</span></div></div><div style="position:absolute;left:350px;top:235px;line-height:95%;z-index:1"><div style="display:inline-block;width:auto;height:auto;text-align:center;padding:0px 4px;vertical-align:middle;border-radius:3px;background-color:red"><span title="Ego flats" style="color:white;font-size:88%;font-weight:bold">6</span></div></div><div style="position:absolute;left:650px;top:125px;line-height:95%;z-index:1"><div style="display:inline-block;width:auto;height:auto;text-align:center;padding:0px 4px;vertical-align:middle;border-radius:3px;background-color:red"><a href="/wiki/Snow_gum" class="mw-redirect" title="Snow gum"><span title="Snow gums" style="color:white;font-size:88%;font-weight:bold">7</span></a></div></div><div style="position:absolute;left:50px;top:130px;line-height:95%;z-index:1"><div style="display:inline-block;width:auto;height:auto;text-align:center;padding:0px 4px;vertical-align:middle;border-radius:3px;background-color:red"><a href="/wiki/Snow_gum" class="mw-redirect" title="Snow gum"><span title="Snow gums" style="color:white;font-size:88%;font-weight:bold">7</span></a></div></div></div></td></tr><tr><td><table style="width:100%;border:1px #ccc solid"><tbody><tr><td style="width:0.5%;vertical-align:top"><table style="width:100%;font-size:85%;line-height:95%"><tbody><tr style="vertical-align:top"><td style="width:12px;text-align:right;padding-bottom:2px"><div style="display:inline-block;width:auto;height:auto;text-align:center;padding:0px 4px;vertical-align:middle;border-radius:3px;background-color:red"><span title="Mount Stillwell" style="color:white;font-size:88%;font-weight:bold">1</span></div></td><td style="padding-bottom:2px">Mount Stillwell</td></tr><tr style="vertical-align:top"><td style="width:12px;text-align:right;padding-bottom:2px"><div style="display:inline-block;width:auto;height:auto;text-align:center;padding:0px 4px;vertical-align:middle;border-radius:3px;background-color:red"><span title="Kangaroo Ridge" style="color:white;font-size:88%;font-weight:bold">2</span></div></td><td style="padding-bottom:2px">Kangaroo Ridge</td></tr><tr style="vertical-align:top"><td style="width:12px;text-align:right;padding-bottom:2px"><div style="display:inline-block;width:auto;height:auto;text-align:center;padding:0px 4px;vertical-align:middle;border-radius:3px;background-color:red"><span title="Little Stillwell" style="color:white;font-size:88%;font-weight:bold">3</span></div></td><td style="padding-bottom:2px">Little Stillwell</td></tr><tr style="vertical-align:top"><td style="width:12px;text-align:right;padding-bottom:2px"><div style="display:inline-block;width:auto;height:auto;text-align:center;padding:0px 4px;vertical-align:middle;border-radius:3px;background-color:red"><span title="Kangaroo Ridge Triple Chairlift mid station" style="color:white;font-size:88%;font-weight:bold">4</span></div></td><td style="padding-bottom:2px">Kangaroo Ridge Triple Chairlift mid station</td></tr></tbody></table></td><td style="width:0.5%;vertical-align:top"><table style="width:100%;font-size:85%;line-height:95%"><tbody><tr style="vertical-align:top"><td style="width:12px;text-align:right;padding-bottom:2px"><div style="display:inline-block;width:auto;height:auto;text-align:center;padding:0px 4px;vertical-align:middle;border-radius:3px;background-color:red"><span title="Basin Poma (J-Bar) unload point" style="color:white;font-size:88%;font-weight:bold">5</span></div></td><td style="padding-bottom:2px">Basin Poma (J-Bar) unload point</td></tr><tr style="vertical-align:top"><td style="width:12px;text-align:right;padding-bottom:2px"><div style="display:inline-block;width:auto;height:auto;text-align:center;padding:0px 4px;vertical-align:middle;border-radius:3px;background-color:red"><span title="Ego flats" style="color:white;font-size:88%;font-weight:bold">6</span></div></td><td style="padding-bottom:2px">Ego flats</td></tr><tr style="vertical-align:top"><td style="width:12px;text-align:right;padding-bottom:2px"><div style="display:inline-block;width:auto;height:auto;text-align:center;padding:0px 4px;vertical-align:middle;border-radius:3px;background-color:red"><a href="/wiki/Snow_gum" class="mw-redirect" title="Snow gum"><span title="Snow gums" style="color:white;font-size:88%;font-weight:bold">7</span></a></div></td><td style="padding-bottom:2px"><a href="/wiki/Snow_gum" class="mw-redirect" title="Snow gum">Snow gums</a></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table> <p>Only item 7 is linked here. </p> </section><div class="mw-heading mw-heading2 ext-discussiontools-init-section section-heading" onclick="mfTempOpenSection(5)"><span class="indicator mf-icon mf-icon-expand mf-icon--small"></span><h2 id="Superimposing_images" data-mw-thread-id="h-Superimposing_images"><span data-mw-comment-start="" id="h-Superimposing_images"></span>Superimposing images<span data-mw-comment-end="h-Superimposing_images"></span></h2></div><section class="mf-section-5 collapsible-block" id="mf-section-5"> <p>Images can be overlaid or superimposed using <span class="nowrap">{{</span><a href="/wiki/Template:Superimpose" title="Template:Superimpose">Superimpose</a><span class="nowrap">}}</span>, <span class="nowrap">{{</span><a href="/wiki/Template:Superimpose2" title="Template:Superimpose2">Superimpose2</a><span class="nowrap">}}</span> or <span class="nowrap">{{</span><a href="/wiki/Template:Overlaid_images" title="Template:Overlaid images">Overlaid images</a><span class="nowrap">}}</span>. </p> <div class="floatnone noresize" style="position: relative; width: 288px;"><div style="position: absolute; left: 95px; top: 80px; padding: 0;"><span typeof="mw:File"><span><noscript><img alt="" src="//upload.wikimedia.org/wikipedia/commons/thumb/0/0c/Red_pog.svg/10px-Red_pog.svg.png" decoding="async" width="10" height="10" class="mw-file-element" data-file-width="64" data-file-height="64"></noscript><span class="lazy-image-placeholder" style="width: 10px;height: 10px;" data-src="//upload.wikimedia.org/wikipedia/commons/thumb/0/0c/Red_pog.svg/10px-Red_pog.svg.png" data-alt="" data-width="10" data-height="10" data-srcset="//upload.wikimedia.org/wikipedia/commons/thumb/0/0c/Red_pog.svg/15px-Red_pog.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/0/0c/Red_pog.svg/20px-Red_pog.svg.png 2x" data-class="mw-file-element"> </span></span></span></div><span typeof="mw:File"><a href="/wiki/File:US_Locator_Blank.svg" class="mw-file-description" title="United States Locator Map"><noscript><img alt="Located in north central Colorado, which is just west of the center of the U.S." src="//upload.wikimedia.org/wikipedia/commons/thumb/2/2f/US_Locator_Blank.svg/288px-US_Locator_Blank.svg.png" decoding="async" width="288" height="187" class="mw-file-element" data-file-width="286" data-file-height="186"></noscript><span class="lazy-image-placeholder" style="width: 288px;height: 187px;" data-src="//upload.wikimedia.org/wikipedia/commons/thumb/2/2f/US_Locator_Blank.svg/288px-US_Locator_Blank.svg.png" data-alt="Located in north central Colorado, which is just west of the center of the U.S." data-width="288" data-height="187" data-srcset="//upload.wikimedia.org/wikipedia/commons/thumb/2/2f/US_Locator_Blank.svg/432px-US_Locator_Blank.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/2/2f/US_Locator_Blank.svg/576px-US_Locator_Blank.svg.png 2x" data-class="mw-file-element"> </span></a></span></div> </section><div class="mw-heading mw-heading2 ext-discussiontools-init-section section-heading" onclick="mfTempOpenSection(6)"><span class="indicator mf-icon mf-icon-expand mf-icon--small"></span><h2 id="Cropping_images" data-mw-thread-id="h-Cropping_images"><span data-mw-comment-start="" id="h-Cropping_images"></span>Cropping images<span data-mw-comment-end="h-Cropping_images"></span></h2></div><section class="mf-section-6 collapsible-block" id="mf-section-6"> <p>Images can be <a href="/wiki/Cropping_(image)" title="Cropping (image)">cropped</a> using <span class="nowrap">{{</span><a href="/wiki/Template:CSS_image_crop" title="Template:CSS image crop">CSS image crop</a><span class="nowrap">}}</span> or <span class="nowrap">{{</span><a href="/wiki/Template:Annotated_image" title="Template:Annotated image">Annotated image</a><span class="nowrap">}}</span>. </p> <div class="center"><div class="thumb tnone"> <div class="thumbinner" style="width: 102px;"> <div class="thumbimage" style="width: 100px; height: 100px; overflow: hidden;"> <div style="position: relative; top: -180px; left: -60px; width: 400px"><div class="noresize"><span typeof="mw:File"><a href="/wiki/File:Dew_on_grass_Luc_Viatour.jpg" class="mw-file-description"><noscript><img alt="A drop of dew on grass (focus on the drop)" src="//upload.wikimedia.org/wikipedia/commons/thumb/7/7b/Dew_on_grass_Luc_Viatour.jpg/400px-Dew_on_grass_Luc_Viatour.jpg" decoding="async" width="400" height="287" class="mw-file-element" data-file-width="2802" data-file-height="2011"></noscript><span class="lazy-image-placeholder" style="width: 400px;height: 287px;" data-src="//upload.wikimedia.org/wikipedia/commons/thumb/7/7b/Dew_on_grass_Luc_Viatour.jpg/400px-Dew_on_grass_Luc_Viatour.jpg" data-alt="A drop of dew on grass (focus on the drop)" data-width="400" data-height="287" data-srcset="//upload.wikimedia.org/wikipedia/commons/thumb/7/7b/Dew_on_grass_Luc_Viatour.jpg/600px-Dew_on_grass_Luc_Viatour.jpg 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/7/7b/Dew_on_grass_Luc_Viatour.jpg/800px-Dew_on_grass_Luc_Viatour.jpg 2x" data-class="mw-file-element"> </span></a></span></div></div> </div> <div class="thumbcaption"> <div class="magnify"><a href="/wiki/File:Dew_on_grass_Luc_Viatour.jpg" title="File:Dew on grass Luc Viatour.jpg"> </a></div>A drop of dew on grass (focus on the drop) </div> </div> </div></div> </section><div class="mw-heading mw-heading2 ext-discussiontools-init-section section-heading" onclick="mfTempOpenSection(7)"><span class="indicator mf-icon mf-icon-expand mf-icon--small"></span><h2 id="Cancelling_floating-around-image_mode" data-mw-thread-id="h-Cancelling_floating-around-image_mode"><span data-mw-comment-start="" id="h-Cancelling_floating-around-image_mode"></span>Cancelling floating-around-image mode<span data-mw-comment-end="h-Cancelling_floating-around-image_mode"></span></h2></div><section class="mf-section-7 collapsible-block" id="mf-section-7"> <p>After having had an image floating next to text, putting further text below it and again using the full width can be done with the following markup. This blocks an image from appearing next to the material following this markup, possibly due to <a href="/wiki/Aesthetics" title="Aesthetics">aesthetic</a> reasons or a change in topics. </p><p>This can be issued by using template <span class="nowrap">{{</span><a href="/wiki/Template:Clear" title="Template:Clear">clear</a><span class="nowrap">}}</span> or <span class="nowrap">{{</span><a href="/wiki/Template:Clr" class="mw-redirect" title="Template:Clr">Clr</a><span class="nowrap">}}</span> or <span class="nowrap">{{</span><a href="/wiki/Template:-" class="mw-redirect" title="Template:-">-</a><span class="nowrap">}}</span> in certain namespaces (<em>en</em>, <em>meta</em>). </p> </section><div class="mw-heading mw-heading2 ext-discussiontools-init-section section-heading" onclick="mfTempOpenSection(8)"><span class="indicator mf-icon mf-icon-expand mf-icon--small"></span><h2 id="VR_images" data-mw-thread-id="h-VR_images"><span data-mw-comment-start="" id="h-VR_images"></span>VR images<span data-mw-comment-end="h-VR_images"></span></h2></div><section class="mf-section-8 collapsible-block" id="mf-section-8"> <link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1252059228"><div class="module-shortcutanchordiv"><span id="MOS:360"></span></div><div class="module-shortcutboxplain noprint" role="note"><div class="module-shortcutlist"><a href="/wiki/Wikipedia:Shortcut" title="Wikipedia:Shortcut">Shortcut</a></div><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1126788409"><div class="plainlist"><ul><li><span class="plainlinks"><a class="external text" href="https://en.wikipedia.org/w/index.php?title=MOS:360&redirect=no">MOS:360</a></span></li></ul></div></div> <p>To display <a href="/wiki/VR_photograph" class="mw-redirect" title="VR photograph">VR photographs</a> (<abbr title="also known as">aka</abbr> 360-degree panoramas or photospheres), use <span class="nowrap">{{</span><a href="/wiki/Template:PanoViewer" title="Template:PanoViewer">PanoViewer</a><span class="nowrap">}}</span>. </p> </section><div class="mw-heading mw-heading2 ext-discussiontools-init-section section-heading" onclick="mfTempOpenSection(9)"><span class="indicator mf-icon mf-icon-expand mf-icon--small"></span><h2 id="Linking_to_the_image_without_displaying_it" data-mw-thread-id="h-Linking_to_the_image_without_displaying_it"><span data-mw-comment-start="" id="h-Linking_to_the_image_without_displaying_it"></span>Linking to the image without displaying it<span data-mw-comment-end="h-Linking_to_the_image_without_displaying_it"></span></h2></div><section class="mf-section-9 collapsible-block" id="mf-section-9"> <p>If you don't want to show or display the image but rather just want to make a link to the description page for an image, use a leading colon before "File:" in an intra-wiki link, like this: <code>[[:File:STS-32 crew.jpg|STS-32 crew]]</code> which yields: <a href="/wiki/File:STS-32_crew.jpg" title="File:STS-32 crew.jpg">STS-32 crew</a>. </p> </section><div class="mw-heading mw-heading2 ext-discussiontools-init-section section-heading" onclick="mfTempOpenSection(10)"><span class="indicator mf-icon mf-icon-expand mf-icon--small"></span><h2 id="Sound_files" data-mw-thread-id="h-Sound_files"><span data-mw-comment-start="" id="h-Sound_files"></span>Sound files<span data-mw-comment-end="h-Sound_files"></span></h2></div><section class="mf-section-10 collapsible-block" id="mf-section-10"> <p>Often, sound files are presented on Wikipedia pages using <span class="nowrap">{{</span><a href="/wiki/Template:Listen" title="Template:Listen">Listen</a><span class="nowrap">}}</span> or its related templates. However, it is also possible to present an audio file without using any template. Similar syntax to images can be used to transclude audio or video files into pages. </p> <table class="wikitable"> <tbody><tr> <th> </th> <th>Code</th> <th>Output </th></tr> <tr> <td>1.</td> <td><code>[[File:Accordion chords-01.ogg]]</code> </td> <td><span class="mw-default-size" typeof="mw:File"><span><audio id="mwe_player_2" controls="" preload="none" data-mw-tmh="" class="mw-file-element" width="220" style="width:220px;" data-durationhint="12" data-mwtitle="Accordion_chords-01.ogg" data-mwprovider="wikimediacommons"><source src="//upload.wikimedia.org/wikipedia/commons/8/81/Accordion_chords-01.ogg" type='audio/ogg; codecs="vorbis"' data-width="0" data-height="0"></source><source src="//upload.wikimedia.org/wikipedia/commons/transcoded/8/81/Accordion_chords-01.ogg/Accordion_chords-01.ogg.mp3" type="audio/mpeg" data-transcodekey="mp3" data-width="0" data-height="0"></source></audio></span></span> </td></tr> <tr> <td>2.</td> <td><code>[[File:Accordion chords-01.ogg|frameless|upright=1.3]]</code> </td> <td><span class="mw-default-size" typeof="mw:File/Frameless"><span><audio id="mwe_player_3" controls="" preload="none" data-mw-tmh="" class="mw-file-element" width="290" style="width:290px;" data-durationhint="12" data-mwtitle="Accordion_chords-01.ogg" data-mwprovider="wikimediacommons"><source src="//upload.wikimedia.org/wikipedia/commons/8/81/Accordion_chords-01.ogg" type='audio/ogg; codecs="vorbis"' data-width="0" data-height="0"></source><source src="//upload.wikimedia.org/wikipedia/commons/transcoded/8/81/Accordion_chords-01.ogg/Accordion_chords-01.ogg.mp3" type="audio/mpeg" data-transcodekey="mp3" data-width="0" data-height="0"></source></audio></span></span> </td></tr></tbody></table> <p>Note that none of these examples provide links to <a href="/wiki/Wikipedia:Media_help" class="mw-redirect" title="Wikipedia:Media help">Wikipedia:Media help</a>, and example 2 provides no navigable links to the file itself. Consequently, whenever this method is used, the <span class="nowrap">{{</span><a href="/wiki/Template:Inline_audio" title="Template:Inline audio">Inline audio</a><span class="nowrap">}}</span> template must be shown on that page, and the presentation of the play buttons must be accompanied by clickable links to the sound file itself. Examples: </p> <table class="wikitable"> <tbody><tr> <th> </th> <th>Code</th> <th>Output </th></tr> <tr> <td>1.</td> <td><code>[[File:Accordion chords-01.ogg|frameless|upright=0.4|left]] [[:File:Accordion chords-01.ogg|Accordion chords]]</code> </td> <td><figure class="mw-default-size mw-halign-left" typeof="mw:File/Frameless"><span><audio id="mwe_player_4" controls="" preload="none" data-mw-tmh="" class="mw-file-element" width="90" style="width:90px;" data-durationhint="12" data-mwtitle="Accordion_chords-01.ogg" data-mwprovider="wikimediacommons"><source src="//upload.wikimedia.org/wikipedia/commons/8/81/Accordion_chords-01.ogg" type='audio/ogg; codecs="vorbis"' data-width="0" data-height="0"></source><source src="//upload.wikimedia.org/wikipedia/commons/transcoded/8/81/Accordion_chords-01.ogg/Accordion_chords-01.ogg.mp3" type="audio/mpeg" data-transcodekey="mp3" data-width="0" data-height="0"></source></audio></span><figcaption></figcaption></figure> <a href="/wiki/File:Accordion_chords-01.ogg" title="File:Accordion chords-01.ogg">Accordion chords</a> </td></tr> <tr> <td>2.</td> <td><code>[[:File:Accordion chords-01.ogg|Accordion chords]] [[File:Accordion chords-01.ogg|90px|right]]</code> </td> <td><a href="/wiki/File:Accordion_chords-01.ogg" title="File:Accordion chords-01.ogg">Accordion chords</a> <figure class="mw-halign-right" typeof="mw:File"><span><audio id="mwe_player_5" controls="" preload="none" data-mw-tmh="" class="mw-file-element" width="90" style="width:90px;" data-durationhint="12" data-mwtitle="Accordion_chords-01.ogg" data-mwprovider="wikimediacommons"><source src="//upload.wikimedia.org/wikipedia/commons/8/81/Accordion_chords-01.ogg" type='audio/ogg; codecs="vorbis"' data-width="0" data-height="0"></source><source src="//upload.wikimedia.org/wikipedia/commons/transcoded/8/81/Accordion_chords-01.ogg/Accordion_chords-01.ogg.mp3" type="audio/mpeg" data-transcodekey="mp3" data-width="0" data-height="0"></source></audio></span><figcaption></figcaption></figure> </td></tr> <tr> <td>3.</td> <td><code>[[:File:Accordion chords-01.ogg|Accordion chords]] [[File:Accordion chords-01.ogg|90px]]</code> </td> <td><a href="/wiki/File:Accordion_chords-01.ogg" title="File:Accordion chords-01.ogg">Accordion chords</a> <span typeof="mw:File"><span><audio id="mwe_player_6" controls="" preload="none" data-mw-tmh="" class="mw-file-element" width="90" style="width:90px;" data-durationhint="12" data-mwtitle="Accordion_chords-01.ogg" data-mwprovider="wikimediacommons"><source src="//upload.wikimedia.org/wikipedia/commons/8/81/Accordion_chords-01.ogg" type='audio/ogg; codecs="vorbis"' data-width="0" data-height="0"></source><source src="//upload.wikimedia.org/wikipedia/commons/transcoded/8/81/Accordion_chords-01.ogg/Accordion_chords-01.ogg.mp3" type="audio/mpeg" data-transcodekey="mp3" data-width="0" data-height="0"></source></audio></span></span> </td></tr></tbody></table> <p>Note that vertical alignment of the play button does not work, nor is it possible to present the play button inline with text; consequently, the most pleasing arrangement is achieved with examples 1 or 3. </p><p>There is also a parameter to preset the player to start at a time other than 0:00. </p> <table class="wikitable"> <tbody><tr> <th> </th> <th>Code</th> <th>Output </th></tr> <tr> <td>1.</td> <td><code>[[File:Accordion chords-01.ogg|start=0:05]]</code> </td> <td><span class="mw-default-size" typeof="mw:File"><span><audio id="mwe_player_7" controls="" preload="none" data-mw-tmh="" class="mw-file-element" width="220" style="width:220px;" data-durationhint="12" data-mwtitle="Accordion_chords-01.ogg" data-mwprovider="wikimediacommons"><source src="//upload.wikimedia.org/wikipedia/commons/8/81/Accordion_chords-01.ogg#t=00:00:05" type='audio/ogg; codecs="vorbis"' data-width="0" data-height="0"></source><source src="//upload.wikimedia.org/wikipedia/commons/transcoded/8/81/Accordion_chords-01.ogg/Accordion_chords-01.ogg.mp3#t=00:00:05" type="audio/mpeg" data-transcodekey="mp3" data-width="0" data-height="0"></source></audio></span></span> </td></tr></tbody></table> <div class="mw-heading mw-heading3"><h3 id="MIDI" data-mw-thread-id="h-MIDI-Sound_files"><span data-mw-comment-start="" id="h-MIDI-Sound_files"></span>MIDI<span data-mw-comment-end="h-MIDI-Sound_files"></span></h3></div> <p>Since June 2019, MIDI files can be played just like other sound files. See: <a href="/wiki/Help:Score" title="Help:Score">Help:Score</a>. </p> <figure class="mw-default-size" typeof="mw:File/Thumb"><span><audio id="mwe_player_8" controls="" preload="none" data-mw-tmh="" class="mw-file-element" width="220" style="width:220px;" data-durationhint="168" data-mwtitle="Beethoven_Op._33_no._1.mid" data-mwprovider="wikimediacommons" resource="/wiki/File:Beethoven_Op._33_no._1.mid"><source src="//upload.wikimedia.org/wikipedia/commons/a/a9/Beethoven_Op._33_no._1.mid" type="audio/midi" data-width="0" data-height="0"></source><source src="//upload.wikimedia.org/wikipedia/commons/transcoded/a/a9/Beethoven_Op._33_no._1.mid/Beethoven_Op._33_no._1.mid.ogg" type='audio/ogg; codecs="vorbis"' data-transcodekey="ogg" data-width="0" data-height="0"></source><source src="//upload.wikimedia.org/wikipedia/commons/transcoded/a/a9/Beethoven_Op._33_no._1.mid/Beethoven_Op._33_no._1.mid.mp3" type="audio/mpeg" data-transcodekey="mp3" data-width="0" data-height="0"></source></audio></span><figcaption><a href="/wiki/Bagatelles,_Op._33_(Beethoven)" title="Bagatelles, Op. 33 (Beethoven)"><i>Bagatelles</i>, Op. 33</a>, no. 1</figcaption></figure> <div class="mw-highlight mw-highlight-lang-wikitext mw-content-ltr" dir="ltr"><pre><span></span><span class="p">[[</span><span class="nn">File</span><span class="p">:</span><span class="nt">Beethoven Op. 33 no. 1.mid</span><span class="p">|</span>thumb<span class="p">|[[</span><span class="nt">Bagatelles, Op. 33 (Beethoven)</span><span class="p">|</span><span class="ge">''Bagatelles''</span>, Op. 33<span class="p">]]</span>, no. 1<span class="p">]]</span> </pre></div> </section><div class="mw-heading mw-heading2 ext-discussiontools-init-section section-heading" onclick="mfTempOpenSection(11)"><span class="indicator mf-icon mf-icon-expand mf-icon--small"></span><h2 id="Video_files" data-mw-thread-id="h-Video_files"><span data-mw-comment-start="" id="h-Video_files"></span>Video files<span data-mw-comment-end="h-Video_files"></span></h2></div><section class="mf-section-11 collapsible-block" id="mf-section-11"> <p>To display a video as uploaded with a caption use <code>[[File:First flights in aviation history.ogg|frame|none|Caption text]]</code>. </p> <figure class="mw-halign-none" typeof="mw:File/Frame"><span><video id="mwe_player_9" poster="//upload.wikimedia.org/wikipedia/commons/thumb/a/a8/First_flights_in_aviation_history.ogv/400px--First_flights_in_aviation_history.ogv.jpg" controls="" preload="none" data-mw-tmh="" class="mw-file-element" width="400" height="288" data-durationhint="83" data-mwtitle="First_flights_in_aviation_history.ogv" data-mwprovider="wikimediacommons"><source src="//upload.wikimedia.org/wikipedia/commons/a/a8/First_flights_in_aviation_history.ogv" type='video/ogg; codecs="theora, vorbis"' data-width="400" data-height="288"></source><source src="//upload.wikimedia.org/wikipedia/commons/transcoded/a/a8/First_flights_in_aviation_history.ogv/First_flights_in_aviation_history.ogv.360p.webm" type='video/webm; codecs="vp8, vorbis"' data-transcodekey="360p.webm" data-width="400" data-height="288"></source><source src="//upload.wikimedia.org/wikipedia/commons/transcoded/a/a8/First_flights_in_aviation_history.ogv/First_flights_in_aviation_history.ogv.144p.mjpeg.mov" type="video/quicktime" data-transcodekey="144p.mjpeg.mov" data-width="200" data-height="144"></source><source src="//upload.wikimedia.org/wikipedia/commons/transcoded/a/a8/First_flights_in_aviation_history.ogv/First_flights_in_aviation_history.ogv.240p.vp9.webm" type='video/webm; codecs="vp9, opus"' data-transcodekey="240p.vp9.webm" data-width="334" data-height="240"></source><track src="https://commons.wikimedia.org/w/api.php?action=timedtext&title=File%3AFirst_flights_in_aviation_history.ogv&lang=en&trackformat=vtt&origin=%2A" kind="subtitles" type="text/vtt" srclang="en" label="English ‪(en)‬" data-dir="ltr"></track></video></span><figcaption>Caption text</figcaption></figure> <div class="mw-heading mw-heading3"><h3 id="Initial_still_image" data-mw-thread-id="h-Initial_still_image-Video_files"><span data-mw-comment-start="" id="h-Initial_still_image-Video_files"></span>Initial still image<span data-mw-comment-end="h-Initial_still_image-Video_files"></span></h3></div> <p>"<code>|thumbtime=<b>Time</b></code>". Use the frame from the video at the given time as the initial still image. <b>Time</b> is either a number of seconds, or hours, minutes and seconds separated by colons. Without a thumbtime parameter, a frame from the midpoint of the video is used by default. For instance, using the same video file as previously: </p> <table> <tbody><tr> <td valign="top"><figure class="mw-default-size" typeof="mw:File/Thumb"><span><video id="mwe_player_10" poster="//upload.wikimedia.org/wikipedia/commons/thumb/a/a8/First_flights_in_aviation_history.ogv/220px-seek%3D21-First_flights_in_aviation_history.ogv.jpg" controls="" preload="none" data-mw-tmh="" class="mw-file-element" width="220" height="158" data-durationhint="83" data-mwtitle="First_flights_in_aviation_history.ogv" data-mwprovider="wikimediacommons" resource="/wiki/File:First_flights_in_aviation_history.ogv"><source src="//upload.wikimedia.org/wikipedia/commons/a/a8/First_flights_in_aviation_history.ogv" type='video/ogg; codecs="theora, vorbis"' data-width="400" data-height="288"></source><source src="//upload.wikimedia.org/wikipedia/commons/transcoded/a/a8/First_flights_in_aviation_history.ogv/First_flights_in_aviation_history.ogv.360p.webm" type='video/webm; codecs="vp8, vorbis"' data-transcodekey="360p.webm" data-width="400" data-height="288"></source><source src="//upload.wikimedia.org/wikipedia/commons/transcoded/a/a8/First_flights_in_aviation_history.ogv/First_flights_in_aviation_history.ogv.144p.mjpeg.mov" type="video/quicktime" data-transcodekey="144p.mjpeg.mov" data-width="200" data-height="144"></source><source src="//upload.wikimedia.org/wikipedia/commons/transcoded/a/a8/First_flights_in_aviation_history.ogv/First_flights_in_aviation_history.ogv.240p.vp9.webm" type='video/webm; codecs="vp9, opus"' data-transcodekey="240p.vp9.webm" data-width="334" data-height="240"></source><track src="https://commons.wikimedia.org/w/api.php?action=timedtext&title=File%3AFirst_flights_in_aviation_history.ogv&lang=en&trackformat=vtt&origin=%2A" kind="subtitles" type="text/vtt" srclang="en" label="English ‪(en)‬" data-dir="ltr"></track></video></span><figcaption>Man in suit tie and hat at 21 seconds. Time syntax using seconds only: "21".</figcaption></figure> </td></tr> <tr> <td valign="top"><figure class="mw-default-size" typeof="mw:File/Thumb"><span><video id="mwe_player_11" poster="//upload.wikimedia.org/wikipedia/commons/thumb/a/a8/First_flights_in_aviation_history.ogv/220px-seek%3D23-First_flights_in_aviation_history.ogv.jpg" controls="" preload="none" data-mw-tmh="" class="mw-file-element" width="220" height="158" data-durationhint="83" data-mwtitle="First_flights_in_aviation_history.ogv" data-mwprovider="wikimediacommons" resource="/wiki/File:First_flights_in_aviation_history.ogv"><source src="//upload.wikimedia.org/wikipedia/commons/a/a8/First_flights_in_aviation_history.ogv" type='video/ogg; codecs="theora, vorbis"' data-width="400" data-height="288"></source><source src="//upload.wikimedia.org/wikipedia/commons/transcoded/a/a8/First_flights_in_aviation_history.ogv/First_flights_in_aviation_history.ogv.360p.webm" type='video/webm; codecs="vp8, vorbis"' data-transcodekey="360p.webm" data-width="400" data-height="288"></source><source src="//upload.wikimedia.org/wikipedia/commons/transcoded/a/a8/First_flights_in_aviation_history.ogv/First_flights_in_aviation_history.ogv.144p.mjpeg.mov" type="video/quicktime" data-transcodekey="144p.mjpeg.mov" data-width="200" data-height="144"></source><source src="//upload.wikimedia.org/wikipedia/commons/transcoded/a/a8/First_flights_in_aviation_history.ogv/First_flights_in_aviation_history.ogv.240p.vp9.webm" type='video/webm; codecs="vp9, opus"' data-transcodekey="240p.vp9.webm" data-width="334" data-height="240"></source><track src="https://commons.wikimedia.org/w/api.php?action=timedtext&title=File%3AFirst_flights_in_aviation_history.ogv&lang=en&trackformat=vtt&origin=%2A" kind="subtitles" type="text/vtt" srclang="en" label="English ‪(en)‬" data-dir="ltr"></track></video></span><figcaption>Monoplane seen at 23 seconds. Time syntax using minutes and seconds: "0:23".</figcaption></figure> </td></tr> <tr> <td valign="top"><figure class="mw-default-size" typeof="mw:File/Thumb"><span><video id="mwe_player_12" poster="//upload.wikimedia.org/wikipedia/commons/thumb/a/a8/First_flights_in_aviation_history.ogv/220px-seek%3D33-First_flights_in_aviation_history.ogv.jpg" controls="" preload="none" data-mw-tmh="" class="mw-file-element" width="220" height="158" data-durationhint="83" data-mwtitle="First_flights_in_aviation_history.ogv" data-mwprovider="wikimediacommons" resource="/wiki/File:First_flights_in_aviation_history.ogv"><source src="//upload.wikimedia.org/wikipedia/commons/a/a8/First_flights_in_aviation_history.ogv" type='video/ogg; codecs="theora, vorbis"' data-width="400" data-height="288"></source><source src="//upload.wikimedia.org/wikipedia/commons/transcoded/a/a8/First_flights_in_aviation_history.ogv/First_flights_in_aviation_history.ogv.360p.webm" type='video/webm; codecs="vp8, vorbis"' data-transcodekey="360p.webm" data-width="400" data-height="288"></source><source src="//upload.wikimedia.org/wikipedia/commons/transcoded/a/a8/First_flights_in_aviation_history.ogv/First_flights_in_aviation_history.ogv.144p.mjpeg.mov" type="video/quicktime" data-transcodekey="144p.mjpeg.mov" data-width="200" data-height="144"></source><source src="//upload.wikimedia.org/wikipedia/commons/transcoded/a/a8/First_flights_in_aviation_history.ogv/First_flights_in_aviation_history.ogv.240p.vp9.webm" type='video/webm; codecs="vp9, opus"' data-transcodekey="240p.vp9.webm" data-width="334" data-height="240"></source><track src="https://commons.wikimedia.org/w/api.php?action=timedtext&title=File%3AFirst_flights_in_aviation_history.ogv&lang=en&trackformat=vtt&origin=%2A" kind="subtitles" type="text/vtt" srclang="en" label="English ‪(en)‬" data-dir="ltr"></track></video></span><figcaption>Landed biplane seen at 33 seconds. Time syntax using hours, minutes and seconds: "0:0:33".</figcaption></figure> </td></tr></tbody></table> <div class="mw-heading mw-heading3"><h3 id="Temporal_media_fragments" data-mw-thread-id="h-Temporal_media_fragments-Video_files"><span data-mw-comment-start="" id="h-Temporal_media_fragments-Video_files"></span>Temporal media fragments<span data-mw-comment-end="h-Temporal_media_fragments-Video_files"></span></h3></div> <figure class="mw-default-size" typeof="mw:File/Thumb"><span><video id="mwe_player_13" poster="//upload.wikimedia.org/wikipedia/commons/thumb/9/93/Weeding.ogv/290px-seek%3D5-Weeding.ogv.jpg" controls="" preload="none" data-mw-tmh="" class="mw-file-element" width="290" height="163" data-durationhint="13" data-mwtitle="Weeding.ogv" data-mwprovider="wikimediacommons" resource="/wiki/File:Weeding.ogv"><source src="//upload.wikimedia.org/wikipedia/commons/transcoded/9/93/Weeding.ogv/Weeding.ogv.480p.vp9.webm#t=00:00:05,00:00:07" type='video/webm; codecs="vp9, opus"' data-transcodekey="480p.vp9.webm" data-width="854" data-height="480"></source><source src="//upload.wikimedia.org/wikipedia/commons/9/93/Weeding.ogv#t=00:00:05,00:00:07" type='video/ogg; codecs="theora, vorbis"' data-width="854" data-height="480"></source><source src="//upload.wikimedia.org/wikipedia/commons/transcoded/9/93/Weeding.ogv/Weeding.ogv.240p.vp9.webm#t=00:00:05,00:00:07" type='video/webm; codecs="vp9, opus"' data-transcodekey="240p.vp9.webm" data-width="426" data-height="240"></source><source src="//upload.wikimedia.org/wikipedia/commons/transcoded/9/93/Weeding.ogv/Weeding.ogv.360p.webm#t=00:00:05,00:00:07" type='video/webm; codecs="vp8, vorbis"' data-transcodekey="360p.webm" data-width="640" data-height="360"></source><source src="//upload.wikimedia.org/wikipedia/commons/transcoded/9/93/Weeding.ogv/Weeding.ogv.360p.vp9.webm#t=00:00:05,00:00:07" type='video/webm; codecs="vp9, opus"' data-transcodekey="360p.vp9.webm" data-width="640" data-height="360"></source></video></span><figcaption>Starts at 5 seconds and ends playback at 7 seconds</figcaption></figure> <p>This syntax allows you to play a segment of the video stream or set a start time. Hover over the player to see start time listed as 5s, press play and notice it stops playback at 7 seconds. </p> <dl><dd><code>[[File:Weeding.ogv|thumb|upright=1.3|start=5|end=7|Starts at 5 seconds and ends playback at 7 seconds]]</code></dd></dl> <p><b>Note:</b> This is not yet supported by Safari and Internet Explorer. </p> <div class="mw-heading mw-heading3"><h3 id="Displaying_small_videos_larger" data-mw-thread-id="h-Displaying_small_videos_larger-Video_files"><span data-mw-comment-start="" id="h-Displaying_small_videos_larger-Video_files"></span>Displaying small videos larger<span data-mw-comment-end="h-Displaying_small_videos_larger-Video_files"></span></h3></div> <p>To display a video larger than its uploaded size use "<b><code>|thumb</code></b>" and "<b><code>|<i>number</i>px</code></b>". This may be useful if the original video is very small but shows some important but small detail, but note that upscaling may create unexpected scaling artifacts. For example, the code </p><p><code>[[File:cal16x16check_vdnocnoafr1len2.avi.q10.ogv|inline|left]] [[File:cal16x16check_vdnocnoafr1len2.avi.q10.ogv|right|thumb|128px]]</code> </p> <dl><dd>displays the 16 pixels wide video at its original size on the left and eight times wider at the right (the squares should be all black or all white and the edges should be sharp — any blurriness or off-white colour is likely due to the browser or the Wikimedia server rendering):</dd></dl> <table align="center" width="80%"> <tbody><tr> <td><figure class="mw-default-size mw-halign-left" typeof="mw:File"><span><video id="mwe_player_14" poster="//upload.wikimedia.org/wikipedia/commons/thumb/e/e8/Cal16x16check_vdnocnoafr1len2.avi.q10.ogv/16px--Cal16x16check_vdnocnoafr1len2.avi.q10.ogv.jpg" controls="" preload="none" data-mw-tmh="" class="mw-file-element" width="16" height="16" data-durationhint="3" data-mwtitle="Cal16x16check_vdnocnoafr1len2.avi.q10.ogv" data-mwprovider="wikimediacommons"><source src="//upload.wikimedia.org/wikipedia/commons/e/e8/Cal16x16check_vdnocnoafr1len2.avi.q10.ogv" type='video/ogg; codecs="theora"' data-width="16" data-height="16"></source></video></span><figcaption>inline</figcaption></figure> <figure class="mw-halign-right" typeof="mw:File/Thumb"><span><video id="mwe_player_15" poster="//upload.wikimedia.org/wikipedia/commons/thumb/e/e8/Cal16x16check_vdnocnoafr1len2.avi.q10.ogv/16px--Cal16x16check_vdnocnoafr1len2.avi.q10.ogv.jpg" controls="" preload="none" data-mw-tmh="" class="mw-file-element" width="16" height="16" data-durationhint="3" data-mwtitle="Cal16x16check_vdnocnoafr1len2.avi.q10.ogv" data-mwprovider="wikimediacommons" resource="/wiki/File:Cal16x16check_vdnocnoafr1len2.avi.q10.ogv"><source src="//upload.wikimedia.org/wikipedia/commons/e/e8/Cal16x16check_vdnocnoafr1len2.avi.q10.ogv" type='video/ogg; codecs="theora"' data-width="16" data-height="16"></source></video></span><figcaption></figcaption></figure> </td></tr></tbody></table> <div class="mw-heading mw-heading3"><h3 id="Thumbtime_in_a_gallery" data-mw-thread-id="h-Thumbtime_in_a_gallery-Video_files"><span data-mw-comment-start="" id="h-Thumbtime_in_a_gallery-Video_files"></span>Thumbtime in a gallery<span data-mw-comment-end="h-Thumbtime_in_a_gallery-Video_files"></span></h3></div> <p>The <i>thumbtime</i> parameter can also be used inside a gallery (either with <a href="/wiki/Help:Gallery_tag" title="Help:Gallery tag"><gallery> tags</a> or the <span class="nowrap">{{</span><a href="/wiki/Template:Gallery" title="Template:Gallery">Gallery</a><span class="nowrap">}}</span> template): </p> <ul class="gallery mw-gallery-traditional"> <li class="gallerybox" style="width: 155px"> <div class="thumb" style="width: 150px; height: 150px;"><span typeof="mw:File"><span><video id="mwe_player_0" poster="//upload.wikimedia.org/wikipedia/commons/thumb/a/a8/First_flights_in_aviation_history.ogv/120px-seek%3D21-First_flights_in_aviation_history.ogv.jpg" controls="" preload="none" data-mw-tmh="" class="mw-file-element" width="120" height="86" data-durationhint="83" data-mwtitle="First_flights_in_aviation_history.ogv" data-mwprovider="wikimediacommons"><source src="//upload.wikimedia.org/wikipedia/commons/a/a8/First_flights_in_aviation_history.ogv" type='video/ogg; codecs="theora, vorbis"' data-width="400" data-height="288"></source><source src="//upload.wikimedia.org/wikipedia/commons/transcoded/a/a8/First_flights_in_aviation_history.ogv/First_flights_in_aviation_history.ogv.360p.webm" type='video/webm; codecs="vp8, vorbis"' data-transcodekey="360p.webm" data-width="400" data-height="288"></source><source src="//upload.wikimedia.org/wikipedia/commons/transcoded/a/a8/First_flights_in_aviation_history.ogv/First_flights_in_aviation_history.ogv.144p.mjpeg.mov" type="video/quicktime" data-transcodekey="144p.mjpeg.mov" data-width="200" data-height="144"></source><source src="//upload.wikimedia.org/wikipedia/commons/transcoded/a/a8/First_flights_in_aviation_history.ogv/First_flights_in_aviation_history.ogv.240p.vp9.webm" type='video/webm; codecs="vp9, opus"' data-transcodekey="240p.vp9.webm" data-width="334" data-height="240"></source><track src="https://commons.wikimedia.org/w/api.php?action=timedtext&title=File%3AFirst_flights_in_aviation_history.ogv&lang=en&trackformat=vtt&origin=%2A" kind="subtitles" type="text/vtt" srclang="en" label="English ‪(en)‬" data-dir="ltr"></track></video></span></span></div> <div class="gallerytext">Man in suit tie and hat at 21 seconds.</div> </li> <li class="gallerybox" style="width: 155px"> <div class="thumb" style="width: 150px; height: 150px;"><span typeof="mw:File"><span><video id="mwe_player_1" poster="//upload.wikimedia.org/wikipedia/commons/thumb/a/a8/First_flights_in_aviation_history.ogv/120px-seek%3D23-First_flights_in_aviation_history.ogv.jpg" controls="" preload="none" data-mw-tmh="" class="mw-file-element" width="120" height="86" data-durationhint="83" data-mwtitle="First_flights_in_aviation_history.ogv" data-mwprovider="wikimediacommons"><source src="//upload.wikimedia.org/wikipedia/commons/a/a8/First_flights_in_aviation_history.ogv" type='video/ogg; codecs="theora, vorbis"' data-width="400" data-height="288"></source><source src="//upload.wikimedia.org/wikipedia/commons/transcoded/a/a8/First_flights_in_aviation_history.ogv/First_flights_in_aviation_history.ogv.360p.webm" type='video/webm; codecs="vp8, vorbis"' data-transcodekey="360p.webm" data-width="400" data-height="288"></source><source src="//upload.wikimedia.org/wikipedia/commons/transcoded/a/a8/First_flights_in_aviation_history.ogv/First_flights_in_aviation_history.ogv.144p.mjpeg.mov" type="video/quicktime" data-transcodekey="144p.mjpeg.mov" data-width="200" data-height="144"></source><source src="//upload.wikimedia.org/wikipedia/commons/transcoded/a/a8/First_flights_in_aviation_history.ogv/First_flights_in_aviation_history.ogv.240p.vp9.webm" type='video/webm; codecs="vp9, opus"' data-transcodekey="240p.vp9.webm" data-width="334" data-height="240"></source><track src="https://commons.wikimedia.org/w/api.php?action=timedtext&title=File%3AFirst_flights_in_aviation_history.ogv&lang=en&trackformat=vtt&origin=%2A" kind="subtitles" type="text/vtt" srclang="en" label="English ‪(en)‬" data-dir="ltr"></track></video></span></span></div> <div class="gallerytext">Monoplane seen at 23 seconds.</div> </li> </ul> <p>Here is the wikicode that created it: </p> <pre><gallery> File:First flights in aviation history.ogg|thumbtime=21|Man in suit tie and hat at 21 seconds. File:First flights in aviation history.ogg|thumbtime=0:23|Monoplane seen at 23 seconds. </gallery></pre> </section><div class="mw-heading mw-heading2 ext-discussiontools-init-section section-heading" onclick="mfTempOpenSection(12)"><span class="indicator mf-icon mf-icon-expand mf-icon--small"></span><h2 id="See_also" data-mw-thread-id="h-See_also"><span data-mw-comment-start="" id="h-See_also"></span>See also<span data-mw-comment-end="h-See_also"></span></h2></div><section class="mf-section-12 collapsible-block" id="mf-section-12"> <ul><li><a href="/wiki/Wikipedia:Images" title="Wikipedia:Images">Wikipedia:Images</a> – For an overview of images in Wikipedia</li> <li><a href="/wiki/Help:Pictures" title="Help:Pictures">Help:Pictures</a></li> <li><a href="/wiki/Wikipedia:Picture_tutorial" class="mw-redirect" title="Wikipedia:Picture tutorial">Wikipedia:Picture tutorial</a></li> <li><a href="/wiki/Wikimedia_Commons" title="Wikimedia Commons">Wikimedia Commons</a> (<a href="https://commons.wikimedia.org/wiki/Main_Page" class="extiw" title="commons:Main Page">Commons Main Page</a>), a free <a href="/wiki/Multimedia" title="Multimedia">multimedia</a> <a href="/wiki/Digital_library" title="Digital library">repository</a>, that you can use directly in Wikipedia and the other <a href="/wiki/Wikimedia_Foundation" title="Wikimedia Foundation">Wikimedia projects</a>. You can <a href="/wiki/Upload" title="Upload">upload</a> new images or use the stored ones.</li> <li><a href="https://commons.wikimedia.org/wiki/Commons:Video" class="extiw" title="commons:Commons:Video">Commons:Commons:Video</a> – Outline of videos on Commons; using, playing, policy, finding, converting and uploading</li> <li><a href="/wiki/Wikipedia:Creation_and_usage_of_media_files" class="mw-redirect" title="Wikipedia:Creation and usage of media files">Wikipedia:Creation and usage of media files</a> – A how-to guide, old but still useful</li> <li><a href="/wiki/Wikipedia:Image_use_policy" title="Wikipedia:Image use policy">Wikipedia:Image use policy</a></li> <li><a href="/wiki/Wikipedia:Image_markup_with_HTML" title="Wikipedia:Image markup with HTML">Wikipedia:Image markup with HTML</a> – How to add images to articles, old school. Obsolete but interesting.</li> <li><a href="/wiki/Wikipedia:Finding_images_tutorial" title="Wikipedia:Finding images tutorial">Wikipedia:Finding images tutorial</a></li> <li><a href="https://meta.wikimedia.org/wiki/Help:Images_and_other_uploaded_files" class="extiw" title="meta:Help:Images and other uploaded files">meta:Help:Images and other uploaded files</a></li> <li><a href="https://www.mediawiki.org/wiki/Extension:PagedTiffHandler" class="extiw" title="mw:Extension:PagedTiffHandler">mw:Extension:PagedTiffHandler</a> – <code>lossy</code> parameter for tiff files</li></ul> <div class="navbox-styles"><style data-mw-deduplicate="TemplateStyles:r1129693374">.mw-parser-output .hlist dl,.mw-parser-output .hlist ol,.mw-parser-output .hlist ul{margin:0;padding:0}.mw-parser-output .hlist dd,.mw-parser-output .hlist dt,.mw-parser-output .hlist li{margin:0;display:inline}.mw-parser-output .hlist.inline,.mw-parser-output .hlist.inline dl,.mw-parser-output .hlist.inline ol,.mw-parser-output .hlist.inline ul,.mw-parser-output .hlist dl dl,.mw-parser-output .hlist dl ol,.mw-parser-output .hlist dl ul,.mw-parser-output .hlist ol dl,.mw-parser-output .hlist ol ol,.mw-parser-output .hlist ol ul,.mw-parser-output .hlist ul dl,.mw-parser-output .hlist ul ol,.mw-parser-output .hlist ul ul{display:inline}.mw-parser-output .hlist .mw-empty-li{display:none}.mw-parser-output .hlist dt::after{content:": "}.mw-parser-output .hlist dd::after,.mw-parser-output .hlist li::after{content:" · ";font-weight:bold}.mw-parser-output .hlist dd:last-child::after,.mw-parser-output .hlist dt:last-child::after,.mw-parser-output .hlist li:last-child::after{content:none}.mw-parser-output .hlist dd dd:first-child::before,.mw-parser-output .hlist dd dt:first-child::before,.mw-parser-output .hlist dd li:first-child::before,.mw-parser-output .hlist dt dd:first-child::before,.mw-parser-output .hlist dt dt:first-child::before,.mw-parser-output .hlist dt li:first-child::before,.mw-parser-output .hlist li dd:first-child::before,.mw-parser-output .hlist li dt:first-child::before,.mw-parser-output .hlist li li:first-child::before{content:" (";font-weight:normal}.mw-parser-output .hlist dd dd:last-child::after,.mw-parser-output .hlist dd dt:last-child::after,.mw-parser-output .hlist dd li:last-child::after,.mw-parser-output .hlist dt dd:last-child::after,.mw-parser-output .hlist dt dt:last-child::after,.mw-parser-output .hlist dt li:last-child::after,.mw-parser-output .hlist li dd:last-child::after,.mw-parser-output .hlist li dt:last-child::after,.mw-parser-output .hlist li li:last-child::after{content:")";font-weight:normal}.mw-parser-output .hlist ol{counter-reset:listitem}.mw-parser-output .hlist ol>li{counter-increment:listitem}.mw-parser-output .hlist ol>li::before{content:" "counter(listitem)"\a0 "}.mw-parser-output .hlist dd ol>li:first-child::before,.mw-parser-output .hlist dt ol>li:first-child::before,.mw-parser-output .hlist li ol>li:first-child::before{content:" ("counter(listitem)"\a0 "}</style><style data-mw-deduplicate="TemplateStyles:r1236075235">.mw-parser-output .navbox{box-sizing:border-box;border:1px solid #a2a9b1;width:100%;clear:both;font-size:88%;text-align:center;padding:1px;margin:1em auto 0}.mw-parser-output .navbox .navbox{margin-top:0}.mw-parser-output .navbox+.navbox,.mw-parser-output .navbox+.navbox-styles+.navbox{margin-top:-1px}.mw-parser-output .navbox-inner,.mw-parser-output .navbox-subgroup{width:100%}.mw-parser-output .navbox-group,.mw-parser-output .navbox-title,.mw-parser-output .navbox-abovebelow{padding:0.25em 1em;line-height:1.5em;text-align:center}.mw-parser-output .navbox-group{white-space:nowrap;text-align:right}.mw-parser-output .navbox,.mw-parser-output .navbox-subgroup{background-color:#fdfdfd}.mw-parser-output .navbox-list{line-height:1.5em;border-color:#fdfdfd}.mw-parser-output .navbox-list-with-group{text-align:left;border-left-width:2px;border-left-style:solid}.mw-parser-output tr+tr>.navbox-abovebelow,.mw-parser-output tr+tr>.navbox-group,.mw-parser-output tr+tr>.navbox-image,.mw-parser-output tr+tr>.navbox-list{border-top:2px solid #fdfdfd}.mw-parser-output .navbox-title{background-color:#ccf}.mw-parser-output .navbox-abovebelow,.mw-parser-output .navbox-group,.mw-parser-output .navbox-subgroup .navbox-title{background-color:#ddf}.mw-parser-output .navbox-subgroup .navbox-group,.mw-parser-output .navbox-subgroup .navbox-abovebelow{background-color:#e6e6ff}.mw-parser-output .navbox-even{background-color:#f7f7f7}.mw-parser-output .navbox-odd{background-color:transparent}.mw-parser-output .navbox .hlist td dl,.mw-parser-output .navbox .hlist td ol,.mw-parser-output .navbox .hlist td ul,.mw-parser-output .navbox td.hlist dl,.mw-parser-output .navbox td.hlist ol,.mw-parser-output .navbox td.hlist ul{padding:0.125em 0}.mw-parser-output .navbox .navbar{display:block;font-size:100%}.mw-parser-output .navbox-title .navbar{float:left;text-align:left;margin-right:0.5em}body.skin--responsive .mw-parser-output .navbox-image img{max-width:none!important}@media print{body.ns-0 .mw-parser-output .navbox{display:none!important}}</style></div><div role="navigation" class="navbox" aria-labelledby="Wikipedia_technical_help" style="padding:3px"><table class="nowraplinks hlist mw-collapsible mw-collapsed navbox-inner" style="border-spacing:0;background:transparent;color:inherit"><tbody><tr><th scope="col" class="navbox-title" colspan="2" style="text-align: center;"><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1129693374"><style data-mw-deduplicate="TemplateStyles:r1239400231">.mw-parser-output .navbar{display:inline;font-size:88%;font-weight:normal}.mw-parser-output .navbar-collapse{float:left;text-align:left}.mw-parser-output .navbar-boxtext{word-spacing:0}.mw-parser-output .navbar ul{display:inline-block;white-space:nowrap;line-height:inherit}.mw-parser-output .navbar-brackets::before{margin-right:-0.125em;content:"[ "}.mw-parser-output .navbar-brackets::after{margin-left:-0.125em;content:" ]"}.mw-parser-output .navbar li{word-spacing:-0.125em}.mw-parser-output .navbar a>span,.mw-parser-output .navbar a>abbr{text-decoration:inherit}.mw-parser-output .navbar-mini abbr{font-variant:small-caps;border-bottom:none;text-decoration:none;cursor:inherit}.mw-parser-output .navbar-ct-full{font-size:114%;margin:0 7em}.mw-parser-output .navbar-ct-mini{font-size:114%;margin:0 4em}html.skin-theme-clientpref-night .mw-parser-output .navbar li a abbr{color:var(--color-base)!important}@media(prefers-color-scheme:dark){html.skin-theme-clientpref-os .mw-parser-output .navbar li a abbr{color:var(--color-base)!important}}@media print{.mw-parser-output .navbar{display:none!important}}</style><div class="navbar plainlinks hlist navbar-mini"><ul><li class="nv-view"><a href="/wiki/Template:Wikipedia_technical_help" title="Template:Wikipedia technical help"><abbr title="View this template">v</abbr></a></li><li class="nv-talk"><a href="/wiki/Template_talk:Wikipedia_technical_help" title="Template talk:Wikipedia technical help"><abbr title="Discuss this template">t</abbr></a></li><li class="nv-edit"><a href="/wiki/Special:EditPage/Template:Wikipedia_technical_help" title="Special:EditPage/Template:Wikipedia technical help"><abbr title="Edit this template">e</abbr></a></li></ul></div><div id="Wikipedia_technical_help" style="font-size:114%;margin:0 4em"><a href="/wiki/Help:Directory#Technical_help" title="Help:Directory">Wikipedia technical help</a></div></th></tr><tr><td class="navbox-abovebelow" colspan="2" style="text-align: center;"><div><b>Get personal technical help at <a href="/wiki/Wikipedia:Teahouse" title="Wikipedia:Teahouse">the Teahouse</a>, <a href="/wiki/Wikipedia:Help_desk" title="Wikipedia:Help desk">help desk</a>, <a href="/wiki/Wikipedia:Village_pump_(technical)" title="Wikipedia:Village pump (technical)">village pump (technical)</a>, <a href="/wiki/Help:Introduction_to_talk_pages/1" title="Help:Introduction to talk pages/1">talk pages</a> or <a href="/wiki/Wikipedia:IRC" title="Wikipedia:IRC">IRC</a>.</b></div></td></tr><tr><th scope="row" class="navbox-group" style="text-align: center;;width:1%"><a href="/wiki/Wikipedia:FAQ/Technical" title="Wikipedia:FAQ/Technical">General<br>technical help</a></th><td class="navbox-list-with-group navbox-list navbox-odd" style="width:100%;padding:0"><div style="padding:0 0.25em"> <ul><li><a href="/wiki/Wikipedia:Browser_notes" title="Wikipedia:Browser notes">Browser notes</a> <ul><li><a href="/wiki/Wikipedia:Bypass_your_cache" title="Wikipedia:Bypass your cache">Bypass cache</a></li> <li><a href="/wiki/Wikipedia:Keyboard_shortcuts" class="mw-redirect" title="Wikipedia:Keyboard shortcuts">Keyboard shortcuts</a></li></ul></li> <li><a href="/wiki/Help:Editing" title="Help:Editing">Editing</a> <ul><li><a href="/wiki/Help:CharInsert" title="Help:CharInsert">CharInsert</a></li> <li><a href="/wiki/Help:Edit_conflict" title="Help:Edit conflict">Edit conflict</a></li> <li><a href="/wiki/Help:Edit_toolbar" title="Help:Edit toolbar">Edit toolbar</a></li> <li><a href="/wiki/Help:Reverting" title="Help:Reverting">Reverting</a></li></ul></li> <li><a href="/wiki/Wikipedia:How_to_create_a_page" title="Wikipedia:How to create a page">How to create a page</a></li> <li><a href="/wiki/Wikipedia:IRC" title="Wikipedia:IRC">IRC</a> <ul><li><a href="/wiki/Wikipedia:IRC/Tutorial" title="Wikipedia:IRC/Tutorial">Tutorial</a></li></ul></li> <li><a href="/wiki/Help:Mobile_access" title="Help:Mobile access">Mobile access</a></li> <li><a href="/wiki/Help:Multilingual_support" title="Help:Multilingual support">Multilingual support</a></li> <li><a href="/wiki/Help:Page_history" title="Help:Page history">Page history</a></li> <li><a href="/wiki/Help:Page_information" title="Help:Page information">Page information</a></li> <li><a href="/wiki/Wikipedia:Page_name" title="Wikipedia:Page name">Page name</a> <ul><li><a href="/wiki/Help:Page_name" title="Help:Page name">Help</a></li></ul></li> <li><a href="/wiki/Help:Printing" title="Help:Printing">Printing</a></li> <li><a href="/wiki/Wikipedia:Software_notices" title="Wikipedia:Software notices">Software notices</a> <ul><li><a href="/wiki/Wikipedia:Editnotice" title="Wikipedia:Editnotice">Editnotice</a></li></ul></li> <li><a href="/wiki/Help:Special_characters" title="Help:Special characters">Special Characters</a> <ul><li><a href="/wiki/Help:Entering_special_characters" title="Help:Entering special characters">Entering</a></li></ul></li> <li><a href="/wiki/Wikipedia:User_access_levels" title="Wikipedia:User access levels">User access levels</a></li> <li><a href="/wiki/Wikipedia:VisualEditor" title="Wikipedia:VisualEditor">VisualEditor</a> <ul><li><a href="/wiki/Help:VisualEditor" title="Help:VisualEditor">Help</a></li></ul></li></ul> </div></td></tr><tr><th scope="row" class="navbox-group" style="text-align: center;;width:1%"><a href="/wiki/Special:SpecialPages" title="Special:SpecialPages">Special<br>page</a>-related</th><td class="navbox-list-with-group navbox-list navbox-even" style="width:100%;padding:0"><div style="padding:0 0.25em"> <ul><li><a href="/wiki/Help:Special_page" title="Help:Special page">Special page help</a></li> <li><a href="/wiki/Help:AllPages" title="Help:AllPages">AllPages</a></li> <li><a href="/wiki/Wikipedia:Edit_filter" title="Wikipedia:Edit filter">Edit filter</a></li> <li><a href="/wiki/Wikipedia:Emailing_users" title="Wikipedia:Emailing users">Emailing users</a></li> <li><a href="/wiki/Help:Logging_in" title="Help:Logging in">Logging in</a> <ul><li><a href="/wiki/Help:Reset_password" title="Help:Reset password">Reset passwords</a></li></ul></li> <li><a href="/wiki/Help:Log" title="Help:Log">Logs</a></li> <li><a href="/wiki/Wikipedia:Moving_a_page" title="Wikipedia:Moving a page">Moving a page</a> <ul><li><a href="/wiki/Wikipedia:History_merging" title="Wikipedia:History merging">History merging</a></li> <li><a href="/wiki/Help:When_to_place_technical_requests_in_%22Administrator_needed%22" title='Help:When to place technical requests in "Administrator needed"'>Non-admin and admin-only page moves</a></li></ul></li> <li><a href="/wiki/Help:Notifications" title="Help:Notifications">Notifications/Echo</a> <ul><li><a href="/wiki/Help:Notifications/FAQ" title="Help:Notifications/FAQ">FAQ</a></li></ul></li> <li><a href="/wiki/Wikipedia:Page_Curation/Help" title="Wikipedia:Page Curation/Help">Page Curation</a></li> <li><a href="/wiki/Help:Import" title="Help:Import">Page import</a></li> <li><a href="/wiki/Wikipedia:Pending_changes" title="Wikipedia:Pending changes">Pending changes</a></li> <li><a href="/wiki/Wikipedia:Random" title="Wikipedia:Random">Random pages</a></li> <li><a href="/wiki/Help:Recent_changes" title="Help:Recent changes">Recent changes</a></li> <li><a href="/wiki/Help:Related_changes" title="Help:Related changes">Related changes</a></li> <li><a href="/wiki/Help:Searching" title="Help:Searching">Searching</a> <ul><li><a href="/wiki/Help:Linksearch" title="Help:Linksearch">Linksearch</a></li></ul></li> <li><a href="/wiki/Wikipedia:Tags" title="Wikipedia:Tags">Tags</a></li> <li><a href="/wiki/Help:User_contributions" title="Help:User contributions">User contributions</a></li> <li><a href="/wiki/Help:Watchlist" title="Help:Watchlist">Watchlist</a></li> <li><a href="/wiki/Help:What_links_here" title="Help:What links here">What links here</a></li></ul> </div></td></tr><tr><th scope="row" class="navbox-group" style="text-align: center;;width:1%"><a href="/wiki/Help:Wikitext" title="Help:Wikitext">Wikitext</a></th><td class="navbox-list-with-group navbox-list navbox-odd" style="width:100%;padding:0"><div style="padding:0 0.25em"> <ul><li><a href="/wiki/Help:Wikitext" title="Help:Wikitext">Wikitext</a> <ul><li><a href="/wiki/Help:Cheatsheet" title="Help:Cheatsheet">Cheatsheet</a></li></ul></li> <li><a href="/wiki/Help:Columns" title="Help:Columns">Columns</a></li> <li><a href="/wiki/Help:Line-break_handling" title="Help:Line-break handling">Line-break handling</a></li> <li><a href="/wiki/Help:List" title="Help:List">Lists</a></li> <li><a href="/wiki/Help:Magic_words" title="Help:Magic words">Magic words</a> <ul><li><a href="/wiki/Help:Magic_words_for_beginners" title="Help:Magic words for beginners">For beginners</a></li> <li><a href="/wiki/Help:Conditional_expressions" title="Help:Conditional expressions">Conditional expressions</a></li> <li><a href="/wiki/Help:Switch_parser_function" title="Help:Switch parser function">Switch parser function</a></li> <li><a href="/wiki/Help:Time_function" title="Help:Time function">Time function</a></li></ul></li> <li><a href="/wiki/Help:Redirect" title="Help:Redirect">Redirects</a></li> <li><a href="/wiki/Help:Section" title="Help:Section">Sections and TOCs</a></li> <li><a href="/wiki/Help:Table" title="Help:Table">Tables</a> <ul><li><a href="/wiki/Help:Introduction_to_tables_with_Wiki_Markup/1" title="Help:Introduction to tables with Wiki Markup/1">Introduction</a></li> <li><a href="/wiki/Help:Basic_table_markup" title="Help:Basic table markup">Basics</a></li> <li><a href="/wiki/Help:Advanced_table_formatting" title="Help:Advanced table formatting">Advanced table formatting</a></li> <li><a href="/wiki/Help:Collapsing" class="mw-redirect" title="Help:Collapsing">Collapsing</a></li> <li><a href="/wiki/Help:Conditional_tables" title="Help:Conditional tables">Conditional tables</a></li> <li><a href="/wiki/Help:Sortable_tables" title="Help:Sortable tables">Sortable tables</a></li></ul></li> <li><a href="/wiki/Help:Using_colours" title="Help:Using colours">Using colours</a></li></ul> </div></td></tr><tr><th scope="row" class="navbox-group" style="text-align: center;;width:1%"><a href="/wiki/Help:Link" title="Help:Link">Links</a> and <a href="/wiki/Help:Diff" title="Help:Diff">diffs</a></th><td class="navbox-list-with-group navbox-list navbox-even" style="width:100%;padding:0"><div style="padding:0 0.25em"> <ul><li><a href="/wiki/Help:Link" title="Help:Link">Links</a> <ul><li><a href="/wiki/Help:Interlanguage_links" title="Help:Interlanguage links">Interlanguage</a></li> <li><a href="/wiki/Help:Interwiki_linking" title="Help:Interwiki linking">Interwiki</a></li> <li><a href="/wiki/Help:Permanent_link" title="Help:Permanent link">Permanent</a></li></ul></li> <li><a href="/wiki/Help:Diff" title="Help:Diff">Diffs</a> <ul><li><a href="/wiki/Wikipedia:Simplest_diff_guide" title="Wikipedia:Simplest diff guide">Simplest diff guide</a></li> <li><a href="/wiki/Wikipedia:Simple_diff_and_link_guide" title="Wikipedia:Simple diff and link guide">Simple diff and link guide</a></li> <li><a href="/wiki/Wikipedia:Complete_diff_and_link_guide" title="Wikipedia:Complete diff and link guide">Complete diff and link guide</a></li></ul></li> <li><a href="/wiki/Help:Colon_trick" title="Help:Colon trick">Colon trick</a></li> <li><a href="/wiki/Help:Link_color" title="Help:Link color">Link color</a></li> <li><a href="/wiki/Help:Pipe_trick" title="Help:Pipe trick">Pipe trick</a></li> <li><a href="/wiki/Help:URL" title="Help:URL">URLs</a></li></ul> </div></td></tr><tr><th scope="row" class="navbox-group" style="text-align: center;;width:1%"><a href="/wiki/Wikipedia:Media" class="mw-disambig" title="Wikipedia:Media">Media</a> files: images,<br>videos and sounds</th><td class="navbox-list-with-group navbox-list navbox-odd" style="width:100%;padding:0"><div style="padding:0 0.25em"> <ul><li><a href="/wiki/Help:Media" title="Help:Media">Media help</a></li> <li><a href="/wiki/Help:Files" title="Help:Files">Files</a> <ul><li><a href="/wiki/Help:Creation_and_usage_of_media_files" title="Help:Creation and usage of media files">Creation and usage</a></li> <li><a href="/wiki/Wikipedia:Moving_files_to_Commons" title="Wikipedia:Moving files to Commons">Moving files to Commons</a></li></ul></li> <li><a href="/wiki/Wikipedia:Images" title="Wikipedia:Images">Images</a> <ul><li><a href="/wiki/Help:Introduction_to_images_with_Wiki_Markup/1" title="Help:Introduction to images with Wiki Markup/1">Introduction to images</a></li> <li><a href="/wiki/Help:Pictures" title="Help:Pictures">Picture tutorial</a></li> <li><a href="/wiki/Wikipedia:Preparing_images_for_upload" title="Wikipedia:Preparing images for upload">Preparing images for upload</a></li> <li><a href="/wiki/Wikipedia:Uploading_images" title="Wikipedia:Uploading images">Uploading images</a></li> <li><a href="/wiki/Help:Options_to_hide_an_image" title="Help:Options to hide an image">Options to hide an image</a></li> <li><a class="mw-selflink selflink">Extended image syntax</a></li> <li><a href="/wiki/Wikipedia:SVG_help" title="Wikipedia:SVG help">SVG help</a></li></ul></li> <li><a href="/wiki/Help:Gallery_tag" title="Help:Gallery tag">Gallery tag</a></li> <li><a href="/wiki/Wikipedia:Graphics_tutorials" title="Wikipedia:Graphics tutorials">Graphics tutorials</a> <ul><li><a href="/wiki/Wikipedia:Basic_bitmap_image_editing" title="Wikipedia:Basic bitmap image editing">Basic bitmap image editing</a></li> <li><a href="/wiki/Wikipedia:How_to_improve_image_quality" title="Wikipedia:How to improve image quality">How to improve image quality</a></li> <li><a href="/wiki/Wikipedia:Graphics_Lab/Resources" title="Wikipedia:Graphics Lab/Resources">Graphics Lab resources</a></li></ul></li> <li><a href="/wiki/Help:Sound_file_markup" title="Help:Sound file markup">Sound file markup</a></li> <li><a href="/wiki/Help:Visual_file_markup" title="Help:Visual file markup">Visual file markup</a></li></ul> </div></td></tr><tr><th scope="row" class="navbox-group" style="text-align: center;;width:1%">Other graphics</th><td class="navbox-list-with-group navbox-list navbox-even" style="width:100%;padding:0"><div style="padding:0 0.25em"> <ul><li><a href="/wiki/Help:Family_trees" title="Help:Family trees">Family trees</a></li> <li><a href="/wiki/Wikipedia:Graphs_and_charts" title="Wikipedia:Graphs and charts">Graphs and charts</a> <ul><li><a href="/wiki/Wikipedia:How_to_create_charts_for_Wikipedia_articles" title="Wikipedia:How to create charts for Wikipedia articles">How to create</a></li> <li><a href="/wiki/Help:Barchart" title="Help:Barchart">Barcharts</a></li> <li><a href="/wiki/Wikipedia:To_scale_charts" title="Wikipedia:To scale charts">To scale charts</a></li></ul></li> <li><a href="/wiki/Help:Displaying_a_formula" title="Help:Displaying a formula">Math formulas</a> <ul><li><a href="/wiki/Help:Displaying_a_formula#Use_of_HTML_templates" title="Help:Displaying a formula">Math symbols</a></li></ul></li> <li><a href="/wiki/Help:Score" title="Help:Score">Musical scores</a> <ul><li><a href="/wiki/Help:Musical_symbols" title="Help:Musical symbols">Musical symbols</a></li></ul></li> <li><a href="/wiki/Wikipedia:Timeline" title="Wikipedia:Timeline">Timeline</a> <ul><li><a href="/wiki/Help:EasyTimeline_syntax" title="Help:EasyTimeline syntax">EasyTimeline syntax</a></li></ul></li> <li><a href="/wiki/Help:WikiHiero_syntax" title="Help:WikiHiero syntax">WikiHiero syntax</a></li></ul> </div></td></tr><tr><th scope="row" class="navbox-group" style="text-align: center;;width:1%"><a href="/wiki/Help:A_quick_guide_to_templates" title="Help:A quick guide to templates">Templates</a> and<br><a href="/wiki/Lua_(programming_language)" title="Lua (programming language)">Lua</a> modules</th><td class="navbox-list-with-group navbox-list navbox-odd" style="width:100%;padding:0"><div style="padding:0 0.25em"> <ul><li><a href="/wiki/Help:Template" title="Help:Template">Templates</a></li> <li><a href="/wiki/Wikipedia:Advanced_template_coding" title="Wikipedia:Advanced template coding">Advanced template coding</a></li> <li><a href="/wiki/Wikipedia:Template_documentation" title="Wikipedia:Template documentation">Template documentation</a></li> <li><a href="/wiki/Wikipedia:Template_index" title="Wikipedia:Template index">Template index</a></li> <li><a href="/wiki/Help:Template_limits" title="Help:Template limits">Template limits</a></li> <li><a href="/wiki/Wikipedia:Template_sandbox_and_test_cases" title="Wikipedia:Template sandbox and test cases">Template sandbox and test cases</a></li> <li><a href="/wiki/Wikipedia:Citation_templates" title="Wikipedia:Citation templates">Citation templates</a></li> <li><a href="/wiki/Help:Lua" title="Help:Lua">Lua help</a></li> <li><a href="/wiki/Wikipedia:Lua" title="Wikipedia:Lua">Lua project</a> <ul><li><a href="/wiki/Wikipedia:Lua/Resources" title="Wikipedia:Lua/Resources">Resources</a></li> <li><a href="/wiki/Wikipedia:Lua/To_do" title="Wikipedia:Lua/To do">To do</a></li></ul></li> <li><a href="/wiki/Help:Substitution" title="Help:Substitution">Substitution</a></li> <li><a href="/wiki/Help:Purge" title="Help:Purge">Purge</a> <ul><li><a href="/wiki/Help:Job_queue" title="Help:Job queue">Job queue</a></li></ul></li> <li><a href="/wiki/Help:Transclusion" title="Help:Transclusion">Transclusion</a> <ul><li><a href="/wiki/Help:Labeled_section_transclusion" title="Help:Labeled section transclusion">Labeled section</a></li> <li><a href="/wiki/Wikipedia:Transclusion_costs_and_benefits" title="Wikipedia:Transclusion costs and benefits">Costs and benefits</a></li></ul></li> <li><a href="/wiki/Wikipedia:Guide_to_Scribbling" title="Wikipedia:Guide to Scribbling">Guide to Scribbling</a></li></ul> </div></td></tr><tr><th scope="row" class="navbox-group" style="text-align: center;;width:1%"><a href="/wiki/Wikipedia:Administration#Data_structure_and_development" title="Wikipedia:Administration">Data structure</a></th><td class="navbox-list-with-group navbox-list navbox-even" style="width:100%;padding:0"><div style="padding:0 0.25em"> <ul><li><a href="/wiki/Wikipedia:Namespace" title="Wikipedia:Namespace">Namespaces</a></li> <li><a href="/wiki/Wikipedia:What_is_an_article%3F" title="Wikipedia:What is an article?">Main/Article</a></li> <li><a href="/wiki/Help:Category" title="Help:Category">Category</a></li> <li><a href="/wiki/Wikipedia:Drafts" title="Wikipedia:Drafts">Draft</a></li> <li><a href="/wiki/Help:Files" title="Help:Files">File</a> <ul><li><a href="/wiki/Help:File_description_page" title="Help:File description page">File description page</a></li></ul></li> <li><a href="/wiki/Wikipedia:Help_namespace" title="Wikipedia:Help namespace">Help</a></li> <li><a href="/wiki/Wikipedia:Portal" title="Wikipedia:Portal">Portal</a></li> <li><a href="/wiki/Wikipedia:Project_namespace" title="Wikipedia:Project namespace">Project/Wikipedia</a></li> <li><a href="/wiki/Help:Talk_pages" title="Help:Talk pages">Talk</a> <ul><li><a href="/wiki/Help:Archiving_a_talk_page" title="Help:Archiving a talk page">Archiving</a> <ul><li><a href="/wiki/Help:Archiving_(plain_and_simple)" title="Help:Archiving (plain and simple)">Simple</a></li></ul></li></ul></li> <li><a href="/wiki/Wikipedia:Template_namespace" title="Wikipedia:Template namespace">Template</a></li> <li><a href="/wiki/Wikipedia:User_pages" title="Wikipedia:User pages">User</a> <ul><li><a href="/wiki/Wikipedia:User_page_design_guide" title="Wikipedia:User page design guide">User page design</a></li></ul></li> <li><a href="/wiki/Help:MediaWiki_namespace" title="Help:MediaWiki namespace">MediaWiki</a> <ul><li><a href="/wiki/Wikipedia:Bug_reports_and_feature_requests" title="Wikipedia:Bug reports and feature requests">Bug reports and feature requests</a></li> <li><a href="https://www.mediawiki.org/wiki/Extension:TimedMediaHandler" class="extiw" title="mw:Extension:TimedMediaHandler">TimedMediaHandler extension</a></li></ul></li> <li><a href="/wiki/Wikipedia:Lua" title="Wikipedia:Lua">Module</a></li> <li><a href="/wiki/Help:Special_page" title="Help:Special page">Special</a></li></ul> </div></td></tr><tr><th scope="row" class="navbox-group" style="text-align: center;;width:1%"><a href="/wiki/HTML" title="HTML">HTML</a> and <a href="/wiki/CSS" title="CSS">CSS</a></th><td class="navbox-list-with-group navbox-list navbox-odd" style="width:100%;padding:0"><div style="padding:0 0.25em"> <ul><li><a href="/wiki/Help:Cascading_Style_Sheets" title="Help:Cascading Style Sheets">Cascading Style Sheets</a></li> <li><a href="/wiki/Help:HTML_in_wikitext" title="Help:HTML in wikitext">HTML in wikitext</a></li> <li><a href="/wiki/Wikipedia:Catalogue_of_CSS_classes" title="Wikipedia:Catalogue of CSS classes">Catalogue of CSS classes</a></li> <li><a href="/wiki/Wikipedia:Common.js_and_common.css" title="Wikipedia:Common.js and common.css">Common.js and common.css</a></li> <li><a href="/wiki/Template:Mxt/User_CSS_for_a_monospaced_coding_font" title="Template:Mxt/User CSS for a monospaced coding font">User CSS for monospaced coding font</a></li> <li><a href="/wiki/Wikipedia:WikiProject_Microformats/classes" title="Wikipedia:WikiProject Microformats/classes">Classes in microformats</a></li> <li><a href="/wiki/Help:Markup_validation" title="Help:Markup validation">Markup validation</a></li> <li><a href="/wiki/Wikipedia:Span_tags" title="Wikipedia:Span tags">Span tags</a></li> <li><a href="/wiki/Help:Useful_styles" title="Help:Useful styles">Useful styles</a></li></ul> </div></td></tr><tr><th scope="row" class="navbox-group" style="text-align: center;;width:1%"><a href="/wiki/Wikipedia:Customisation" title="Wikipedia:Customisation">Customisation</a><br>and tools</th><td class="navbox-list-with-group navbox-list navbox-even" style="width:100%;padding:0"><div style="padding:0 0.25em"> <ul><li><a href="/wiki/Help:Preferences" title="Help:Preferences">Preferences</a></li> <li><a href="/wiki/Wikipedia:Gadget" title="Wikipedia:Gadget">Gadgets</a></li> <li><a href="/wiki/Wikipedia:Skin" title="Wikipedia:Skin">Skins</a></li> <li><a href="/wiki/Help:Citation_tools" title="Help:Citation tools">Citation tools</a></li> <li><a href="/wiki/Wikipedia:Cleaning_up_vandalism/Tools" title="Wikipedia:Cleaning up vandalism/Tools">Cleaning up vandalism tools</a></li> <li><a href="/wiki/Wikipedia:Customizing_watchlists" title="Wikipedia:Customizing watchlists">Customizing watchlists</a> <ul><li><a href="/wiki/Help:Hide_Pages_in_Watchlist" title="Help:Hide Pages in Watchlist">Hide pages</a></li></ul></li> <li><a href="/wiki/Wikipedia:Scripts" title="Wikipedia:Scripts">IRC Scripts</a></li> <li><a href="/wiki/Wikipedia:User_scripts" title="Wikipedia:User scripts">User scripts</a> <ul><li><a href="/wiki/Wikipedia:User_scripts/Guide" title="Wikipedia:User scripts/Guide">Guide</a></li> <li><a href="/wiki/Wikipedia:User_scripts/List" title="Wikipedia:User scripts/List">List</a></li> <li><a href="/wiki/Wikipedia:User_scripts/Techniques" title="Wikipedia:User scripts/Techniques">Techniques</a></li></ul></li> <li><a href="/wiki/Help:User_style" title="Help:User style">User style</a></li> <li><a href="/wiki/Wikipedia:Tools" title="Wikipedia:Tools">Tools</a> <ul><li><a href="/wiki/Wikipedia:Tools/Alternative_browsing" title="Wikipedia:Tools/Alternative browsing">Alternative browsing</a></li> <li><a href="/wiki/Wikipedia:Tools/Browser_tools" title="Wikipedia:Tools/Browser tools">Browser tools</a></li> <li><a href="/wiki/Wikipedia:Tools/Editing_tools" title="Wikipedia:Tools/Editing tools">Editing tools</a></li> <li><a href="/wiki/Wikipedia:Tools/Navigation_shortcuts" title="Wikipedia:Tools/Navigation shortcuts">Navigation shortcuts</a></li> <li><a href="/wiki/Wikipedia:Tools/Optimum_tool_set" title="Wikipedia:Tools/Optimum tool set">Optimum tool set</a></li></ul></li> <li><a href="/wiki/Wikipedia:Wikimedia_Cloud_Services" title="Wikipedia:Wikimedia Cloud Services">Wikimedia Cloud Services</a></li> <li><a href="https://www.mediawiki.org/wiki/Beta_Features" class="extiw" title="mw:Beta Features">Beta Features at MediaWiki</a></li></ul> </div></td></tr><tr><th scope="row" class="navbox-group" style="text-align: center;;width:1%">Automated editing</th><td class="navbox-list-with-group navbox-list navbox-odd" style="width:100%;padding:0"><div style="padding:0 0.25em"> <ul><li><a href="/wiki/Wikipedia:WikiProject_Articles_for_creation/Helper_script" title="Wikipedia:WikiProject Articles for creation/Helper script">AfC helper script</a></li> <li><a href="/wiki/Wikipedia:AntiVandal" title="Wikipedia:AntiVandal">AntiVandal</a></li> <li><a href="/wiki/Wikipedia:AutoWikiBrowser" title="Wikipedia:AutoWikiBrowser">AutoWikiBrowser</a></li> <li><a href="/wiki/Wikipedia:Bots" title="Wikipedia:Bots">Bots</a> <ul><li><a href="/wiki/Help:Creating_a_bot" title="Help:Creating a bot">Creating</a></li> <li><a href="/wiki/Wikipedia:History_of_Wikipedia_bots" title="Wikipedia:History of Wikipedia bots">history</a></li></ul></li> <li><a href="/wiki/Wikipedia:HotCat" title="Wikipedia:HotCat">HotCat</a></li> <li><a href="/wiki/Wikipedia:Huggle" title="Wikipedia:Huggle">Huggle</a></li> <li><a href="/wiki/Wikipedia:Tools/Navigation_popups" title="Wikipedia:Tools/Navigation popups">Navigation popups</a></li> <li><a href="/wiki/Wikipedia:RedWarn" title="Wikipedia:RedWarn">RedWarn</a></li> <li><a href="/wiki/Wikipedia:Twinkle" title="Wikipedia:Twinkle">Twinkle</a></li> <li><a href="/wiki/Wikipedia:Ultraviolet" title="Wikipedia:Ultraviolet">Ultraviolet</a></li> <li><a href="/wiki/Wikipedia:WPCleaner" title="Wikipedia:WPCleaner">WPCleaner</a></li> <li>Inactive <ul><li><a href="/wiki/Wikipedia:Igloo" title="Wikipedia:Igloo">igloo</a></li> <li><a href="/wiki/Wikipedia:STiki" title="Wikipedia:STiki">STiki</a></li></ul></li></ul> </div></td></tr><tr><td class="navbox-abovebelow" colspan="2" style="text-align: center;"><div> <ul><li>See also: <b><a href="/wiki/Category:Wikipedia_how-to" title="Category:Wikipedia how-to">Category:Wikipedia how-to</a></b></li> <li><b><a href="/wiki/Category:Wikipedia_information_pages" title="Category:Wikipedia information pages">Category:Wikipedia information pages</a></b><br>Further navigation at: <a href="/wiki/Template:Wikipedia_help_pages" title="Template:Wikipedia help pages">Help pages</a> <ul><li><a href="/wiki/Template:Administrators%27_guide" title="Template:Administrators' guide">Administrators</a></li></ul></li> <li><a href="/wiki/Wikipedia:WikiProject_Accessibility/Navigation_menu" title="Wikipedia:WikiProject Accessibility/Navigation menu">Accessibility</a></li> <li><a href="/wiki/Template:Wikipedia_accounts" title="Template:Wikipedia accounts">Accounts</a></li> <li><a href="/wiki/Template:Botnav" title="Template:Botnav">Bots</a></li> <li><a href="/wiki/Template:Wikipedia_referencing" title="Template:Wikipedia referencing">Referencing</a> <ul><li><a href="/wiki/Template:Citation_metadata_navbox" title="Template:Citation metadata navbox">Citation metadata</a></li></ul></li> <li><a href="/wiki/Template:Wikipedia_templates" title="Template:Wikipedia templates">Templates</a></li> <li><a href="/wiki/Wikipedia:User_scripts/Navbox" title="Wikipedia:User scripts/Navbox">User scripts</a></li></ul> </div></td></tr></tbody></table></div>    </section></div> <noscript><img src="https://login.m.wikimedia.org/wiki/Special:CentralAutoLogin/start?type=1x1&mobile=1" alt="" width="1" height="1" style="border: none; position: absolute;"></noscript> <div class="printfooter" data-nosnippet="">Retrieved from "<a dir="ltr" href="https://en.wikipedia.org/w/index.php?title=Wikipedia:Extended_image_syntax&oldid=1259351074">https://en.wikipedia.org/w/index.php?title=Wikipedia:Extended_image_syntax&oldid=1259351074</a>"</div></div> </div> <div class="post-content" id="page-secondary-actions"> </div> </main> <footer class="mw-footer minerva-footer" role="contentinfo"> <a class="last-modified-bar" href="/w/index.php?title=Wikipedia:Extended_image_syntax&action=history"> <div class="post-content last-modified-bar__content"> <span class="minerva-icon minerva-icon-size-medium minerva-icon--modified-history"></span> <span class="last-modified-bar__text modified-enhancement" data-user-name="Uzume" data-user-gender="unknown" data-timestamp="1732472647"> <span>Last edited on 24 November 2024, at 18:24</span> </span> <span class="minerva-icon minerva-icon-size-small minerva-icon--expand"></span> </div> </a> <div class="post-content footer-content"> <div id="p-lang"> <h4>Languages</h4> <section> <ul id="p-variants" class="minerva-languages"></ul> <ul class="minerva-languages"><li class="interlanguage-link interwiki-bn mw-list-item"><a href="https://bn.wikipedia.org/wiki/%E0%A6%89%E0%A6%87%E0%A6%95%E0%A6%BF%E0%A6%AA%E0%A6%BF%E0%A6%A1%E0%A6%BF%E0%A6%AF%E0%A6%BC%E0%A6%BE:%E0%A6%9A%E0%A6%BF%E0%A6%A4%E0%A7%8D%E0%A6%B0%E0%A7%87%E0%A6%B0_%E0%A6%B8%E0%A6%AE%E0%A7%8D%E0%A6%AA%E0%A7%8D%E0%A6%B0%E0%A6%B8%E0%A6%BE%E0%A6%B0%E0%A6%BF%E0%A6%A4_%E0%A6%AC%E0%A6%BF%E0%A6%A8%E0%A7%8D%E0%A6%AF%E0%A6%BE%E0%A6%B8" title="উইকিপিডিয়া:চিত্রের সম্প্রসারিত বিন্যাস – Bangla" lang="bn" hreflang="bn" data-title="উইকিপিডিয়া:চিত্রের সম্প্রসারিত বিন্যাস" data-language-autonym="বাংলা" data-language-local-name="Bangla" class="interlanguage-link-target"><span>বাংলা</span></a></li><li class="interlanguage-link interwiki-ca mw-list-item"><a href="https://ca.wikipedia.org/wiki/Viquip%C3%A8dia:Anotaci%C3%B3_d%27imatges" title="Viquipèdia:Anotació d'imatges – Catalan" lang="ca" hreflang="ca" data-title="Viquipèdia:Anotació d'imatges" data-language-autonym="Català" data-language-local-name="Catalan" class="interlanguage-link-target"><span>Català</span></a></li><li class="interlanguage-link interwiki-fa mw-list-item"><a href="https://fa.wikipedia.org/wiki/%D9%88%DB%8C%DA%A9%DB%8C%E2%80%8C%D9%BE%D8%AF%DB%8C%D8%A7:%D8%B3%D8%A7%D8%AE%D8%AA%D8%A7%D8%B1_%D8%AF%D8%B1%D8%AC_%D9%BE%D8%B1%D9%88%D9%86%D8%AF%D9%87" title="ویکی‌پدیا:ساختار درج پرونده – Persian" lang="fa" hreflang="fa" data-title="ویکی‌پدیا:ساختار درج پرونده" data-language-autonym="فارسی" data-language-local-name="Persian" class="interlanguage-link-target"><span>فارسی</span></a></li><li class="interlanguage-link interwiki-gl mw-list-item"><a href="https://gl.wikipedia.org/wiki/Wikipedia:Como_engadir_imaxes" title="Wikipedia:Como engadir imaxes – Galician" lang="gl" hreflang="gl" data-title="Wikipedia:Como engadir imaxes" data-language-autonym="Galego" data-language-local-name="Galician" class="interlanguage-link-target"><span>Galego</span></a></li><li class="interlanguage-link interwiki-mr mw-list-item"><a href="https://mr.wikipedia.org/wiki/%E0%A4%B5%E0%A4%BF%E0%A4%95%E0%A4%BF%E0%A4%AA%E0%A5%80%E0%A4%A1%E0%A4%BF%E0%A4%AF%E0%A4%BE:Image_markup_with_HTML" title="विकिपीडिया:Image markup with HTML – Marathi" lang="mr" hreflang="mr" data-title="विकिपीडिया:Image markup with HTML" data-language-autonym="मराठी" data-language-local-name="Marathi" class="interlanguage-link-target"><span>मराठी</span></a></li><li class="interlanguage-link interwiki-si mw-list-item"><a href="https://si.wikipedia.org/wiki/%E0%B7%80%E0%B7%92%E0%B6%9A%E0%B7%92%E0%B6%B4%E0%B7%93%E0%B6%A9%E0%B7%92%E0%B6%BA%E0%B7%8F:Extended_image_syntax" title="විකිපීඩියා:Extended image syntax – Sinhala" lang="si" hreflang="si" data-title="විකිපීඩියා:Extended image syntax" data-language-autonym="සිංහල" data-language-local-name="Sinhala" class="interlanguage-link-target"><span>සිංහල</span></a></li><li class="interlanguage-link interwiki-sl mw-list-item"><a href="https://sl.wikipedia.org/wiki/Wikipedija:Raz%C5%A1irjena_skladnja_za_slike" title="Wikipedija:Razširjena skladnja za slike – Slovenian" lang="sl" hreflang="sl" data-title="Wikipedija:Razširjena skladnja za slike" data-language-autonym="Slovenščina" data-language-local-name="Slovenian" class="interlanguage-link-target"><span>Slovenščina</span></a></li><li class="interlanguage-link interwiki-sr mw-list-item"><a href="https://sr.wikipedia.org/wiki/%D0%92%D0%B8%D0%BA%D0%B8%D0%BF%D0%B5%D0%B4%D0%B8%D1%98%D0%B0:%D0%9F%D1%80%D0%BE%D1%88%D0%B8%D1%80%D0%B5%D0%BD%D0%B0_%D1%81%D0%B8%D0%BD%D1%82%D0%B0%D0%BA%D1%81%D0%B0_%D0%B7%D0%B0_%D1%81%D0%BB%D0%B8%D0%BA%D0%B5" title="Википедија:Проширена синтакса за слике – Serbian" lang="sr" hreflang="sr" data-title="Википедија:Проширена синтакса за слике" data-language-autonym="Српски / srpski" data-language-local-name="Serbian" class="interlanguage-link-target"><span>Српски / srpski</span></a></li><li class="interlanguage-link interwiki-te mw-list-item"><a href="https://te.wikipedia.org/wiki/%E0%B0%B5%E0%B0%BF%E0%B0%95%E0%B1%80%E0%B0%AA%E0%B1%80%E0%B0%A1%E0%B0%BF%E0%B0%AF%E0%B0%BE:Extended_image_syntax" title="వికీపీడియా:Extended image syntax – Telugu" lang="te" hreflang="te" data-title="వికీపీడియా:Extended image syntax" data-language-autonym="తెలుగు" data-language-local-name="Telugu" class="interlanguage-link-target"><span>తెలుగు</span></a></li><li class="interlanguage-link interwiki-uk mw-list-item"><a href="https://uk.wikipedia.org/wiki/%D0%94%D0%BE%D0%B2%D1%96%D0%B4%D0%BA%D0%B0:%D0%A0%D0%BE%D0%B7%D1%88%D0%B8%D1%80%D0%B5%D0%BD%D0%B8%D0%B9_%D1%81%D0%B8%D0%BD%D1%82%D0%B0%D0%BA%D1%81%D0%B8%D1%81_%D0%B7%D0%BE%D0%B1%D1%80%D0%B0%D0%B6%D0%B5%D0%BD%D1%8C" title="Довідка:Розширений синтаксис зображень – Ukrainian" lang="uk" hreflang="uk" data-title="Довідка:Розширений синтаксис зображень" data-language-autonym="Українська" data-language-local-name="Ukrainian" class="interlanguage-link-target"><span>Українська</span></a></li></ul> </section> </div> <div class="minerva-footer-logo"><img src="/static/images/mobile/copyright/wikipedia-wordmark-en.svg" alt="Wikipedia" width="120" height="18" style="width: 7.5em; height: 1.125em;"/> </div> <ul id="footer-info" class="footer-info hlist hlist-separated"> <li id="footer-info-lastmod"> This page was last edited on 24 November 2024, at 18:24<span class="anonymous-show"> (UTC)</span>.</li> <li id="footer-info-copyright">Content is available under <a class="external" rel="nofollow" href="https://creativecommons.org/licenses/by-sa/4.0/deed.en">CC BY-SA 4.0</a> unless otherwise noted.</li> </ul> <ul id="footer-places" class="footer-places hlist hlist-separated"> <li id="footer-places-privacy"><a href="https://foundation.wikimedia.org/wiki/Special:MyLanguage/Policy:Privacy_policy">Privacy policy</a></li> <li id="footer-places-about"><a href="/wiki/Wikipedia:About">About Wikipedia</a></li> <li id="footer-places-disclaimers"><a href="/wiki/Wikipedia:General_disclaimer">Disclaimers</a></li> <li id="footer-places-contact"><a href="//en.wikipedia.org/wiki/Wikipedia:Contact_us">Contact Wikipedia</a></li> <li id="footer-places-wm-codeofconduct"><a href="https://foundation.wikimedia.org/wiki/Special:MyLanguage/Policy:Universal_Code_of_Conduct">Code of Conduct</a></li> <li id="footer-places-developers"><a href="https://developer.wikimedia.org">Developers</a></li> <li id="footer-places-statslink"><a href="https://stats.wikimedia.org/#/en.wikipedia.org">Statistics</a></li> <li id="footer-places-cookiestatement"><a href="https://foundation.wikimedia.org/wiki/Special:MyLanguage/Policy:Cookie_statement">Cookie statement</a></li> <li id="footer-places-terms-use"><a href="https://foundation.m.wikimedia.org/wiki/Special:MyLanguage/Policy:Terms_of_Use">Terms of Use</a></li> <li id="footer-places-desktop-toggle"><a id="mw-mf-display-toggle" href="//en.wikipedia.org/w/index.php?title=Wikipedia:Extended_image_syntax&mobileaction=toggle_view_desktop" data-event-name="switch_to_desktop">Desktop</a></li> </ul> </div> </footer> </div> </div> <div class="mw-notification-area" data-mw="interface"></div>  <script>(RLQ=window.RLQ||[]).push(function(){mw.config.set({"wgHostname":"mw-web.codfw.main-cc877b49b-5gjkj","wgBackendResponseTime":161,"wgDiscussionToolsPageThreads":[{"headingLevel":2,"name":"h-","type":"heading","level":0,"id":"h-Brief_syntax","replies":[]},{"headingLevel":2,"name":"h-","type":"heading","level":0,"id":"h-Detailed_syntax","replies":[{"headingLevel":3,"name":"h-","type":"heading","level":0,"id":"h-Type-Detailed_syntax","replies":[]},{"headingLevel":3,"name":"h-","type":"heading","level":0,"id":"h-Border-Detailed_syntax","replies":[]},{"headingLevel":3,"name":"h-","type":"heading","level":0,"id":"h-Location-Detailed_syntax","replies":[]},{"headingLevel":3,"name":"h-","type":"heading","level":0,"id":"h-Vertical_alignment-Detailed_syntax","replies":[]},{"headingLevel":3,"name":"h-","type":"heading","level":0,"id":"h-Size-Detailed_syntax","replies":[]},{"headingLevel":3,"name":"h-","type":"heading","level":0,"id":"h-Link-Detailed_syntax","replies":[]},{"headingLevel":3,"name":"h-","type":"heading","level":0,"id":"h-Alt_text_and_caption-Detailed_syntax","replies":[]},{"headingLevel":3,"name":"h-","type":"heading","level":0,"id":"h-Class-Detailed_syntax","replies":[]},{"headingLevel":3,"name":"h-","type":"heading","level":0,"id":"h-Page-Detailed_syntax","replies":[]}]},{"headingLevel":2,"name":"h-","type":"heading","level":0,"id":"h-Examples","replies":[{"headingLevel":3,"name":"h-","type":"heading","level":0,"id":"h-Using_the_basic_syntax-Examples","replies":[]},{"headingLevel":3,"name":"h-","type":"heading","level":0,"id":"h-Keeping_the_original_size,_with_a_caption-Examples","replies":[]},{"headingLevel":3,"name":"h-","type":"heading","level":0,"id":"h-Aligning_thumbnails_to_fit_into_text-Examples","replies":[]},{"headingLevel":3,"name":"h-","type":"heading","level":0,"id":"h-The_many-floating-objects_problem-Examples","replies":[]},{"headingLevel":3,"name":"h-","type":"heading","level":0,"id":"h-Using_\"upright\"-Examples","replies":[]},{"headingLevel":3,"name":"h-","type":"heading","level":0,"id":"h-Using_frame-Examples","replies":[]},{"headingLevel":3,"name":"h-","type":"heading","level":0,"id":"h-Using_alignment_\"none\"_thumbnails_in_tables-Examples","replies":[]},{"headingLevel":3,"name":"h-","type":"heading","level":0,"id":"h-Formatting_and_links_in_captions-Examples","replies":[]},{"headingLevel":3,"name":"h-","type":"heading","level":0,"id":"h-Interaction_between_left-floating_images_and_lists-Examples","replies":[]}]},{"headingLevel":2,"name":"h-","type":"heading","level":0,"id":"h-Overlaying_annotations_on_an_image","replies":[]},{"headingLevel":2,"name":"h-","type":"heading","level":0,"id":"h-Superimposing_images","replies":[]},{"headingLevel":2,"name":"h-","type":"heading","level":0,"id":"h-Cropping_images","replies":[]},{"headingLevel":2,"name":"h-","type":"heading","level":0,"id":"h-Cancelling_floating-around-image_mode","replies":[]},{"headingLevel":2,"name":"h-","type":"heading","level":0,"id":"h-VR_images","replies":[]},{"headingLevel":2,"name":"h-","type":"heading","level":0,"id":"h-Linking_to_the_image_without_displaying_it","replies":[]},{"headingLevel":2,"name":"h-","type":"heading","level":0,"id":"h-Sound_files","replies":[{"headingLevel":3,"name":"h-","type":"heading","level":0,"id":"h-MIDI-Sound_files","replies":[]}]},{"headingLevel":2,"name":"h-","type":"heading","level":0,"id":"h-Video_files","replies":[{"headingLevel":3,"name":"h-","type":"heading","level":0,"id":"h-Initial_still_image-Video_files","replies":[]},{"headingLevel":3,"name":"h-","type":"heading","level":0,"id":"h-Temporal_media_fragments-Video_files","replies":[]},{"headingLevel":3,"name":"h-","type":"heading","level":0,"id":"h-Displaying_small_videos_larger-Video_files","replies":[]},{"headingLevel":3,"name":"h-","type":"heading","level":0,"id":"h-Thumbtime_in_a_gallery-Video_files","replies":[]}]},{"headingLevel":2,"name":"h-","type":"heading","level":0,"id":"h-See_also","replies":[]}],"wgPageParseReport":{"discussiontools":{"limitreport-timeusage":"0.065"},"limitreport":{"cputime":"0.560","walltime":"0.715","ppvisitednodes":{"value":4169,"limit":1000000},"postexpandincludesize":{"value":88380,"limit":2097152},"templateargumentsize":{"value":13402,"limit":2097152},"expansiondepth":{"value":13,"limit":100},"expensivefunctioncount":{"value":19,"limit":500},"unstrip-depth":{"value":1,"limit":20},"unstrip-size":{"value":48161,"limit":5000000},"entityaccesscount":{"value":0,"limit":400},"timingprofile":["100.00% 436.429 1 -total"," 19.17% 83.662 1 Template:Wikipedia_technical_help"," 11.73% 51.206 1 Template:Pp-semi-protected"," 11.27% 49.189 1 Template:Subcat_guideline"," 10.59% 46.223 1 Template:Ombox"," 10.17% 44.403 1 Template:Update_inline"," 9.06% 39.547 5 Template:Shortcut"," 7.08% 30.887 1 Template:Fix"," 6.70% 29.260 1 Template:Markup"," 5.92% 25.826 7 Template:Inline_block"]},"scribunto":{"limitreport-timeusage":{"value":"0.195","limit":"10.000"},"limitreport-memusage":{"value":3830814,"limit":52428800}},"cachereport":{"origin":"mw-api-ext.codfw.main-7556f8b5dd-2f5wj","timestamp":"20241124182408","ttl":2592000,"transientcontent":false}}});});</script> <script>(window.NORLQ=window.NORLQ||[]).push(function(){var ns,i,p,img;ns=document.getElementsByTagName('noscript');for(i=0;i<ns.length;i++){p=ns[i].nextSibling;if(p&&p.className&&p.className.indexOf('lazy-image-placeholder')>-1){img=document.createElement('img');img.setAttribute('src',p.getAttribute('data-src'));img.setAttribute('width',p.getAttribute('data-width'));img.setAttribute('height',p.getAttribute('data-height'));img.setAttribute('alt',p.getAttribute('data-alt'));p.parentNode.replaceChild(img,p);}}});</script> </body> </html>