CINXE.COM
Help:Pictures - Wikipedia
<!DOCTYPE html> <html class="client-nojs vector-feature-language-in-header-enabled vector-feature-language-in-main-page-header-disabled vector-feature-sticky-header-disabled vector-feature-page-tools-pinned-disabled vector-feature-toc-pinned-clientpref-1 vector-feature-main-menu-pinned-disabled vector-feature-limited-width-clientpref-1 vector-feature-limited-width-content-enabled vector-feature-custom-font-size-clientpref-1 vector-feature-appearance-pinned-clientpref-1 vector-feature-night-mode-enabled skin-theme-clientpref-day vector-toc-available" lang="en" dir="ltr"> <head> <meta charset="UTF-8"> <title>Help:Pictures - Wikipedia</title> <script>(function(){var className="client-js vector-feature-language-in-header-enabled vector-feature-language-in-main-page-header-disabled vector-feature-sticky-header-disabled vector-feature-page-tools-pinned-disabled vector-feature-toc-pinned-clientpref-1 vector-feature-main-menu-pinned-disabled vector-feature-limited-width-clientpref-1 vector-feature-limited-width-content-enabled vector-feature-custom-font-size-clientpref-1 vector-feature-appearance-pinned-clientpref-1 vector-feature-night-mode-enabled skin-theme-clientpref-day vector-toc-available";var cookie=document.cookie.match(/(?:^|; )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":"dacffb89-704d-4900-82ce-1e57ee2a108c","wgCanonicalNamespace":"Help","wgCanonicalSpecialPageName":false,"wgNamespaceNumber":12,"wgPageName":"Help:Pictures","wgTitle":"Pictures","wgCurRevisionId":1258315729,"wgRevisionId":1258315729,"wgArticleId":553911,"wgIsArticle":true,"wgIsRedirect":false,"wgAction":"view","wgUserName":null,"wgUserGroups":["*"],"wgCategories":["Wikipedia image help","Wikipedia how-to","Wikipedia tutorials"],"wgPageViewLanguage":"en","wgPageContentLanguage":"en","wgPageContentModel":"wikitext","wgRelevantPageName":"Help:Pictures","wgRelevantArticleId":553911,"wgIsProbablyEditable":false,"wgRelevantPageIsProbablyEditable":false,"wgRestrictionEdit":["autoconfirmed"],"wgRestrictionMove":["autoconfirmed"],"wgRedirectedFrom":"Wikipedia:Picture_tutorial","wgNoticeProject":"wikipedia","wgCiteReferencePreviewsActive":false, "wgFlaggedRevsParams":{"tags":{"status":{"levels":1}}},"wgMediaViewerOnClick":true,"wgMediaViewerEnabledByDefault":true,"wgPopupsFlags":0,"wgVisualEditor":{"pageLanguageCode":"en","pageLanguageDir":"ltr","pageVariantFallbacks":"en"},"wgMFDisplayWikibaseDescriptions":{"search":true,"watchlist":true,"tagline":false,"nearby":true},"wgWMESchemaEditAttemptStepOversample":false,"wgWMEPageLength":60000,"wgInternalRedirectTargetUrl":"/wiki/Help:Pictures","wgRelatedArticlesCompat":[],"wgCentralAuthMobileDomain":false,"wgEditSubmitButtonLabelPublish":true,"wgDiscussionToolsFeaturesEnabled":{"replytool":true,"newtopictool":true,"sourcemodetoolbar":true,"topicsubscription":false,"autotopicsub":false,"visualenhancements":false,"visualenhancements_reply":false,"visualenhancements_pageframe":false},"wgDiscussionToolsFallbackEditMode":"source","wgULSPosition":"interlanguage","wgULSisCompactLinksEnabled":false,"wgVector2022LanguageInHeader":true,"wgULSisLanguageSelectorEmpty":false,"wgWikibaseItemId": "Q4618557","wgCheckUserClientHintsHeadersJsApi":["brands","architecture","bitness","fullVersionList","mobile","model","platform","platformVersion"],"GEHomepageSuggestedEditsEnableTopics":true,"wgGETopicsMatchModeEnabled":false,"wgGEStructuredTaskRejectionReasonTextInputEnabled":false,"wgGELevelingUpEnabledForUser":false};RLSTATE={"ext.globalCssJs.user.styles":"ready","site.styles":"ready","user.styles":"ready","ext.globalCssJs.user":"ready","user":"ready","user.options":"loading","ext.inputBox.styles":"ready","ext.cite.styles":"ready","ext.pygments":"ready","mediawiki.page.gallery.styles":"ready","ext.imagemap.styles":"ready","ext.discussionTools.init.styles":"ready","oojs-ui-core.styles":"ready","oojs-ui.styles.indicators":"ready","mediawiki.widgets.styles":"ready","oojs-ui-core.icons":"ready","skins.vector.search.codex.styles":"ready","skins.vector.styles":"ready","skins.vector.icons":"ready","jquery.makeCollapsible.styles":"ready","ext.wikimediamessages.styles":"ready", "ext.visualEditor.desktopArticleTarget.noscript":"ready","ext.uls.interlanguage":"ready","wikibase.client.init":"ready","ext.wikimediaBadges":"ready"};RLPAGEMODULES=["mediawiki.action.view.redirect","ext.cite.ux-enhancements","ext.pygments.view","mediawiki.page.gallery","ext.imagemap","mediawiki.page.media","site","mediawiki.page.ready","jquery.makeCollapsible","mediawiki.toc","skins.vector.js","ext.centralNotice.geoIP","ext.centralNotice.startUp","ext.gadget.ReferenceTooltips","ext.gadget.switcher","ext.urlShortener.toolbar","ext.centralauth.centralautologin","mmv.bootstrap","ext.popups","ext.visualEditor.desktopArticleTarget.init","ext.visualEditor.targetLoader","ext.echo.centralauth","ext.discussionTools.init","ext.eventLogging","ext.wikimediaEvents","ext.navigationTiming","ext.uls.interface","ext.cx.eventlogging.campaigns","wikibase.client.vector-2022","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.cite.styles%7Cext.discussionTools.init.styles%7Cext.imagemap.styles%7Cext.inputBox.styles%7Cext.pygments%2CwikimediaBadges%7Cext.uls.interlanguage%7Cext.visualEditor.desktopArticleTarget.noscript%7Cext.wikimediamessages.styles%7Cjquery.makeCollapsible.styles%7Cmediawiki.page.gallery.styles%7Cmediawiki.widgets.styles%7Coojs-ui-core.icons%2Cstyles%7Coojs-ui.styles.indicators%7Cskins.vector.icons%2Cstyles%7Cskins.vector.search.codex.styles%7Cwikibase.client.init&only=styles&skin=vector-2022"> <script async="" src="/w/load.php?lang=en&modules=startup&only=scripts&raw=1&skin=vector-2022"></script> <meta name="ResourceLoaderDynamicStyles" content=""> <link rel="stylesheet" href="/w/load.php?lang=en&modules=site.styles&only=styles&skin=vector-2022"> <meta name="generator" content="MediaWiki 1.44.0-wmf.4"> <meta name="referrer" content="origin"> <meta name="referrer" content="origin-when-cross-origin"> <meta name="robots" content="max-image-preview:standard"> <meta name="format-detection" content="telephone=no"> <meta name="viewport" content="width=1120"> <meta property="og:title" content="Help:Pictures - Wikipedia"> <meta property="og:type" content="website"> <link rel="preconnect" href="//upload.wikimedia.org"> <link rel="alternate" media="only screen and (max-width: 640px)" href="//en.m.wikipedia.org/wiki/Help:Pictures"> <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/Help:Pictures"> <link rel="license" href="https://creativecommons.org/licenses/by-sa/4.0/deed.en"> <link rel="alternate" type="application/atom+xml" title="Wikipedia Atom feed" href="/w/index.php?title=Special:RecentChanges&feed=atom"> <link rel="dns-prefetch" href="//meta.wikimedia.org" /> <link rel="dns-prefetch" href="//login.wikimedia.org"> </head> <body class="ext-discussiontools-replytool-enabled ext-discussiontools-newtopictool-enabled ext-discussiontools-sourcemodetoolbar-enabled skin--responsive skin-vector skin-vector-search-vue mediawiki ltr sitedir-ltr mw-hide-empty-elt ns-12 ns-subject page-Help_Pictures rootpage-Help_Pictures skin-vector-2022 action-view"><a class="mw-jump-link" href="#bodyContent">Jump to content</a> <div class="vector-header-container"> <header class="vector-header mw-header"> <div class="vector-header-start"> <nav class="vector-main-menu-landmark" aria-label="Site"> <div id="vector-main-menu-dropdown" class="vector-dropdown vector-main-menu-dropdown vector-button-flush-left vector-button-flush-right" > <input type="checkbox" id="vector-main-menu-dropdown-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-main-menu-dropdown" class="vector-dropdown-checkbox " aria-label="Main menu" > <label id="vector-main-menu-dropdown-label" for="vector-main-menu-dropdown-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only " aria-hidden="true" ><span class="vector-icon mw-ui-icon-menu mw-ui-icon-wikimedia-menu"></span> <span class="vector-dropdown-label-text">Main menu</span> </label> <div class="vector-dropdown-content"> <div id="vector-main-menu-unpinned-container" class="vector-unpinned-container"> <div id="vector-main-menu" class="vector-main-menu vector-pinnable-element"> <div class="vector-pinnable-header vector-main-menu-pinnable-header vector-pinnable-header-unpinned" data-feature-name="main-menu-pinned" data-pinnable-element-id="vector-main-menu" data-pinned-container-id="vector-main-menu-pinned-container" data-unpinned-container-id="vector-main-menu-unpinned-container" > <div class="vector-pinnable-header-label">Main menu</div> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-pin-button" data-event-name="pinnable-header.vector-main-menu.pin">move to sidebar</button> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-unpin-button" data-event-name="pinnable-header.vector-main-menu.unpin">hide</button> </div> <div id="p-navigation" class="vector-menu mw-portlet mw-portlet-navigation" > <div class="vector-menu-heading"> Navigation </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="n-mainpage-description" class="mw-list-item"><a href="/wiki/Main_Page" title="Visit the main page [z]" accesskey="z"><span>Main page</span></a></li><li id="n-contents" class="mw-list-item"><a href="/wiki/Wikipedia:Contents" title="Guides to browsing Wikipedia"><span>Contents</span></a></li><li id="n-currentevents" class="mw-list-item"><a href="/wiki/Portal:Current_events" title="Articles related to current events"><span>Current events</span></a></li><li id="n-randompage" class="mw-list-item"><a href="/wiki/Special:Random" title="Visit a randomly selected article [x]" accesskey="x"><span>Random article</span></a></li><li id="n-aboutsite" class="mw-list-item"><a href="/wiki/Wikipedia:About" title="Learn about Wikipedia and how it works"><span>About Wikipedia</span></a></li><li id="n-contactpage" class="mw-list-item"><a href="//en.wikipedia.org/wiki/Wikipedia:Contact_us" title="How to contact Wikipedia"><span>Contact us</span></a></li> </ul> </div> </div> <div id="p-interaction" class="vector-menu mw-portlet mw-portlet-interaction" > <div class="vector-menu-heading"> Contribute </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="n-help" class="mw-list-item"><a href="/wiki/Help:Contents" title="Guidance on how to use and edit Wikipedia"><span>Help</span></a></li><li id="n-introduction" class="mw-list-item"><a href="/wiki/Help:Introduction" title="Learn how to edit Wikipedia"><span>Learn to edit</span></a></li><li id="n-portal" class="mw-list-item"><a href="/wiki/Wikipedia:Community_portal" title="The hub for editors"><span>Community portal</span></a></li><li id="n-recentchanges" class="mw-list-item"><a href="/wiki/Special:RecentChanges" title="A list of recent changes to Wikipedia [r]" accesskey="r"><span>Recent changes</span></a></li><li id="n-upload" class="mw-list-item"><a href="/wiki/Wikipedia:File_upload_wizard" title="Add images or other media for use on Wikipedia"><span>Upload file</span></a></li> </ul> </div> </div> </div> </div> </div> </div> </nav> <a href="/wiki/Main_Page" class="mw-logo"> <img class="mw-logo-icon" src="/static/images/icons/wikipedia.png" alt="" aria-hidden="true" height="50" width="50"> <span class="mw-logo-container skin-invert"> <img class="mw-logo-wordmark" alt="Wikipedia" src="/static/images/mobile/copyright/wikipedia-wordmark-en.svg" style="width: 7.5em; height: 1.125em;"> <img class="mw-logo-tagline" alt="The Free Encyclopedia" src="/static/images/mobile/copyright/wikipedia-tagline-en.svg" width="117" height="13" style="width: 7.3125em; height: 0.8125em;"> </span> </a> </div> <div class="vector-header-end"> <div id="p-search" role="search" class="vector-search-box-vue vector-search-box-collapses vector-search-box-show-thumbnail vector-search-box-auto-expand-width vector-search-box"> <a href="/wiki/Special:Search" class="cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only search-toggle" title="Search Wikipedia [f]" accesskey="f"><span class="vector-icon mw-ui-icon-search mw-ui-icon-wikimedia-search"></span> <span>Search</span> </a> <div class="vector-typeahead-search-container"> <div class="cdx-typeahead-search cdx-typeahead-search--show-thumbnail cdx-typeahead-search--auto-expand-width"> <form action="/w/index.php" id="searchform" class="cdx-search-input cdx-search-input--has-end-button"> <div id="simpleSearch" class="cdx-search-input__input-wrapper" data-search-loc="header-moved"> <div class="cdx-text-input cdx-text-input--has-start-icon"> <input class="cdx-text-input__input" type="search" name="search" placeholder="Search Wikipedia" aria-label="Search Wikipedia" autocapitalize="sentences" title="Search Wikipedia [f]" accesskey="f" id="searchInput" > <span class="cdx-text-input__icon cdx-text-input__start-icon"></span> </div> <input type="hidden" name="title" value="Special:Search"> </div> <button class="cdx-button cdx-search-input__end-button">Search</button> </form> </div> </div> </div> <nav class="vector-user-links vector-user-links-wide" aria-label="Personal tools"> <div class="vector-user-links-main"> <div id="p-vector-user-menu-preferences" class="vector-menu mw-portlet emptyPortlet" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> </ul> </div> </div> <div id="p-vector-user-menu-userpage" class="vector-menu mw-portlet emptyPortlet" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> </ul> </div> </div> <nav class="vector-appearance-landmark" aria-label="Appearance"> <div id="vector-appearance-dropdown" class="vector-dropdown " title="Change the appearance of the page's font size, width, and color" > <input type="checkbox" id="vector-appearance-dropdown-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-appearance-dropdown" class="vector-dropdown-checkbox " aria-label="Appearance" > <label id="vector-appearance-dropdown-label" for="vector-appearance-dropdown-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only " aria-hidden="true" ><span class="vector-icon mw-ui-icon-appearance mw-ui-icon-wikimedia-appearance"></span> <span class="vector-dropdown-label-text">Appearance</span> </label> <div class="vector-dropdown-content"> <div id="vector-appearance-unpinned-container" class="vector-unpinned-container"> </div> </div> </div> </nav> <div id="p-vector-user-menu-notifications" class="vector-menu mw-portlet emptyPortlet" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> </ul> </div> </div> <div id="p-vector-user-menu-overflow" class="vector-menu mw-portlet" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="pt-sitesupport-2" class="user-links-collapsible-item mw-list-item user-links-collapsible-item"><a data-mw="interface" href="https://donate.wikimedia.org/wiki/Special:FundraiserRedirector?utm_source=donate&utm_medium=sidebar&utm_campaign=C13_en.wikipedia.org&uselang=en" class=""><span>Donate</span></a> </li> <li id="pt-createaccount-2" class="user-links-collapsible-item mw-list-item user-links-collapsible-item"><a data-mw="interface" href="/w/index.php?title=Special:CreateAccount&returnto=Help%3APictures" title="You are encouraged to create an account and log in; however, it is not mandatory" class=""><span>Create account</span></a> </li> <li id="pt-login-2" class="user-links-collapsible-item mw-list-item user-links-collapsible-item"><a data-mw="interface" href="/w/index.php?title=Special:UserLogin&returnto=Help%3APictures" title="You're encouraged to log in; however, it's not mandatory. [o]" accesskey="o" class=""><span>Log in</span></a> </li> </ul> </div> </div> </div> <div id="vector-user-links-dropdown" class="vector-dropdown vector-user-menu vector-button-flush-right vector-user-menu-logged-out" title="Log in and more options" > <input type="checkbox" id="vector-user-links-dropdown-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-user-links-dropdown" class="vector-dropdown-checkbox " aria-label="Personal tools" > <label id="vector-user-links-dropdown-label" for="vector-user-links-dropdown-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only " aria-hidden="true" ><span class="vector-icon mw-ui-icon-ellipsis mw-ui-icon-wikimedia-ellipsis"></span> <span class="vector-dropdown-label-text">Personal tools</span> </label> <div class="vector-dropdown-content"> <div id="p-personal" class="vector-menu mw-portlet mw-portlet-personal user-links-collapsible-item" title="User menu" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="pt-sitesupport" class="user-links-collapsible-item mw-list-item"><a href="https://donate.wikimedia.org/wiki/Special:FundraiserRedirector?utm_source=donate&utm_medium=sidebar&utm_campaign=C13_en.wikipedia.org&uselang=en"><span>Donate</span></a></li><li id="pt-createaccount" class="user-links-collapsible-item mw-list-item"><a href="/w/index.php?title=Special:CreateAccount&returnto=Help%3APictures" title="You are encouraged to create an account and log in; however, it is not mandatory"><span class="vector-icon mw-ui-icon-userAdd mw-ui-icon-wikimedia-userAdd"></span> <span>Create account</span></a></li><li id="pt-login" class="user-links-collapsible-item mw-list-item"><a href="/w/index.php?title=Special:UserLogin&returnto=Help%3APictures" title="You're encouraged to log in; however, it's not mandatory. [o]" accesskey="o"><span class="vector-icon mw-ui-icon-logIn mw-ui-icon-wikimedia-logIn"></span> <span>Log in</span></a></li> </ul> </div> </div> <div id="p-user-menu-anon-editor" class="vector-menu mw-portlet mw-portlet-user-menu-anon-editor" > <div class="vector-menu-heading"> Pages for logged out editors <a href="/wiki/Help:Introduction" aria-label="Learn more about editing"><span>learn more</span></a> </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="pt-anoncontribs" class="mw-list-item"><a href="/wiki/Special:MyContributions" title="A list of edits made from this IP address [y]" accesskey="y"><span>Contributions</span></a></li><li id="pt-anontalk" class="mw-list-item"><a href="/wiki/Special:MyTalk" title="Discussion about edits from this IP address [n]" accesskey="n"><span>Talk</span></a></li> </ul> </div> </div> </div> </div> </nav> </div> </header> </div> <div class="mw-page-container"> <div class="mw-page-container-inner"> <div class="vector-sitenotice-container"> <div id="siteNotice"><!-- CentralNotice --></div> </div> <div class="vector-column-start"> <div class="vector-main-menu-container"> <div id="mw-navigation"> <nav id="mw-panel" class="vector-main-menu-landmark" aria-label="Site"> <div id="vector-main-menu-pinned-container" class="vector-pinned-container"> </div> </nav> </div> </div> <div class="vector-sticky-pinned-container"> <nav id="mw-panel-toc" aria-label="Contents" data-event-name="ui.sidebar-toc" class="mw-table-of-contents-container vector-toc-landmark"> <div id="vector-toc-pinned-container" class="vector-pinned-container"> <div id="vector-toc" class="vector-toc vector-pinnable-element"> <div class="vector-pinnable-header vector-toc-pinnable-header vector-pinnable-header-pinned" data-feature-name="toc-pinned" data-pinnable-element-id="vector-toc" > <h2 class="vector-pinnable-header-label">Contents</h2> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-pin-button" data-event-name="pinnable-header.vector-toc.pin">move to sidebar</button> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-unpin-button" data-event-name="pinnable-header.vector-toc.unpin">hide</button> </div> <ul class="vector-toc-contents" id="mw-panel-toc-list"> <li id="toc-mw-content-text" class="vector-toc-list-item vector-toc-level-1"> <a href="#" class="vector-toc-link"> <div class="vector-toc-text">(Top)</div> </a> </li> <li id="toc-Infobox_picture" class="vector-toc-list-item vector-toc-level-1"> <a class="vector-toc-link" href="#Infobox_picture"> <div class="vector-toc-text"> <span class="vector-toc-numb">1</span> <span>Infobox picture</span> </div> </a> <ul id="toc-Infobox_picture-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Thumbnails" class="vector-toc-list-item vector-toc-level-1"> <a class="vector-toc-link" href="#Thumbnails"> <div class="vector-toc-text"> <span class="vector-toc-numb">2</span> <span>Thumbnails</span> </div> </a> <button aria-controls="toc-Thumbnails-sublist" class="cdx-button cdx-button--weight-quiet cdx-button--icon-only vector-toc-toggle"> <span class="vector-icon mw-ui-icon-wikimedia-expand"></span> <span>Toggle Thumbnails subsection</span> </button> <ul id="toc-Thumbnails-sublist" class="vector-toc-list"> <li id="toc-On_the_left" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#On_the_left"> <div class="vector-toc-text"> <span class="vector-toc-numb">2.1</span> <span>On the left</span> </div> </a> <ul id="toc-On_the_left-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-On_the_right" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#On_the_right"> <div class="vector-toc-text"> <span class="vector-toc-numb">2.2</span> <span>On the right</span> </div> </a> <ul id="toc-On_the_right-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Without_flowing_text" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#Without_flowing_text"> <div class="vector-toc-text"> <span class="vector-toc-numb">2.3</span> <span>Without flowing text</span> </div> </a> <ul id="toc-Without_flowing_text-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Thumbnail_sizes" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#Thumbnail_sizes"> <div class="vector-toc-text"> <span class="vector-toc-numb">2.4</span> <span>Thumbnail sizes</span> </div> </a> <ul id="toc-Thumbnail_sizes-sublist" class="vector-toc-list"> <li id="toc-Upright_images" class="vector-toc-list-item vector-toc-level-3"> <a class="vector-toc-link" href="#Upright_images"> <div class="vector-toc-text"> <span class="vector-toc-numb">2.4.1</span> <span>Upright images</span> </div> </a> <ul id="toc-Upright_images-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Shrinking_upright_images_further" class="vector-toc-list-item vector-toc-level-3"> <a class="vector-toc-link" href="#Shrinking_upright_images_further"> <div class="vector-toc-text"> <span class="vector-toc-numb">2.4.2</span> <span>Shrinking upright images further</span> </div> </a> <ul id="toc-Shrinking_upright_images_further-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Short,_wide_images" class="vector-toc-list-item vector-toc-level-3"> <a class="vector-toc-link" href="#Short,_wide_images"> <div class="vector-toc-text"> <span class="vector-toc-numb">2.4.3</span> <span>Short, wide images</span> </div> </a> <ul id="toc-Short,_wide_images-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Width_in_pixels" class="vector-toc-list-item vector-toc-level-3"> <a class="vector-toc-link" href="#Width_in_pixels"> <div class="vector-toc-text"> <span class="vector-toc-numb">2.4.4</span> <span>Width in pixels</span> </div> </a> <ul id="toc-Width_in_pixels-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Height_in_pixels" class="vector-toc-list-item vector-toc-level-3"> <a class="vector-toc-link" href="#Height_in_pixels"> <div class="vector-toc-text"> <span class="vector-toc-numb">2.4.5</span> <span>Height in pixels</span> </div> </a> <ul id="toc-Height_in_pixels-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Width_or_height_in_pixels,_whichever_makes_the_image_smaller" class="vector-toc-list-item vector-toc-level-3"> <a class="vector-toc-link" href="#Width_or_height_in_pixels,_whichever_makes_the_image_smaller"> <div class="vector-toc-text"> <span class="vector-toc-numb">2.4.6</span> <span>Width or height in pixels, whichever makes the image smaller</span> </div> </a> <ul id="toc-Width_or_height_in_pixels,_whichever_makes_the_image_smaller-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Pixel_counts_vs._upright_factors" class="vector-toc-list-item vector-toc-level-3"> <a class="vector-toc-link" href="#Pixel_counts_vs._upright_factors"> <div class="vector-toc-text"> <span class="vector-toc-numb">2.4.7</span> <span>Pixel counts vs. upright factors</span> </div> </a> <ul id="toc-Pixel_counts_vs._upright_factors-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Native_size" class="vector-toc-list-item vector-toc-level-3"> <a class="vector-toc-link" href="#Native_size"> <div class="vector-toc-text"> <span class="vector-toc-numb">2.4.8</span> <span>Native size</span> </div> </a> <ul id="toc-Native_size-sublist" class="vector-toc-list"> </ul> </li> </ul> </li> <li id="toc-Panoramas" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#Panoramas"> <div class="vector-toc-text"> <span class="vector-toc-numb">2.5</span> <span>Panoramas</span> </div> </a> <ul id="toc-Panoramas-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-DjVu_and_PDF_files" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#DjVu_and_PDF_files"> <div class="vector-toc-text"> <span class="vector-toc-numb">2.6</span> <span>DjVu and PDF files</span> </div> </a> <ul id="toc-DjVu_and_PDF_files-sublist" class="vector-toc-list"> </ul> </li> </ul> </li> <li id="toc-Avoiding_stack-ups" class="vector-toc-list-item vector-toc-level-1"> <a class="vector-toc-link" href="#Avoiding_stack-ups"> <div class="vector-toc-text"> <span class="vector-toc-numb">3</span> <span>Avoiding stack-ups</span> </div> </a> <button aria-controls="toc-Avoiding_stack-ups-sublist" class="cdx-button cdx-button--weight-quiet cdx-button--icon-only vector-toc-toggle"> <span class="vector-icon mw-ui-icon-wikimedia-expand"></span> <span>Toggle Avoiding stack-ups subsection</span> </button> <ul id="toc-Avoiding_stack-ups-sublist" class="vector-toc-list"> <li id="toc-Alternating_left_and_right" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#Alternating_left_and_right"> <div class="vector-toc-text"> <span class="vector-toc-numb">3.1</span> <span>Alternating left and right</span> </div> </a> <ul id="toc-Alternating_left_and_right-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Co-aligning" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#Co-aligning"> <div class="vector-toc-text"> <span class="vector-toc-numb">3.2</span> <span>Co-aligning</span> </div> </a> <ul id="toc-Co-aligning-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Galleries" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#Galleries"> <div class="vector-toc-text"> <span class="vector-toc-numb">3.3</span> <span>Galleries</span> </div> </a> <ul id="toc-Galleries-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Forcing_a_break" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#Forcing_a_break"> <div class="vector-toc-text"> <span class="vector-toc-numb">3.4</span> <span>Forcing a break</span> </div> </a> <ul id="toc-Forcing_a_break-sublist" class="vector-toc-list"> </ul> </li> </ul> </li> <li id="toc-Plain_pictures" class="vector-toc-list-item vector-toc-level-1"> <a class="vector-toc-link" href="#Plain_pictures"> <div class="vector-toc-text"> <span class="vector-toc-numb">4</span> <span>Plain pictures</span> </div> </a> <button aria-controls="toc-Plain_pictures-sublist" class="cdx-button cdx-button--weight-quiet cdx-button--icon-only vector-toc-toggle"> <span class="vector-icon mw-ui-icon-wikimedia-expand"></span> <span>Toggle Plain pictures subsection</span> </button> <ul id="toc-Plain_pictures-sublist" class="vector-toc-list"> <li id="toc-Plain_picture_sizes" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#Plain_picture_sizes"> <div class="vector-toc-text"> <span class="vector-toc-numb">4.1</span> <span>Plain picture sizes</span> </div> </a> <ul id="toc-Plain_picture_sizes-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Border" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#Border"> <div class="vector-toc-text"> <span class="vector-toc-numb">4.2</span> <span>Border</span> </div> </a> <ul id="toc-Border-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Horizontal_placement" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#Horizontal_placement"> <div class="vector-toc-text"> <span class="vector-toc-numb">4.3</span> <span>Horizontal placement</span> </div> </a> <ul id="toc-Horizontal_placement-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Vertical_alignment" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#Vertical_alignment"> <div class="vector-toc-text"> <span class="vector-toc-numb">4.4</span> <span>Vertical alignment</span> </div> </a> <ul id="toc-Vertical_alignment-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Links" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#Links"> <div class="vector-toc-text"> <span class="vector-toc-numb">4.5</span> <span>Links</span> </div> </a> <ul id="toc-Links-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Image_maps" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#Image_maps"> <div class="vector-toc-text"> <span class="vector-toc-numb">4.6</span> <span>Image maps</span> </div> </a> <ul id="toc-Image_maps-sublist" class="vector-toc-list"> </ul> </li> </ul> </li> <li id="toc-Overlaying_annotations_on_an_image" class="vector-toc-list-item vector-toc-level-1"> <a class="vector-toc-link" href="#Overlaying_annotations_on_an_image"> <div class="vector-toc-text"> <span class="vector-toc-numb">5</span> <span>Overlaying annotations on an image</span> </div> </a> <ul id="toc-Overlaying_annotations_on_an_image-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Linking_without_displaying" class="vector-toc-list-item vector-toc-level-1"> <a class="vector-toc-link" href="#Linking_without_displaying"> <div class="vector-toc-text"> <span class="vector-toc-numb">6</span> <span>Linking without displaying</span> </div> </a> <ul id="toc-Linking_without_displaying-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Image_frames" class="vector-toc-list-item vector-toc-level-1"> <a class="vector-toc-link" href="#Image_frames"> <div class="vector-toc-text"> <span class="vector-toc-numb">7</span> <span>Image frames</span> </div> </a> <ul id="toc-Image_frames-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-In_case_an_image_will_not_render" class="vector-toc-list-item vector-toc-level-1"> <a class="vector-toc-link" href="#In_case_an_image_will_not_render"> <div class="vector-toc-text"> <span class="vector-toc-numb">8</span> <span>In case an image will not render</span> </div> </a> <ul id="toc-In_case_an_image_will_not_render-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Tips" class="vector-toc-list-item vector-toc-level-1"> <a class="vector-toc-link" href="#Tips"> <div class="vector-toc-text"> <span class="vector-toc-numb">9</span> <span>Tips</span> </div> </a> <ul id="toc-Tips-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-See_also" class="vector-toc-list-item vector-toc-level-1"> <a class="vector-toc-link" href="#See_also"> <div class="vector-toc-text"> <span class="vector-toc-numb">10</span> <span>See also</span> </div> </a> <ul id="toc-See_also-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Notes" class="vector-toc-list-item vector-toc-level-1"> <a class="vector-toc-link" href="#Notes"> <div class="vector-toc-text"> <span class="vector-toc-numb">11</span> <span>Notes</span> </div> </a> <ul id="toc-Notes-sublist" class="vector-toc-list"> </ul> </li> </ul> </div> </div> </nav> </div> </div> <div class="mw-content-container"> <main id="content" class="mw-body"> <header class="mw-body-header vector-page-titlebar"> <nav aria-label="Contents" class="vector-toc-landmark"> <div id="vector-page-titlebar-toc" class="vector-dropdown vector-page-titlebar-toc vector-button-flush-left" > <input type="checkbox" id="vector-page-titlebar-toc-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-page-titlebar-toc" class="vector-dropdown-checkbox " aria-label="Toggle the table of contents" > <label id="vector-page-titlebar-toc-label" for="vector-page-titlebar-toc-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only " aria-hidden="true" ><span class="vector-icon mw-ui-icon-listBullet mw-ui-icon-wikimedia-listBullet"></span> <span class="vector-dropdown-label-text">Toggle the table of contents</span> </label> <div class="vector-dropdown-content"> <div id="vector-page-titlebar-toc-unpinned-container" class="vector-unpinned-container"> </div> </div> </div> </nav> <h1 id="firstHeading" class="firstHeading mw-first-heading"><span class="mw-page-title-namespace">Help</span><span class="mw-page-title-separator">:</span><span class="mw-page-title-main">Pictures</span></h1> <div id="p-lang-btn" class="vector-dropdown mw-portlet mw-portlet-lang" > <input type="checkbox" id="p-lang-btn-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-p-lang-btn" class="vector-dropdown-checkbox mw-interlanguage-selector" aria-label="Go to an article in another language. Available in 68 languages" > <label id="p-lang-btn-label" for="p-lang-btn-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--action-progressive mw-portlet-lang-heading-68" aria-hidden="true" ><span class="vector-icon mw-ui-icon-language-progressive mw-ui-icon-wikimedia-language-progressive"></span> <span class="vector-dropdown-label-text">68 languages</span> </label> <div class="vector-dropdown-content"> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li class="interlanguage-link interwiki-ab mw-list-item"><a href="https://ab.wikipedia.org/wiki/%D0%90%D0%B2%D0%B8%D0%BA%D0%B8%D0%BF%D0%B5%D0%B4%D0%B8%D0%B0:%D0%90%D0%B8%D0%BB%D0%BB%D0%B8%D1%83%D1%81%D1%82%D1%80%D0%B0%D1%86%D0%B8%D0%B0%D2%9B%D3%99%D0%B0_%D1%80%D1%8B%D2%AD%D0%B0%D1%80%D0%B0" title="Авикипедиа:Аиллиустрациақәа рыҭара – Abkhazian" lang="ab" hreflang="ab" data-title="Авикипедиа:Аиллиустрациақәа рыҭара" data-language-autonym="Аԥсшәа" data-language-local-name="Abkhazian" class="interlanguage-link-target"><span>Аԥсшәа</span></a></li><li class="interlanguage-link interwiki-ar mw-list-item"><a href="https://ar.wikipedia.org/wiki/%D9%85%D8%B3%D8%A7%D8%B9%D8%AF%D8%A9:%D8%B5%D9%88%D8%B1" title="مساعدة:صور – Arabic" lang="ar" hreflang="ar" data-title="مساعدة:صور" data-language-autonym="العربية" data-language-local-name="Arabic" class="interlanguage-link-target"><span>العربية</span></a></li><li class="interlanguage-link interwiki-bn mw-list-item"><a href="https://bn.wikipedia.org/wiki/%E0%A6%B8%E0%A6%BE%E0%A6%B9%E0%A6%BE%E0%A6%AF%E0%A7%8D%E0%A6%AF:%E0%A6%9A%E0%A6%BF%E0%A6%A4%E0%A7%8D%E0%A6%B0" 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-ba mw-list-item"><a href="https://ba.wikipedia.org/wiki/%D0%92%D0%B8%D0%BA%D0%B8%D0%BF%D0%B5%D0%B4%D0%B8%D1%8F:%D2%BA%D2%AF%D1%80%D3%99%D1%82_%D2%A1%D1%83%D0%B9%D1%8B%D1%83" title="Википедия:Һүрәт ҡуйыу – Bashkir" lang="ba" hreflang="ba" data-title="Википедия:Һүрәт ҡуйыу" data-language-autonym="Башҡортса" data-language-local-name="Bashkir" class="interlanguage-link-target"><span>Башҡортса</span></a></li><li class="interlanguage-link interwiki-be mw-list-item"><a href="https://be.wikipedia.org/wiki/%D0%92%D1%96%D0%BA%D1%96%D0%BF%D0%B5%D0%B4%D1%8B%D1%8F:%D0%92%D1%8B%D1%8F%D0%B2%D1%8B" title="Вікіпедыя:Выявы – Belarusian" lang="be" hreflang="be" data-title="Вікіпедыя:Выявы" data-language-autonym="Беларуская" data-language-local-name="Belarusian" class="interlanguage-link-target"><span>Беларуская</span></a></li><li class="interlanguage-link interwiki-bg mw-list-item"><a href="https://bg.wikipedia.org/wiki/%D0%A3%D0%B8%D0%BA%D0%B8%D0%BF%D0%B5%D0%B4%D0%B8%D1%8F:%D0%A4%D0%B0%D0%B9%D0%BB%D0%BE%D0%B2%D0%B5" title="Уикипедия:Файлове – Bulgarian" lang="bg" hreflang="bg" data-title="Уикипедия:Файлове" data-language-autonym="Български" data-language-local-name="Bulgarian" class="interlanguage-link-target"><span>Български</span></a></li><li class="interlanguage-link interwiki-bar mw-list-item"><a href="https://bar.wikipedia.org/wiki/Huif:Bilder" title="Huif:Bilder – Bavarian" lang="bar" hreflang="bar" data-title="Huif:Bilder" data-language-autonym="Boarisch" data-language-local-name="Bavarian" class="interlanguage-link-target"><span>Boarisch</span></a></li><li class="interlanguage-link interwiki-bs mw-list-item"><a href="https://bs.wikipedia.org/wiki/Wikipedia:Slike" title="Wikipedia:Slike – Bosnian" lang="bs" hreflang="bs" data-title="Wikipedia:Slike" data-language-autonym="Bosanski" data-language-local-name="Bosnian" class="interlanguage-link-target"><span>Bosanski</span></a></li><li class="interlanguage-link interwiki-br mw-list-item"><a href="https://br.wikipedia.org/wiki/Skoazell:Penaos_embreger_ur_skeudenn" title="Skoazell:Penaos embreger ur skeudenn – Breton" lang="br" hreflang="br" data-title="Skoazell:Penaos embreger ur skeudenn" data-language-autonym="Brezhoneg" data-language-local-name="Breton" class="interlanguage-link-target"><span>Brezhoneg</span></a></li><li class="interlanguage-link interwiki-ca mw-list-item"><a href="https://ca.wikipedia.org/wiki/Ajuda:%C3%9As_d%27imatges" title="Ajuda:Ús d'imatges – Catalan" lang="ca" hreflang="ca" data-title="Ajuda:Ús 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-cs mw-list-item"><a href="https://cs.wikipedia.org/wiki/N%C3%A1pov%C4%9Bda:Obr%C3%A1zky" title="Nápověda:Obrázky – Czech" lang="cs" hreflang="cs" data-title="Nápověda:Obrázky" data-language-autonym="Čeština" data-language-local-name="Czech" class="interlanguage-link-target"><span>Čeština</span></a></li><li class="interlanguage-link interwiki-da mw-list-item"><a href="https://da.wikipedia.org/wiki/Hj%C3%A6lp:Billeder" title="Hjælp:Billeder – Danish" lang="da" hreflang="da" data-title="Hjælp:Billeder" data-language-autonym="Dansk" data-language-local-name="Danish" class="interlanguage-link-target"><span>Dansk</span></a></li><li class="interlanguage-link interwiki-de mw-list-item"><a href="https://de.wikipedia.org/wiki/Hilfe:Bilder" title="Hilfe:Bilder – German" lang="de" hreflang="de" data-title="Hilfe:Bilder" data-language-autonym="Deutsch" data-language-local-name="German" class="interlanguage-link-target"><span>Deutsch</span></a></li><li class="interlanguage-link interwiki-dsb mw-list-item"><a href="https://dsb.wikipedia.org/wiki/Pomoc:Wobraze" title="Pomoc:Wobraze – Lower Sorbian" lang="dsb" hreflang="dsb" data-title="Pomoc:Wobraze" data-language-autonym="Dolnoserbski" data-language-local-name="Lower Sorbian" class="interlanguage-link-target"><span>Dolnoserbski</span></a></li><li class="interlanguage-link interwiki-el mw-list-item"><a href="https://el.wikipedia.org/wiki/%CE%92%CE%BF%CE%AE%CE%B8%CE%B5%CE%B9%CE%B1:%CE%95%CE%B9%CE%BA%CF%8C%CE%BD%CE%B5%CF%82" title="Βοήθεια:Εικόνες – Greek" lang="el" hreflang="el" data-title="Βοήθεια:Εικόνες" data-language-autonym="Ελληνικά" data-language-local-name="Greek" class="interlanguage-link-target"><span>Ελληνικά</span></a></li><li class="interlanguage-link interwiki-es mw-list-item"><a href="https://es.wikipedia.org/wiki/Ayuda:Im%C3%A1genes" title="Ayuda:Imágenes – Spanish" lang="es" hreflang="es" data-title="Ayuda:Imágenes" data-language-autonym="Español" data-language-local-name="Spanish" class="interlanguage-link-target"><span>Español</span></a></li><li class="interlanguage-link interwiki-eo mw-list-item"><a href="https://eo.wikipedia.org/wiki/Vikipedio:Kiel_uzi_bildojn" title="Vikipedio:Kiel uzi bildojn – Esperanto" lang="eo" hreflang="eo" data-title="Vikipedio:Kiel uzi bildojn" data-language-autonym="Esperanto" data-language-local-name="Esperanto" class="interlanguage-link-target"><span>Esperanto</span></a></li><li class="interlanguage-link interwiki-eu mw-list-item"><a href="https://eu.wikipedia.org/wiki/Laguntza:Irudiak" title="Laguntza:Irudiak – Basque" lang="eu" hreflang="eu" data-title="Laguntza:Irudiak" data-language-autonym="Euskara" data-language-local-name="Basque" class="interlanguage-link-target"><span>Euskara</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%AE%D9%88%D8%AF%D8%A2%D9%85%D9%88%D8%B2_(%D8%AA%D8%B5%D8%A7%D9%88%DB%8C%D8%B1)" 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-fr mw-list-item"><a href="https://fr.wikipedia.org/wiki/Wikip%C3%A9dia:Mise_en_forme_des_images" title="Wikipédia:Mise en forme des images – French" lang="fr" hreflang="fr" data-title="Wikipédia:Mise en forme des images" data-language-autonym="Français" data-language-local-name="French" class="interlanguage-link-target"><span>Français</span></a></li><li class="interlanguage-link interwiki-fy mw-list-item"><a href="https://fy.wikipedia.org/wiki/Wikipedy:Ofbylden" title="Wikipedy:Ofbylden – Western Frisian" lang="fy" hreflang="fy" data-title="Wikipedy:Ofbylden" data-language-autonym="Frysk" data-language-local-name="Western Frisian" class="interlanguage-link-target"><span>Frysk</span></a></li><li class="interlanguage-link interwiki-inh mw-list-item"><a href="https://inh.wikipedia.org/wiki/%D0%92%D0%B8%D0%BA%D0%B8%D0%BF%D0%B5%D0%B4%D0%B8:%D0%A1%D1%83%D1%80%D1%82%D0%B0%D1%86%D0%B0_%D0%B3%D0%BE%D0%B9%D1%82%D0%B0%D1%80" title="Википеди:Суртаца гойтар – Ingush" lang="inh" hreflang="inh" data-title="Википеди:Суртаца гойтар" data-language-autonym="ГӀалгӀай" data-language-local-name="Ingush" class="interlanguage-link-target"><span>ГӀалгӀай</span></a></li><li class="interlanguage-link interwiki-ko mw-list-item"><a href="https://ko.wikipedia.org/wiki/%EB%8F%84%EC%9B%80%EB%A7%90:%EA%B7%B8%EB%A6%BC_%EC%82%AC%EC%9A%A9%ED%95%98%EA%B8%B0" title="도움말:그림 사용하기 – Korean" lang="ko" hreflang="ko" data-title="도움말:그림 사용하기" data-language-autonym="한국어" data-language-local-name="Korean" class="interlanguage-link-target"><span>한국어</span></a></li><li class="interlanguage-link interwiki-hy mw-list-item"><a href="https://hy.wikipedia.org/wiki/%D5%95%D5%A3%D5%B6%D5%B8%D6%82%D5%A9%D5%B5%D5%B8%D6%82%D5%B6:%D5%8A%D5%A1%D5%BF%D5%AF%D5%A5%D6%80%D5%A1%D5%A6%D5%A1%D6%80%D5%A4%D5%B8%D6%82%D5%B4" title="Օգնություն:Պատկերազարդում – Armenian" lang="hy" hreflang="hy" data-title="Օգնություն:Պատկերազարդում" data-language-autonym="Հայերեն" data-language-local-name="Armenian" class="interlanguage-link-target"><span>Հայերեն</span></a></li><li class="interlanguage-link interwiki-hi mw-list-item"><a href="https://hi.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:%E0%A4%9A%E0%A4%BF%E0%A4%A4%E0%A5%8D%E0%A4%B0_%E0%A4%95%E0%A5%88%E0%A4%B8%E0%A5%87_%E0%A4%9C%E0%A5%8B%E0%A4%A1%E0%A4%BC%E0%A5%87%E0%A4%82%3F" title="विकिपीडिया:चित्र कैसे जोड़ें? – Hindi" lang="hi" hreflang="hi" data-title="विकिपीडिया:चित्र कैसे जोड़ें?" data-language-autonym="हिन्दी" data-language-local-name="Hindi" class="interlanguage-link-target"><span>हिन्दी</span></a></li><li class="interlanguage-link interwiki-hsb mw-list-item"><a href="https://hsb.wikipedia.org/wiki/Pomoc:Wobrazy" title="Pomoc:Wobrazy – Upper Sorbian" lang="hsb" hreflang="hsb" data-title="Pomoc:Wobrazy" data-language-autonym="Hornjoserbsce" data-language-local-name="Upper Sorbian" class="interlanguage-link-target"><span>Hornjoserbsce</span></a></li><li class="interlanguage-link interwiki-hr mw-list-item"><a href="https://hr.wikipedia.org/wiki/Wikipedija:Te%C4%8Daj_(Slike)" title="Wikipedija:Tečaj (Slike) – Croatian" lang="hr" hreflang="hr" data-title="Wikipedija:Tečaj (Slike)" data-language-autonym="Hrvatski" data-language-local-name="Croatian" class="interlanguage-link-target"><span>Hrvatski</span></a></li><li class="interlanguage-link interwiki-id mw-list-item"><a href="https://id.wikipedia.org/wiki/Wikipedia:Tutorial_(Berkas)" title="Wikipedia:Tutorial (Berkas) – Indonesian" lang="id" hreflang="id" data-title="Wikipedia:Tutorial (Berkas)" data-language-autonym="Bahasa Indonesia" data-language-local-name="Indonesian" class="interlanguage-link-target"><span>Bahasa Indonesia</span></a></li><li class="interlanguage-link interwiki-it mw-list-item"><a href="https://it.wikipedia.org/wiki/Aiuto:Markup_immagini" title="Aiuto:Markup immagini – Italian" lang="it" hreflang="it" data-title="Aiuto:Markup immagini" data-language-autonym="Italiano" data-language-local-name="Italian" class="interlanguage-link-target"><span>Italiano</span></a></li><li class="interlanguage-link interwiki-he mw-list-item"><a href="https://he.wikipedia.org/wiki/%D7%A2%D7%96%D7%A8%D7%94:%D7%A2%D7%99%D7%A6%D7%95%D7%91_%D7%AA%D7%9E%D7%95%D7%A0%D7%95%D7%AA" title="עזרה:עיצוב תמונות – Hebrew" lang="he" hreflang="he" data-title="עזרה:עיצוב תמונות" data-language-autonym="עברית" data-language-local-name="Hebrew" class="interlanguage-link-target"><span>עברית</span></a></li><li class="interlanguage-link interwiki-ka mw-list-item"><a href="https://ka.wikipedia.org/wiki/%E1%83%95%E1%83%98%E1%83%99%E1%83%98%E1%83%9E%E1%83%94%E1%83%93%E1%83%98%E1%83%90:%E1%83%A1%E1%83%A3%E1%83%A0%E1%83%90%E1%83%97%E1%83%94%E1%83%91%E1%83%98%E1%83%A1_%E1%83%A0%E1%83%94%E1%83%93%E1%83%90%E1%83%A5%E1%83%A2%E1%83%98%E1%83%A0%E1%83%94%E1%83%91%E1%83%90" title="ვიკიპედია:სურათების რედაქტირება – Georgian" lang="ka" hreflang="ka" data-title="ვიკიპედია:სურათების რედაქტირება" data-language-autonym="ქართული" data-language-local-name="Georgian" class="interlanguage-link-target"><span>ქართული</span></a></li><li class="interlanguage-link interwiki-ku mw-list-item"><a href="https://ku.wikipedia.org/wiki/Al%C3%AEkar%C3%AE:W%C3%AAne" title="Alîkarî:Wêne – Kurdish" lang="ku" hreflang="ku" data-title="Alîkarî:Wêne" data-language-autonym="Kurdî" data-language-local-name="Kurdish" class="interlanguage-link-target"><span>Kurdî</span></a></li><li class="interlanguage-link interwiki-lad mw-list-item"><a href="https://lad.wikipedia.org/wiki/Ayudo:Imajenes" title="Ayudo:Imajenes – Ladino" lang="lad" hreflang="lad" data-title="Ayudo:Imajenes" data-language-autonym="Ladino" data-language-local-name="Ladino" class="interlanguage-link-target"><span>Ladino</span></a></li><li class="interlanguage-link interwiki-la mw-list-item"><a href="https://la.wikipedia.org/wiki/Auxilium:Imagines" title="Auxilium:Imagines – Latin" lang="la" hreflang="la" data-title="Auxilium:Imagines" data-language-autonym="Latina" data-language-local-name="Latin" class="interlanguage-link-target"><span>Latina</span></a></li><li class="interlanguage-link interwiki-lv mw-list-item"><a href="https://lv.wikipedia.org/wiki/Dal%C4%ABbnieks:Edgars2007/Att%C4%93lu_pam%C4%81c%C4%ABba" title="Dalībnieks:Edgars2007/Attēlu pamācība – Latvian" lang="lv" hreflang="lv" data-title="Dalībnieks:Edgars2007/Attēlu pamācība" data-language-autonym="Latviešu" data-language-local-name="Latvian" class="interlanguage-link-target"><span>Latviešu</span></a></li><li class="interlanguage-link interwiki-lb mw-list-item"><a href="https://lb.wikipedia.org/wiki/Wikipedia:Biller" title="Wikipedia:Biller – Luxembourgish" lang="lb" hreflang="lb" data-title="Wikipedia:Biller" data-language-autonym="Lëtzebuergesch" data-language-local-name="Luxembourgish" class="interlanguage-link-target"><span>Lëtzebuergesch</span></a></li><li class="interlanguage-link interwiki-hu mw-list-item"><a href="https://hu.wikipedia.org/wiki/Wikip%C3%A9dia:K%C3%A9pek_haszn%C3%A1lata" title="Wikipédia:Képek használata – Hungarian" lang="hu" hreflang="hu" data-title="Wikipédia:Képek használata" data-language-autonym="Magyar" data-language-local-name="Hungarian" class="interlanguage-link-target"><span>Magyar</span></a></li><li class="interlanguage-link interwiki-mk mw-list-item"><a href="https://mk.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%D0%BE%D1%87%D0%B5%D1%82%D0%B5%D0%BD_%D0%BA%D1%83%D1%80%D1%81_(%D0%A1%D0%BB%D0%B8%D0%BA%D0%B8)" title="Википедија:Почетен курс (Слики) – Macedonian" lang="mk" hreflang="mk" data-title="Википедија:Почетен курс (Слики)" data-language-autonym="Македонски" data-language-local-name="Macedonian" class="interlanguage-link-target"><span>Македонски</span></a></li><li class="interlanguage-link interwiki-ms mw-list-item"><a href="https://ms.wikipedia.org/wiki/Wikipedia:Tutorial_imej" title="Wikipedia:Tutorial imej – Malay" lang="ms" hreflang="ms" data-title="Wikipedia:Tutorial imej" data-language-autonym="Bahasa Melayu" data-language-local-name="Malay" class="interlanguage-link-target"><span>Bahasa Melayu</span></a></li><li class="interlanguage-link interwiki-my mw-list-item"><a href="https://my.wikipedia.org/wiki/%E1%80%A1%E1%80%80%E1%80%B0%E1%80%A1%E1%80%8A%E1%80%AE:%E1%80%95%E1%80%AF%E1%80%B6%E1%80%90%E1%80%84%E1%80%BA%E1%80%94%E1%80%8A%E1%80%BA%E1%80%B8%E1%80%9C%E1%80%99%E1%80%BA%E1%80%B8%E1%80%8A%E1%80%BD%E1%80%BE%E1%80%94%E1%80%BA" title="အကူအညီ:ပုံတင်နည်းလမ်းညွှန် – Burmese" lang="my" hreflang="my" data-title="အကူအညီ:ပုံတင်နည်းလမ်းညွှန်" data-language-autonym="မြန်မာဘာသာ" data-language-local-name="Burmese" class="interlanguage-link-target"><span>မြန်မာဘာသာ</span></a></li><li class="interlanguage-link interwiki-nl mw-list-item"><a href="https://nl.wikipedia.org/wiki/Help:Gebruik_van_bestanden" title="Help:Gebruik van bestanden – Dutch" lang="nl" hreflang="nl" data-title="Help:Gebruik van bestanden" data-language-autonym="Nederlands" data-language-local-name="Dutch" class="interlanguage-link-target"><span>Nederlands</span></a></li><li class="interlanguage-link interwiki-ne mw-list-item"><a href="https://ne.wikipedia.org/wiki/%E0%A4%B5%E0%A4%BF%E0%A4%95%E0%A4%BF%E0%A4%AA%E0%A4%BF%E0%A4%A1%E0%A4%BF%E0%A4%AF%E0%A4%BE:%E0%A4%9A%E0%A4%BF%E0%A4%A4%E0%A5%8D%E0%A4%B0_%E0%A4%95%E0%A4%B8%E0%A4%B0%E0%A5%80_%E0%A4%B0%E0%A4%BE%E0%A4%96%E0%A5%8D%E0%A4%A8%E0%A5%87" title="विकिपिडिया:चित्र कसरी राख्ने – Nepali" lang="ne" hreflang="ne" data-title="विकिपिडिया:चित्र कसरी राख्ने" data-language-autonym="नेपाली" data-language-local-name="Nepali" class="interlanguage-link-target"><span>नेपाली</span></a></li><li class="interlanguage-link interwiki-ja mw-list-item"><a href="https://ja.wikipedia.org/wiki/Help:%E7%94%BB%E5%83%8F%E3%81%AE%E8%A1%A8%E7%A4%BA" title="Help:画像の表示 – Japanese" lang="ja" hreflang="ja" data-title="Help:画像の表示" data-language-autonym="日本語" data-language-local-name="Japanese" class="interlanguage-link-target"><span>日本語</span></a></li><li class="interlanguage-link interwiki-no mw-list-item"><a href="https://no.wikipedia.org/wiki/Hjelp:Bilder" title="Hjelp:Bilder – Norwegian Bokmål" lang="nb" hreflang="nb" data-title="Hjelp:Bilder" data-language-autonym="Norsk bokmål" data-language-local-name="Norwegian Bokmål" class="interlanguage-link-target"><span>Norsk bokmål</span></a></li><li class="interlanguage-link interwiki-ps mw-list-item"><a href="https://ps.wikipedia.org/wiki/%D9%84%D8%A7%D8%B1%DA%9A%D9%88%D8%AF:%D8%AF%D9%88%D8%AA%D9%86%D9%87" title="لارښود:دوتنه – Pashto" lang="ps" hreflang="ps" data-title="لارښود:دوتنه" data-language-autonym="پښتو" data-language-local-name="Pashto" class="interlanguage-link-target"><span>پښتو</span></a></li><li class="interlanguage-link interwiki-pl mw-list-item"><a href="https://pl.wikipedia.org/wiki/Pomoc:Ilustrowanie" title="Pomoc:Ilustrowanie – Polish" lang="pl" hreflang="pl" data-title="Pomoc:Ilustrowanie" data-language-autonym="Polski" data-language-local-name="Polish" class="interlanguage-link-target"><span>Polski</span></a></li><li class="interlanguage-link interwiki-pt mw-list-item"><a href="https://pt.wikipedia.org/wiki/Ajuda:Guia_de_edi%C3%A7%C3%A3o/Como_usar_imagens" title="Ajuda:Guia de edição/Como usar imagens – Portuguese" lang="pt" hreflang="pt" data-title="Ajuda:Guia de edição/Como usar imagens" data-language-autonym="Português" data-language-local-name="Portuguese" class="interlanguage-link-target"><span>Português</span></a></li><li class="interlanguage-link interwiki-ru mw-list-item"><a href="https://ru.wikipedia.org/wiki/%D0%92%D0%B8%D0%BA%D0%B8%D0%BF%D0%B5%D0%B4%D0%B8%D1%8F:%D0%98%D0%BB%D0%BB%D1%8E%D1%81%D1%82%D1%80%D0%B8%D1%80%D0%BE%D0%B2%D0%B0%D0%BD%D0%B8%D0%B5" title="Википедия:Иллюстрирование – Russian" lang="ru" hreflang="ru" data-title="Википедия:Иллюстрирование" data-language-autonym="Русский" data-language-local-name="Russian" 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%B6%8B%E0%B6%AF%E0%B7%80%E0%B7%94:%E0%B6%B4%E0%B7%92%E0%B6%B1%E0%B7%8A%E0%B6%AD%E0%B7%96%E0%B6%BB" title="උදවු:පින්තූර – Sinhala" lang="si" hreflang="si" data-title="උදවු:පින්තූර" data-language-autonym="සිංහල" data-language-local-name="Sinhala" class="interlanguage-link-target"><span>සිංහල</span></a></li><li class="interlanguage-link interwiki-simple badge-Q70893996 mw-list-item" title=""><a href="https://simple.wikipedia.org/wiki/Help:How_to_use_images" title="Help:How to use images – Simple English" lang="en-simple" hreflang="en-simple" data-title="Help:How to use images" data-language-autonym="Simple English" data-language-local-name="Simple English" class="interlanguage-link-target"><span>Simple English</span></a></li><li class="interlanguage-link interwiki-sd mw-list-item"><a href="https://sd.wikipedia.org/wiki/%D9%85%D8%AF%D8%AF:%D8%AA%D8%B5%D9%88%D9%8A%D8%B1%D9%88%D9%86" title="مدد:تصويرون – Sindhi" lang="sd" hreflang="sd" data-title="مدد:تصويرون" data-language-autonym="سنڌي" data-language-local-name="Sindhi" class="interlanguage-link-target"><span>سنڌي</span></a></li><li class="interlanguage-link interwiki-sk mw-list-item"><a href="https://sk.wikipedia.org/wiki/Pomoc:Obr%C3%A1zok" title="Pomoc:Obrázok – Slovak" lang="sk" hreflang="sk" data-title="Pomoc:Obrázok" data-language-autonym="Slovenčina" data-language-local-name="Slovak" class="interlanguage-link-target"><span>Slovenčina</span></a></li><li class="interlanguage-link interwiki-ckb mw-list-item"><a href="https://ckb.wikipedia.org/wiki/%D9%88%DB%8C%DA%A9%DB%8C%D9%BE%DB%8C%D8%AF%DB%8C%D8%A7:%D9%81%DB%8E%D8%B1%DA%A9%D8%A7%D8%B1%DB%8C%DB%8C_%D9%88%DB%8E%D9%86%DB%95" title="ویکیپیدیا:فێرکاریی وێنە – Central Kurdish" lang="ckb" hreflang="ckb" data-title="ویکیپیدیا:فێرکاریی وێنە" data-language-autonym="کوردی" data-language-local-name="Central Kurdish" class="interlanguage-link-target"><span>کوردی</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%A3%D0%BF%D1%83%D1%82%D1%81%D1%82%D0%B2%D0%B0/%D0%A1%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-sh mw-list-item"><a href="https://sh.wikipedia.org/wiki/Wikipedija:Kurs/Te%C4%8Daj_(Slike)" title="Wikipedija:Kurs/Tečaj (Slike) – Serbo-Croatian" lang="sh" hreflang="sh" data-title="Wikipedija:Kurs/Tečaj (Slike)" data-language-autonym="Srpskohrvatski / српскохрватски" data-language-local-name="Serbo-Croatian" class="interlanguage-link-target"><span>Srpskohrvatski / српскохрватски</span></a></li><li class="interlanguage-link interwiki-su mw-list-item"><a href="https://su.wikipedia.org/wiki/Wikipedia:Pituduh_(berkas)" title="Wikipedia:Pituduh (berkas) – Sundanese" lang="su" hreflang="su" data-title="Wikipedia:Pituduh (berkas)" data-language-autonym="Sunda" data-language-local-name="Sundanese" class="interlanguage-link-target"><span>Sunda</span></a></li><li class="interlanguage-link interwiki-fi mw-list-item"><a href="https://fi.wikipedia.org/wiki/Ohje:Kuvien_lis%C3%A4%C3%A4minen" title="Ohje:Kuvien lisääminen – Finnish" lang="fi" hreflang="fi" data-title="Ohje:Kuvien lisääminen" data-language-autonym="Suomi" data-language-local-name="Finnish" class="interlanguage-link-target"><span>Suomi</span></a></li><li class="interlanguage-link interwiki-tl mw-list-item"><a href="https://tl.wikipedia.org/wiki/Wikipedia:Paglalagay_ng_mga_larawan" title="Wikipedia:Paglalagay ng mga larawan – Tagalog" lang="tl" hreflang="tl" data-title="Wikipedia:Paglalagay ng mga larawan" data-language-autonym="Tagalog" data-language-local-name="Tagalog" class="interlanguage-link-target"><span>Tagalog</span></a></li><li class="interlanguage-link interwiki-ta mw-list-item"><a href="https://ta.wikipedia.org/wiki/%E0%AE%B5%E0%AE%BF%E0%AE%95%E0%AF%8D%E0%AE%95%E0%AE%BF%E0%AE%AA%E0%AF%8D%E0%AE%AA%E0%AF%80%E0%AE%9F%E0%AE%BF%E0%AE%AF%E0%AE%BE:%E0%AE%AA%E0%AE%9F%E0%AE%BF%E0%AE%AE%E0%AE%AE%E0%AF%8D_%E0%AE%AA%E0%AE%AF%E0%AE%BF%E0%AE%B1%E0%AF%8D%E0%AE%9A%E0%AE%BF" title="விக்கிப்பீடியா:படிமம் பயிற்சி – Tamil" lang="ta" hreflang="ta" data-title="விக்கிப்பீடியா:படிமம் பயிற்சி" data-language-autonym="தமிழ்" data-language-local-name="Tamil" class="interlanguage-link-target"><span>தமிழ்</span></a></li><li class="interlanguage-link interwiki-tt mw-list-item"><a href="https://tt.wikipedia.org/wiki/%D0%92%D0%B8%D0%BA%D0%B8%D0%BF%D0%B5%D0%B4%D0%B8%D1%8F:%D0%A1%D1%83%D1%80%D3%99%D1%82%D0%BB%D3%99%D2%AF" title="Википедия:Сурәтләү – Tatar" lang="tt" hreflang="tt" data-title="Википедия:Сурәтләү" data-language-autonym="Татарча / tatarça" data-language-local-name="Tatar" class="interlanguage-link-target"><span>Татарча / tatarça</span></a></li><li class="interlanguage-link interwiki-shn mw-list-item"><a href="https://shn.wikipedia.org/wiki/%E1%80%9C%E1%80%BD%E1%80%84%E1%80%BA%E1%82%88%E1%81%B8%E1%80%BD%E1%82%86%E1%82%88%E1%80%91%E1%82%85%E1%80%99%E1%80%BA:%E1%81%B5%E1%80%B0%E1%82%88%E1%80%99%E1%80%AD%E1%80%AF%E1%80%9D%E1%80%BA%E1%80%B8%E1%80%90%E1%81%A2%E1%80%84%E1%80%BA%E1%82%87%E1%81%B6%E1%82%85%E1%80%95%E1%80%BA%E1%80%B8%E1%82%81%E1%81%A2%E1%80%84%E1%80%BA%E1%82%88" title="လွင်ႈၸွႆႈထႅမ်:ၵူႈမိုဝ်းတၢင်ႇၶႅပ်းႁၢင်ႈ – Shan" lang="shn" hreflang="shn" data-title="လွင်ႈၸွႆႈထႅမ်:ၵူႈမိုဝ်းတၢင်ႇၶႅပ်းႁၢင်ႈ" data-language-autonym="ၽႃႇသႃႇတႆး " data-language-local-name="Shan" class="interlanguage-link-target"><span>ၽႃႇသႃႇတႆး </span></a></li><li class="interlanguage-link interwiki-th mw-list-item"><a href="https://th.wikipedia.org/wiki/%E0%B8%A7%E0%B8%B4%E0%B8%98%E0%B8%B5%E0%B9%83%E0%B8%8A%E0%B9%89:%E0%B8%A0%E0%B8%B2%E0%B8%9E" title="วิธีใช้:ภาพ – Thai" lang="th" hreflang="th" data-title="วิธีใช้:ภาพ" data-language-autonym="ไทย" data-language-local-name="Thai" class="interlanguage-link-target"><span>ไทย</span></a></li><li class="interlanguage-link interwiki-tg mw-list-item"><a href="https://tg.wikipedia.org/wiki/%D0%92%D0%B8%D0%BA%D0%B8%D0%BF%D0%B5%D0%B4%D0%B8%D0%B0:%D0%9C%D1%83%D1%81%D0%B0%D0%B2%D0%B2%D0%B0%D1%80%D1%81%D0%BE%D0%B7%D3%A3" title="Википедиа:Мусавварсозӣ – Tajik" lang="tg" hreflang="tg" data-title="Википедиа:Мусавварсозӣ" data-language-autonym="Тоҷикӣ" data-language-local-name="Tajik" class="interlanguage-link-target"><span>Тоҷикӣ</span></a></li><li class="interlanguage-link interwiki-tr mw-list-item"><a href="https://tr.wikipedia.org/wiki/Yard%C4%B1m:Resim_ekleme" title="Yardım:Resim ekleme – Turkish" lang="tr" hreflang="tr" data-title="Yardım:Resim ekleme" data-language-autonym="Türkçe" data-language-local-name="Turkish" class="interlanguage-link-target"><span>Türkçe</span></a></li><li class="interlanguage-link interwiki-udm mw-list-item"><a href="https://udm.wikipedia.org/wiki/%D0%92%D0%B8%D0%BA%D0%B8%D0%BF%D0%B5%D0%B4%D0%B8%D1%8F:%D0%98%D0%BB%D0%BB%D1%8E%D1%81%D1%82%D1%80%D0%B8%D1%80%D0%BE%D0%B2%D0%B0%D0%BD%D0%B8%D0%B5" title="Википедия:Иллюстрирование – Udmurt" lang="udm" hreflang="udm" data-title="Википедия:Иллюстрирование" data-language-autonym="Удмурт" data-language-local-name="Udmurt" class="interlanguage-link-target"><span>Удмурт</span></a></li><li class="interlanguage-link interwiki-ur mw-list-item"><a href="https://ur.wikipedia.org/wiki/%D9%85%D8%B9%D8%A7%D9%88%D9%86%D8%AA:%D8%AA%D8%B5%D9%88%DB%8C%D8%B1%D9%88%DA%BA_%DA%A9%D8%A7_%D8%A7%D8%B3%D8%AA%D8%B9%D9%85%D8%A7%D9%84" title="معاونت:تصویروں کا استعمال – Urdu" lang="ur" hreflang="ur" data-title="معاونت:تصویروں کا استعمال" data-language-autonym="اردو" data-language-local-name="Urdu" class="interlanguage-link-target"><span>اردو</span></a></li><li class="interlanguage-link interwiki-vi mw-list-item"><a href="https://vi.wikipedia.org/wiki/Tr%E1%BB%A3_gi%C3%BAp:H%C3%ACnh_%E1%BA%A3nh" title="Trợ giúp:Hình ảnh – Vietnamese" lang="vi" hreflang="vi" data-title="Trợ giúp:Hình ảnh" data-language-autonym="Tiếng Việt" data-language-local-name="Vietnamese" class="interlanguage-link-target"><span>Tiếng Việt</span></a></li><li class="interlanguage-link interwiki-zh mw-list-item"><a href="https://zh.wikipedia.org/wiki/Help:%E5%9B%BE%E5%83%8F" title="Help:图像 – Chinese" lang="zh" hreflang="zh" data-title="Help:图像" data-language-autonym="中文" data-language-local-name="Chinese" class="interlanguage-link-target"><span>中文</span></a></li> </ul> <div class="after-portlet after-portlet-lang"><span class="wb-langlinks-edit wb-langlinks-link"><a href="https://www.wikidata.org/wiki/Special:EntityPage/Q4618557#sitelinks-wikipedia" title="Edit interlanguage links" class="wbc-editpage">Edit links</a></span></div> </div> </div> </div> </header> <div class="vector-page-toolbar"> <div class="vector-page-toolbar-container"> <div id="left-navigation"> <nav aria-label="Namespaces"> <div id="p-associated-pages" class="vector-menu vector-menu-tabs mw-portlet mw-portlet-associated-pages" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="ca-nstab-help" class="selected vector-tab-noicon mw-list-item"><a href="/wiki/Help:Pictures" title="View the help page [c]" accesskey="c"><span>Help page</span></a></li><li id="ca-talk" class="vector-tab-noicon mw-list-item"><a href="/wiki/Help_talk:Pictures" rel="discussion" title="Discuss improvements to the content page [t]" accesskey="t"><span>Talk</span></a></li> </ul> </div> </div> <div id="vector-variants-dropdown" class="vector-dropdown emptyPortlet" > <input type="checkbox" id="vector-variants-dropdown-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-variants-dropdown" class="vector-dropdown-checkbox " aria-label="Change language variant" > <label id="vector-variants-dropdown-label" for="vector-variants-dropdown-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet" aria-hidden="true" ><span class="vector-dropdown-label-text">English</span> </label> <div class="vector-dropdown-content"> <div id="p-variants" class="vector-menu mw-portlet mw-portlet-variants emptyPortlet" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> </ul> </div> </div> </div> </div> </nav> </div> <div id="right-navigation" class="vector-collapsible"> <nav aria-label="Views"> <div id="p-views" class="vector-menu vector-menu-tabs mw-portlet mw-portlet-views" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="ca-view" class="selected vector-tab-noicon mw-list-item"><a href="/wiki/Help:Pictures"><span>Read</span></a></li><li id="ca-viewsource" class="vector-tab-noicon mw-list-item"><a href="/w/index.php?title=Help:Pictures&action=edit" title="This page is protected. You can view its source [e]" accesskey="e"><span>View source</span></a></li><li id="ca-history" class="vector-tab-noicon mw-list-item"><a href="/w/index.php?title=Help:Pictures&action=history" title="Past revisions of this page [h]" accesskey="h"><span>View history</span></a></li> </ul> </div> </div> </nav> <nav class="vector-page-tools-landmark" aria-label="Page tools"> <div id="vector-page-tools-dropdown" class="vector-dropdown vector-page-tools-dropdown" > <input type="checkbox" id="vector-page-tools-dropdown-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-page-tools-dropdown" class="vector-dropdown-checkbox " aria-label="Tools" > <label id="vector-page-tools-dropdown-label" for="vector-page-tools-dropdown-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet" aria-hidden="true" ><span class="vector-dropdown-label-text">Tools</span> </label> <div class="vector-dropdown-content"> <div id="vector-page-tools-unpinned-container" class="vector-unpinned-container"> <div id="vector-page-tools" class="vector-page-tools vector-pinnable-element"> <div class="vector-pinnable-header vector-page-tools-pinnable-header vector-pinnable-header-unpinned" data-feature-name="page-tools-pinned" data-pinnable-element-id="vector-page-tools" data-pinned-container-id="vector-page-tools-pinned-container" data-unpinned-container-id="vector-page-tools-unpinned-container" > <div class="vector-pinnable-header-label">Tools</div> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-pin-button" data-event-name="pinnable-header.vector-page-tools.pin">move to sidebar</button> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-unpin-button" data-event-name="pinnable-header.vector-page-tools.unpin">hide</button> </div> <div id="p-cactions" class="vector-menu mw-portlet mw-portlet-cactions emptyPortlet vector-has-collapsible-items" title="More options" > <div class="vector-menu-heading"> Actions </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="ca-more-view" class="selected vector-more-collapsible-item mw-list-item"><a href="/wiki/Help:Pictures"><span>Read</span></a></li><li id="ca-more-viewsource" class="vector-more-collapsible-item mw-list-item"><a href="/w/index.php?title=Help:Pictures&action=edit"><span>View source</span></a></li><li id="ca-more-history" class="vector-more-collapsible-item mw-list-item"><a href="/w/index.php?title=Help:Pictures&action=history"><span>View history</span></a></li> </ul> </div> </div> <div id="p-tb" class="vector-menu mw-portlet mw-portlet-tb" > <div class="vector-menu-heading"> General </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="t-whatlinkshere" class="mw-list-item"><a href="/wiki/Special:WhatLinksHere/Help:Pictures" title="List of all English Wikipedia pages containing links to this page [j]" accesskey="j"><span>What links here</span></a></li><li id="t-recentchangeslinked" class="mw-list-item"><a href="/wiki/Special:RecentChangesLinked/Help:Pictures" rel="nofollow" title="Recent changes in pages linked from this page [k]" accesskey="k"><span>Related changes</span></a></li><li id="t-upload" class="mw-list-item"><a href="/wiki/Wikipedia:File_Upload_Wizard" title="Upload files [u]" accesskey="u"><span>Upload file</span></a></li><li id="t-specialpages" class="mw-list-item"><a href="/wiki/Special:SpecialPages" title="A list of all special pages [q]" accesskey="q"><span>Special pages</span></a></li><li id="t-permalink" class="mw-list-item"><a href="/w/index.php?title=Help:Pictures&oldid=1258315729" title="Permanent link to this revision of this page"><span>Permanent link</span></a></li><li id="t-info" class="mw-list-item"><a href="/w/index.php?title=Help:Pictures&action=info" title="More information about this page"><span>Page information</span></a></li><li id="t-urlshortener" class="mw-list-item"><a href="/w/index.php?title=Special:UrlShortener&url=https%3A%2F%2Fen.wikipedia.org%2Fwiki%2FHelp%3APictures"><span>Get shortened URL</span></a></li><li id="t-urlshortener-qrcode" class="mw-list-item"><a href="/w/index.php?title=Special:QrCode&url=https%3A%2F%2Fen.wikipedia.org%2Fwiki%2FHelp%3APictures"><span>Download QR code</span></a></li> </ul> </div> </div> <div id="p-coll-print_export" class="vector-menu mw-portlet mw-portlet-coll-print_export" > <div class="vector-menu-heading"> Print/export </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="coll-download-as-rl" class="mw-list-item"><a href="/w/index.php?title=Special:DownloadAsPdf&page=Help%3APictures&action=show-download-screen" title="Download this page as a PDF file"><span>Download as PDF</span></a></li><li id="t-print" class="mw-list-item"><a href="/w/index.php?title=Help:Pictures&printable=yes" title="Printable version of this page [p]" accesskey="p"><span>Printable version</span></a></li> </ul> </div> </div> <div id="p-wikibase-otherprojects" class="vector-menu mw-portlet mw-portlet-wikibase-otherprojects" > <div class="vector-menu-heading"> In other projects </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li class="wb-otherproject-link wb-otherproject-mediawiki mw-list-item"><a href="https://www.mediawiki.org/wiki/Help:Images" hreflang="en"><span>MediaWiki</span></a></li><li class="wb-otherproject-link wb-otherproject-meta mw-list-item"><a href="https://meta.wikimedia.org/wiki/Help:Images_and_other_uploaded_files" hreflang="en"><span>Meta-Wiki</span></a></li><li class="wb-otherproject-link wb-otherproject-wikibooks mw-list-item"><a href="https://en.wikibooks.org/wiki/Wikibooks:Media" hreflang="en"><span>Wikibooks</span></a></li><li class="wb-otherproject-link wb-otherproject-wikivoyage mw-list-item"><a href="https://en.wikivoyage.org/wiki/Wikivoyage:How_to_add_an_image" hreflang="en"><span>Wikivoyage</span></a></li><li class="wb-otherproject-link wb-otherproject-wiktionary mw-list-item"><a href="https://en.wiktionary.org/wiki/Help:Images" hreflang="en"><span>Wiktionary</span></a></li><li id="t-wikibase" class="wb-otherproject-link wb-otherproject-wikibase-dataitem mw-list-item"><a href="https://www.wikidata.org/wiki/Special:EntityPage/Q4618557" title="Structured data on this page hosted by Wikidata [g]" accesskey="g"><span>Wikidata item</span></a></li> </ul> </div> </div> </div> </div> </div> </div> </nav> </div> </div> </div> <div class="vector-column-end"> <div class="vector-sticky-pinned-container"> <nav class="vector-page-tools-landmark" aria-label="Page tools"> <div id="vector-page-tools-pinned-container" class="vector-pinned-container"> </div> </nav> <nav class="vector-appearance-landmark" aria-label="Appearance"> <div id="vector-appearance-pinned-container" class="vector-pinned-container"> <div id="vector-appearance" class="vector-appearance vector-pinnable-element"> <div class="vector-pinnable-header vector-appearance-pinnable-header vector-pinnable-header-pinned" data-feature-name="appearance-pinned" data-pinnable-element-id="vector-appearance" data-pinned-container-id="vector-appearance-pinned-container" data-unpinned-container-id="vector-appearance-unpinned-container" > <div class="vector-pinnable-header-label">Appearance</div> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-pin-button" data-event-name="pinnable-header.vector-appearance.pin">move to sidebar</button> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-unpin-button" data-event-name="pinnable-header.vector-appearance.unpin">hide</button> </div> </div> </div> </nav> </div> </div> <div id="bodyContent" class="vector-body" aria-labelledby="firstHeading" data-mw-ve-target-container> <div class="vector-body-before-content"> <div class="mw-indicators"> </div> <div id="siteSub" class="noprint">From Wikipedia, the free encyclopedia</div> </div> <div id="contentSub"><div id="mw-content-subtitle"><span class="mw-redirectedfrom">(Redirected from <a href="/w/index.php?title=Wikipedia:Picture_tutorial&redirect=no" class="mw-redirect" title="Wikipedia:Picture tutorial">Wikipedia:Picture tutorial</a>)</span></div></div> <div id="mw-content-text" class="mw-body-content"><div class="mw-content-ltr mw-parser-output" lang="en" dir="ltr"><div class="shortdescription nomobile noexcerpt noprint searchaux" style="display:none">Wikipedia Help page about adding pictures to articles</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">For the guideline on how to use images, see <a href="/wiki/Wikipedia:Manual_of_Style/Images" title="Wikipedia:Manual of Style/Images">WP:Manual of Style/Images</a>. For general information on Wikipedia image use, see <a href="/wiki/Wikipedia:Images" title="Wikipedia:Images">WP:Images</a>. For help with image display, see <a href="/wiki/Help:Viewing_media" title="Help:Viewing media">Help:Viewing media</a>.</div> <link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1236090951"><div role="note" class="hatnote navigation-not-searchable">Not to be confused with <a href="/wiki/Wikipedia:Uploading_images" title="Wikipedia:Uploading images">Wikipedia:Uploading images</a> or <a href="/wiki/Wikipedia:Image_use_policy" title="Wikipedia:Image use policy">Wikipedia:Image use policy</a>.</div> <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="" src="//upload.wikimedia.org/wikipedia/commons/thumb/9/9e/Twemoji_1f527.svg/30px-Twemoji_1f527.svg.png" decoding="async" width="30" height="30" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/9/9e/Twemoji_1f527.svg/45px-Twemoji_1f527.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/9/9e/Twemoji_1f527.svg/60px-Twemoji_1f527.svg.png 2x" data-file-width="512" data-file-height="512"/></span></span></td><td class="mbox-text"><div style="padding-top: 6px; padding-bottom: 5px;"><b>This help page is a <a href="/wiki/Wikipedia:Project_namespace#Wikipedia_how-to_and_information_pages" title="Wikipedia:Project namespace">how-to guide</a>.</b><br/><div style="font-size: 90%;">It explains concepts or processes used by the Wikipedia community. It is not one of <a href="/wiki/Wikipedia:Policies_and_guidelines" title="Wikipedia:Policies and guidelines">Wikipedia's policies or guidelines</a>, and may reflect varying levels of <a href="/wiki/Wikipedia:Consensus" title="Wikipedia:Consensus">consensus</a>.</div></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:PIC"></span><span id="H:PIC"></span><span id="H:PICTURE"></span><span id="H:PICTURES"></span><span id="H:IMAGE"></span></div><div class="module-shortcutboxplain noprint" role="note"><div class="module-shortcutlist"><a href="/wiki/Wikipedia:Shortcut" title="Wikipedia:Shortcut">Shortcuts</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:PIC&redirect=no">WP:PIC</a></span></li><li><span class="plainlinks"><a class="external text" href="https://en.wikipedia.org/w/index.php?title=H:PIC&redirect=no">H:PIC</a></span></li><li><span class="plainlinks"><a class="external text" href="https://en.wikipedia.org/w/index.php?title=H:PICTURE&redirect=no">H:PICTURE</a></span></li><li><span class="plainlinks"><a class="external text" href="https://en.wikipedia.org/w/index.php?title=H:PICTURES&redirect=no">H:PICTURES</a></span></li><li><span class="plainlinks"><a class="external text" href="https://en.wikipedia.org/w/index.php?title=H:IMAGE&redirect=no">H:IMAGE</a></span></li></ul></div></div></td></tr></tbody></table> <link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1238436933"><table class="plainlinks ombox ombox-notice" role="presentation" style="border: 2px solid #008560;"><tbody><tr><td class="mbox-image"><span typeof="mw:File"><span><img alt="" src="//upload.wikimedia.org/wikipedia/commons/thumb/2/2b/Information_icon_dark_green.svg/40px-Information_icon_dark_green.svg.png" decoding="async" width="40" height="40" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/2/2b/Information_icon_dark_green.svg/60px-Information_icon_dark_green.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/2/2b/Information_icon_dark_green.svg/80px-Information_icon_dark_green.svg.png 2x" data-file-width="620" data-file-height="620"/></span></span></td><td class="mbox-text" style="font-size: 120%; text-align: center">Are you new here? <a href="/wiki/Help:Introduction" title="Help:Introduction">Welcome!</a> There are simplified versions of this page at <b><a href="/wiki/Help:Introduction_to_images_with_Wiki_Markup" class="mw-redirect" title="Help:Introduction to images with Wiki Markup">Help:Introduction to images with Wiki Markup</a></b> and <b><a href="/wiki/Help:Introduction_to_images_with_VisualEditor" class="mw-redirect" title="Help:Introduction to images with VisualEditor">Help:Introduction to images with VisualEditor</a></b>.</td></tr></tbody></table> <p>This tutorial explains how to insert pictures into Wikipedia articles using <a href="/wiki/Help:Wiki_markup" class="mw-redirect" title="Help:Wiki markup">wikitext</a>. This is one of the most frequently asked questions. It describes options for specifying placement, <a href="/wiki/Wikipedia:ALT" class="mw-redirect" title="Wikipedia:ALT">alt text</a>, captions, sizes and links, and contains advice about panoramas and avoiding image stackups. There is also a <a href="/wiki/Wikipedia:Extended_image_syntax" title="Wikipedia:Extended image syntax"><b>technical document describing the syntax</b></a> and a <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>. 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>. </p><p>If you need help <a href="/wiki/Wikipedia:Uploading_images" title="Wikipedia:Uploading images">uploading an image</a>, or selecting a suitable image for an article, see the <a href="/wiki/Wikipedia:Image_use_policy" title="Wikipedia:Image use policy">image use policy</a> and the <a href="/wiki/Wikipedia:MOS#Images" class="mw-redirect" title="Wikipedia:MOS">Manual of Style</a>. Images on most websites are copyrighted and should not be uploaded; see the <a href="/wiki/Wikipedia:Copyrights" title="Wikipedia:Copyrights">copyright policy</a>. Please upload the highest resolution image possible, but <a href="/wiki/Wikipedia:Image_use_policy#Uploaded_image_size" title="Wikipedia:Image use policy">keep the file size under 1,000 megabytes</a>. </p><p>Before you add an image to an article, view the image's <a href="/wiki/Wikipedia:Image_description_page" class="mw-redirect" title="Wikipedia:Image description page">image description page</a> to make sure its <a href="/wiki/Wikipedia:Copyrights" title="Wikipedia:Copyrights">copyright status</a> is clearly stated, preferably with one of the <a href="/wiki/Wikipedia:Image_copyright_tags" class="mw-redirect" title="Wikipedia:Image copyright tags">image copyright tags</a>. </p> <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:r1246091330">.mw-parser-output .sidebar{width:22em;float:right;clear:right;margin:0.5em 0 1em 1em;background:var(--background-color-neutral-subtle,#f8f9fa);border:1px solid var(--border-color-base,#a2a9b1);padding:0.2em;text-align:center;line-height:1.4em;font-size:88%;border-collapse:collapse;display:table}body.skin-minerva .mw-parser-output .sidebar{display:table!important;float:right!important;margin:0.5em 0 1em 1em!important}.mw-parser-output .sidebar-subgroup{width:100%;margin:0;border-spacing:0}.mw-parser-output .sidebar-left{float:left;clear:left;margin:0.5em 1em 1em 0}.mw-parser-output .sidebar-none{float:none;clear:both;margin:0.5em 1em 1em 0}.mw-parser-output .sidebar-outer-title{padding:0 0.4em 0.2em;font-size:125%;line-height:1.2em;font-weight:bold}.mw-parser-output .sidebar-top-image{padding:0.4em}.mw-parser-output .sidebar-top-caption,.mw-parser-output .sidebar-pretitle-with-top-image,.mw-parser-output .sidebar-caption{padding:0.2em 0.4em 0;line-height:1.2em}.mw-parser-output .sidebar-pretitle{padding:0.4em 0.4em 0;line-height:1.2em}.mw-parser-output .sidebar-title,.mw-parser-output .sidebar-title-with-pretitle{padding:0.2em 0.8em;font-size:145%;line-height:1.2em}.mw-parser-output .sidebar-title-with-pretitle{padding:0.1em 0.4em}.mw-parser-output .sidebar-image{padding:0.2em 0.4em 0.4em}.mw-parser-output .sidebar-heading{padding:0.1em 0.4em}.mw-parser-output .sidebar-content{padding:0 0.5em 0.4em}.mw-parser-output .sidebar-content-with-subgroup{padding:0.1em 0.4em 0.2em}.mw-parser-output .sidebar-above,.mw-parser-output .sidebar-below{padding:0.3em 0.8em;font-weight:bold}.mw-parser-output .sidebar-collapse .sidebar-above,.mw-parser-output .sidebar-collapse .sidebar-below{border-top:1px solid #aaa;border-bottom:1px solid #aaa}.mw-parser-output .sidebar-navbar{text-align:right;font-size:115%;padding:0 0.4em 0.4em}.mw-parser-output .sidebar-list-title{padding:0 0.4em;text-align:left;font-weight:bold;line-height:1.6em;font-size:105%}.mw-parser-output .sidebar-list-title-c{padding:0 0.4em;text-align:center;margin:0 3.3em}@media(max-width:640px){body.mediawiki .mw-parser-output .sidebar{width:100%!important;clear:both;float:none!important;margin-left:0!important;margin-right:0!important}}body.skin--responsive .mw-parser-output .sidebar a>img{max-width:none!important}@media screen{html.skin-theme-clientpref-night .mw-parser-output .sidebar:not(.notheme) .sidebar-list-title,html.skin-theme-clientpref-night .mw-parser-output .sidebar:not(.notheme) .sidebar-title-with-pretitle{background:transparent!important}html.skin-theme-clientpref-night .mw-parser-output .sidebar:not(.notheme) .sidebar-title-with-pretitle a{color:var(--color-progressive)!important}}@media screen and (prefers-color-scheme:dark){html.skin-theme-clientpref-os .mw-parser-output .sidebar:not(.notheme) .sidebar-list-title,html.skin-theme-clientpref-os .mw-parser-output .sidebar:not(.notheme) .sidebar-title-with-pretitle{background:transparent!important}html.skin-theme-clientpref-os .mw-parser-output .sidebar:not(.notheme) .sidebar-title-with-pretitle a{color:var(--color-progressive)!important}}@media print{body.ns-0 .mw-parser-output .sidebar{display:none!important}}</style><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1246091330"><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1246091330"><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1246091330"><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1246091330"><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1246091330"><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1246091330"><table class="sidebar sidebar-collapse nomobile nowraplinks hlist"><tbody><tr><th class="sidebar-title"><a href="/wiki/Wikipedia:Manual_of_Style" title="Wikipedia:Manual of Style">Manual of Style (MoS)</a></th></tr><tr><td class="sidebar-image"><div class="mw-inputbox-centered" style=""><form name="searchbox" class="searchbox mw-inputbox-form" action="/wiki/Special:Search" id="style-searchbox"><div class="cdx-text-input"><input class="mw-inputbox-input mw-searchInput searchboxInput cdx-text-input__input" name="search" placeholder="" size="25" dir="ltr"/></div><input type="hidden" value="Wikipedia:Manual of Style" name="prefix"/><br/><input type="submit" name="fulltext" value="Search the MoS" class="cdx-button"/><input type="hidden" value="Search" name="fulltext"/></form></div></td></tr><tr><td class="sidebar-content"> <div class="sidebar-list mw-collapsible mw-collapsed"><div class="sidebar-list-title" style="background-color: #def; color:black; padding-left: 2px;;color: var(--color-base)"><a href="/wiki/Category:Wikipedia_Manual_of_Style_(content)" title="Category:Wikipedia Manual of Style (content)">Content</a></div><div class="sidebar-list-content mw-collapsible-content"> <ul><li><a href="/wiki/Wikipedia:Manual_of_Style/Accessibility" title="Wikipedia:Manual of Style/Accessibility">Accessibility</a></li> <li><a href="/wiki/Wikipedia:Manual_of_Style/Biography" title="Wikipedia:Manual of Style/Biography">Biography</a></li> <li><a href="/wiki/Wikipedia:Manual_of_Style/Disambiguation_pages" title="Wikipedia:Manual of Style/Disambiguation pages">Disambiguation pages</a> <ul><li><a href="/wiki/Wikipedia:Manual_of_Style/Organizing_disambiguation_pages_by_subject_area" title="Wikipedia:Manual of Style/Organizing disambiguation pages by subject area">Organizing by subject</a></li></ul></li> <li><a href="/wiki/Wikipedia:Manual_of_Style/Gender_identity" title="Wikipedia:Manual of Style/Gender identity">Gender identity</a></li> <li><a href="/wiki/Wikipedia:Manual_of_Style/Hidden_text" title="Wikipedia:Manual of Style/Hidden text">Hidden text</a></li> <li><a href="/wiki/Wikipedia:Manual_of_Style/Infoboxes" title="Wikipedia:Manual of Style/Infoboxes">Infoboxes</a></li> <li><a href="/wiki/Wikipedia:Manual_of_Style/Linking" title="Wikipedia:Manual of Style/Linking">Linking</a></li> <li><a href="/wiki/Wikipedia:Manual_of_Style/Self-references_to_avoid" title="Wikipedia:Manual of Style/Self-references to avoid">Self-references</a></li> <li><a href="/wiki/Wikipedia:Manual_of_Style/Words_to_watch" title="Wikipedia:Manual of Style/Words to watch">Words to watch</a></li></ul></div></div></td> </tr><tr><td class="sidebar-content"> <div class="sidebar-list mw-collapsible mw-collapsed"><div class="sidebar-list-title" style="background-color: #def; color:black; padding-left: 2px;;color: var(--color-base)"><a href="/wiki/Category:Wikipedia_Manual_of_Style_(formatting)" title="Category:Wikipedia Manual of Style (formatting)">Formatting</a></div><div class="sidebar-list-content mw-collapsible-content"> <ul><li><a href="/wiki/Wikipedia:Manual_of_Style/Abbreviations" title="Wikipedia:Manual of Style/Abbreviations">Abbreviations</a></li> <li><a href="/wiki/Wikipedia:Manual_of_Style/Capital_letters" title="Wikipedia:Manual of Style/Capital letters">Capitalization</a></li> <li><a href="/wiki/Wikipedia:Manual_of_Style/Dates_and_numbers" title="Wikipedia:Manual of Style/Dates and numbers">Dates and numbers</a></li> <li><a href="/wiki/Wikipedia:Manual_of_Style/Pronunciation" title="Wikipedia:Manual of Style/Pronunciation">Pronunciation</a></li> <li><a href="/wiki/Wikipedia:Manual_of_Style/Spelling" title="Wikipedia:Manual of Style/Spelling">Spelling</a></li> <li><a href="/wiki/Wikipedia:Manual_of_Style/Text_formatting" title="Wikipedia:Manual of Style/Text formatting">Text formatting</a></li> <li><a href="/wiki/Wikipedia:Manual_of_Style/Titles_of_works" title="Wikipedia:Manual of Style/Titles of works">Titles of works</a></li></ul></div></div></td> </tr><tr><td class="sidebar-content"> <div class="sidebar-list mw-collapsible mw-collapsed"><div class="sidebar-list-title" style="background-color: #def; color:black; padding-left: 2px;;color: var(--color-base)"><a href="/wiki/Category:Wikipedia_Manual_of_Style_(images)" title="Category:Wikipedia Manual of Style (images)">Images</a></div><div class="sidebar-list-content mw-collapsible-content"> <ul><li><a href="/wiki/Wikipedia:Manual_of_Style/Captions" title="Wikipedia:Manual of Style/Captions">Captions</a></li> <li><a href="/wiki/Wikipedia:Image_use_policy#Adding_images_to_articles" title="Wikipedia:Image use policy">Image placement</a></li> <li><a href="/wiki/Wikipedia:Manual_of_Style/Icons" title="Wikipedia:Manual of Style/Icons">Icons</a></li> <li><a href="/wiki/Wikipedia:Manual_of_Style/Images" title="Wikipedia:Manual of Style/Images">Images</a></li></ul></div></div></td> </tr><tr><td class="sidebar-content"> <div class="sidebar-list mw-collapsible mw-collapsed"><div class="sidebar-list-title" style="background-color: #def; color:black; padding-left: 2px;;color: var(--color-base)"><a href="/wiki/Category:Wikipedia_Manual_of_Style_(layout)" title="Category:Wikipedia Manual of Style (layout)">Layout</a></div><div class="sidebar-list-content mw-collapsible-content"> <ul><li><a href="/wiki/Wikipedia:Manual_of_Style/Layout" title="Wikipedia:Manual of Style/Layout">Layout</a></li> <li><a href="/wiki/Wikipedia:Manual_of_Style/Lead_section" title="Wikipedia:Manual of Style/Lead section">Lead section</a></li> <li><a href="/wiki/Wikipedia:Manual_of_Style/Tables" title="Wikipedia:Manual of Style/Tables">Tables</a></li> <li><a href="/wiki/Wikipedia:Manual_of_Style/Trivia_sections" title="Wikipedia:Manual of Style/Trivia sections">Trivia sections</a></li></ul></div></div></td> </tr><tr><td class="sidebar-content"> <div class="sidebar-list mw-collapsible mw-collapsed"><div class="sidebar-list-title" style="background-color: #def; color:black; padding-left: 2px;;color: var(--color-base)"><a href="/wiki/Category:Wikipedia_Manual_of_Style_(lists)" title="Category:Wikipedia Manual of Style (lists)">Lists</a></div><div class="sidebar-list-content mw-collapsible-content"> <ul><li><a href="/wiki/Wikipedia:Manual_of_Style/Lists" title="Wikipedia:Manual of Style/Lists">Lists</a></li> <li><a href="/wiki/Wikipedia:Manual_of_Style/Lists_of_works" title="Wikipedia:Manual of Style/Lists of works">Lists of works</a></li> <li><a href="/wiki/Wikipedia:Manual_of_Style/Road_junction_lists" title="Wikipedia:Manual of Style/Road junction lists">Road junctions</a></li> <li><a href="/wiki/Wikipedia:Stand-alone_lists" title="Wikipedia:Stand-alone lists">Stand-alone lists</a></li></ul></div></div></td> </tr><tr><td class="sidebar-content"> <div class="sidebar-list mw-collapsible mw-collapsed"><div class="sidebar-list-title" style="background-color: #def; color:black; padding-left: 2px;;color: var(--color-base)">By topic area</div><div class="sidebar-list-content mw-collapsible-content"><table class="sidebar sidebar-collapse nomobile nowraplinks" style="background-color: transparent; color: var( --color-base ); border-collapse:collapse; border-spacing:0px; border:none; width:100%; margin:0px; font-size:100%; clear:none; float:none"><tbody><tr><td class="sidebar-content"> <div class="sidebar-list mw-collapsible mw-collapsed"><div class="sidebar-list-title" style="background-color: #def; color:black; padding-left: 2px;;color: var(--color-base)"><a href="/wiki/Category:Wikipedia_Manual_of_Style_(legal)" title="Category:Wikipedia Manual of Style (legal)">Legal</a></div><div class="sidebar-list-content mw-collapsible-content"> <ul><li><a href="/wiki/Wikipedia:Manual_of_Style/Legal" title="Wikipedia:Manual of Style/Legal">Legal</a></li> <li><a href="/wiki/Wikipedia:Manual_of_Style/Trademarks" title="Wikipedia:Manual of Style/Trademarks">Trademarks</a></li></ul></div></div></td> </tr><tr><td class="sidebar-content"> <div class="sidebar-list mw-collapsible mw-collapsed"><div class="sidebar-list-title" style="background-color: #def; color:black; padding-left: 2px;;color: var(--color-base)"><a href="/wiki/Category:Wikipedia_Manual_of_Style_(arts)" title="Category:Wikipedia Manual of Style (arts)">Arts</a></div><div class="sidebar-list-content mw-collapsible-content"><table class="sidebar nomobile nowraplinks" style="background-color: transparent; color: var( --color-base ); border-collapse:collapse; border-spacing:0px; border:none; width:100%; margin:0px; font-size:100%; clear:none; float:none"><tbody><tr><td class="sidebar-content"> <ul><li><a href="/wiki/Wikipedia:Manual_of_Style/Anime_and_manga" title="Wikipedia:Manual of Style/Anime and manga">Anime and manga</a></li> <li><a href="/wiki/Wikipedia:Manual_of_Style/Comics" title="Wikipedia:Manual of Style/Comics">Comics</a></li> <li><a href="/wiki/Wikipedia:Manual_of_Style/Film" title="Wikipedia:Manual of Style/Film">Film</a></li> <li><a href="/wiki/Wikipedia:Lyrics_and_poetry" title="Wikipedia:Lyrics and poetry">Lyrics and poetry</a></li> <li><a href="/wiki/Wikipedia:Manual_of_Style/Novels" title="Wikipedia:Manual of Style/Novels">Novels</a></li> <li><a href="/wiki/Wikipedia:Manual_of_Style/Television" title="Wikipedia:Manual of Style/Television">Television</a></li> <li><a href="/wiki/Wikipedia:Manual_of_Style/Video_games" title="Wikipedia:Manual of Style/Video games">Video games</a></li> <li><a href="/wiki/Wikipedia:Manual_of_Style/Visual_arts" title="Wikipedia:Manual of Style/Visual arts">Visual arts</a></li> <li><a href="/wiki/Wikipedia:Manual_of_Style/Writing_about_fiction" title="Wikipedia:Manual of Style/Writing about fiction">Writing about fiction</a></li></ul></td> </tr><tr><th class="sidebar-heading"> <a href="/wiki/Category:Wikipedia_Manual_of_Style_(music)" title="Category:Wikipedia Manual of Style (music)">Music</a></th></tr><tr><td class="sidebar-content"> <ul><li><a href="/wiki/Wikipedia:Manual_of_Style/Music" title="Wikipedia:Manual of Style/Music">Music</a></li> <li><a href="/wiki/Wikipedia:Manual_of_Style/Music_samples" title="Wikipedia:Manual of Style/Music samples">Music samples</a></li> <li><a href="/wiki/Wikipedia:Manual_of_Style/Record_charts" title="Wikipedia:Manual of Style/Record charts">Record charts</a></li> <li><a href="/wiki/Wikipedia:Manual_of_Style/Stringed_instrument_tunings" title="Wikipedia:Manual of Style/Stringed instrument tunings">Stringed instruments</a></li></ul></td> </tr></tbody></table></div></div></td> </tr><tr><td class="sidebar-content"> <div class="sidebar-list mw-collapsible mw-collapsed"><div class="sidebar-list-title" style="background-color: #def; color:black; padding-left: 2px;;color: var(--color-base)"><a href="/wiki/Category:Wikipedia_Manual_of_Style_(history)" title="Category:Wikipedia Manual of Style (history)">History</a></div><div class="sidebar-list-content mw-collapsible-content"> <ul><li><a href="/wiki/Wikipedia:Manual_of_Style/Blazon" title="Wikipedia:Manual of Style/Blazon">Blazons</a></li> <li><a href="/wiki/Wikipedia:Manual_of_Style/Military_history" title="Wikipedia:Manual of Style/Military history">Military history</a></li></ul></div></div></td> </tr><tr><td class="sidebar-content"> <div class="sidebar-list mw-collapsible mw-collapsed"><div class="sidebar-list-title" style="background-color: #def; color:black; padding-left: 2px;;color: var(--color-base)"><a href="/wiki/Category:Wikipedia_Manual_of_Style_(regional)" title="Category:Wikipedia Manual of Style (regional)">Regional</a></div><div class="sidebar-list-content mw-collapsible-content"> <ul><li><a href="/wiki/Wikipedia:Naming_conventions_(geographic_names)#Specific_topics" title="Wikipedia:Naming conventions (geographic names)">Specific naming conventions</a></li> <li><a href="/wiki/Wikipedia:Manual_of_Style/Canada-related_articles" title="Wikipedia:Manual of Style/Canada-related articles">Canada</a></li> <li><a href="/wiki/Wikipedia:Manual_of_Style/China-_and_Chinese-related_articles" title="Wikipedia:Manual of Style/China- and Chinese-related articles">China (and Chinese)</a></li> <li><a href="/wiki/Wikipedia:Manual_of_Style/Egypt-related_articles" title="Wikipedia:Manual of Style/Egypt-related articles">Egypt</a></li> <li><a href="/wiki/Wikipedia:Manual_of_Style/France-_and_French-related_articles" title="Wikipedia:Manual of Style/France- and French-related articles">France (and French)</a></li> <li><a href="/wiki/Wikipedia:Manual_of_Style/Hawaii-related_articles" title="Wikipedia:Manual of Style/Hawaii-related articles">Hawaii</a></li> <li><a href="/wiki/Wikipedia:Manual_of_Style/India-related_articles" title="Wikipedia:Manual of Style/India-related articles">India</a></li> <li><a href="/wiki/Wikipedia:Manual_of_Style/Indonesia-related_articles" title="Wikipedia:Manual of Style/Indonesia-related articles">Indonesia</a></li> <li><a href="/wiki/Wikipedia:Manual_of_Style/Ireland-related_articles" title="Wikipedia:Manual of Style/Ireland-related articles">Ireland</a></li> <li><a href="/wiki/Wikipedia:Manual_of_Style/Japan-related_articles" title="Wikipedia:Manual of Style/Japan-related articles">Japan</a></li> <li><a href="/wiki/Wikipedia:Manual_of_Style/Korea-related_articles" title="Wikipedia:Manual of Style/Korea-related articles">Korea</a></li> <li><a href="/wiki/Wikipedia:Naming_conventions_(Macedonia)" title="Wikipedia:Naming conventions (Macedonia)">Macedonia</a></li> <li><a href="/wiki/Wikipedia:Manual_of_Style/Malaysia-related_articles" title="Wikipedia:Manual of Style/Malaysia-related articles">Malaysia</a></li> <li><a href="/wiki/Wikipedia:Manual_of_Style/Pakistan-related_articles" title="Wikipedia:Manual of Style/Pakistan-related articles">Pakistan</a></li> <li><a href="/wiki/Wikipedia:Manual_of_Style/Philippines-related_articles" title="Wikipedia:Manual of Style/Philippines-related articles">Philippines</a></li> <li><a href="/wiki/Wikipedia:Manual_of_Style/Poland-related_articles" title="Wikipedia:Manual of Style/Poland-related articles">Poland</a></li> <li><a href="/wiki/Wikipedia:Manual_of_Style/Singapore-related_articles" title="Wikipedia:Manual of Style/Singapore-related articles">Singapore</a></li> <li><a href="/wiki/Wikipedia:WikiProject_Trinidad_and_Tobago/Style_guide" title="Wikipedia:WikiProject Trinidad and Tobago/Style guide">Trinidad and Tobago</a></li></ul></div></div></td> </tr><tr><td class="sidebar-content"> <div class="sidebar-list mw-collapsible mw-collapsed"><div class="sidebar-list-title" style="background-color: #def; color:black; padding-left: 2px;;color: var(--color-base)"><a href="/wiki/Category:Wikipedia_Manual_of_Style_(religion)" title="Category:Wikipedia Manual of Style (religion)">Religion</a></div><div class="sidebar-list-content mw-collapsible-content"> <ul><li><a href="/wiki/Wikipedia:Manual_of_Style/Islam-related_articles" title="Wikipedia:Manual of Style/Islam-related articles">Islam</a></li> <li><a href="/wiki/Wikipedia:Manual_of_Style/Latter_Day_Saints" title="Wikipedia:Manual of Style/Latter Day Saints">Latter Day Saints</a></li></ul></div></div></td> </tr><tr><td class="sidebar-content"> <div class="sidebar-list mw-collapsible mw-collapsed"><div class="sidebar-list-title" style="background-color: #def; color:black; padding-left: 2px;;color: var(--color-base)"><a href="/wiki/Category:Wikipedia_Manual_of_Style_(science)" title="Category:Wikipedia Manual of Style (science)">Science</a></div><div class="sidebar-list-content mw-collapsible-content"> <ul><li><a href="/wiki/Wikipedia:Manual_of_Style/Chemistry" title="Wikipedia:Manual of Style/Chemistry">Chemistry</a> <ul><li><a href="/wiki/Wikipedia:Manual_of_Style/Chemistry/Compound_classes" title="Wikipedia:Manual of Style/Chemistry/Compound classes">Compound classes</a></li> <li><a href="/wiki/Wikipedia:Manual_of_Style/Chemistry/Chemicals" title="Wikipedia:Manual of Style/Chemistry/Chemicals">Chemicals</a></li> <li><a href="/wiki/Wikipedia:Manual_of_Style/Chemistry/References_and_external_links" title="Wikipedia:Manual of Style/Chemistry/References and external links">References and external links</a></li> <li><a href="/wiki/Wikipedia:Manual_of_Style/Chemistry/Safety" title="Wikipedia:Manual of Style/Chemistry/Safety">Safety</a></li> <li><a href="/wiki/Wikipedia:Manual_of_Style/Chemistry/Structure_drawing" title="Wikipedia:Manual of Style/Chemistry/Structure drawing">Structure drawing</a></li></ul></li> <li><a href="/wiki/Wikipedia:Manual_of_Style/Computer_science" title="Wikipedia:Manual of Style/Computer science">Computer science</a></li> <li><a href="/wiki/Wikipedia:Manual_of_Style/Mathematics" title="Wikipedia:Manual of Style/Mathematics">Mathematics</a></li> <li><a href="/wiki/Wikipedia:Manual_of_Style/Medicine-related_articles" title="Wikipedia:Manual of Style/Medicine-related articles">Medicine</a></li> <li><a href="/wiki/Template:Taxobox/doc" title="Template:Taxobox/doc">Taxonomy</a></li></ul></div></div></td> </tr><tr><td class="sidebar-content"> <div class="sidebar-list mw-collapsible mw-collapsed"><div class="sidebar-list-title" style="background-color: #def; color:black; padding-left: 2px;;color: var(--color-base)"><a href="/wiki/Category:Wikipedia_Manual_of_Style_(sports)" title="Category:Wikipedia Manual of Style (sports)">Sports</a></div><div class="sidebar-list-content mw-collapsible-content"> <ul><li><a href="/wiki/Wikipedia:Manual_of_Style/Cue_sports" title="Wikipedia:Manual of Style/Cue sports">Cue sports</a> (<a href="/wiki/Wikipedia:Manual_of_Style/Snooker" title="Wikipedia:Manual of Style/Snooker">Snooker</a>)</li> <li><a href="/wiki/Wikipedia:Manual_of_Style/Figure_skating" title="Wikipedia:Manual of Style/Figure skating">Figure skating</a> (<a href="/wiki/Wikipedia:Manual_of_Style/Figure_skating_terminology" title="Wikipedia:Manual of Style/Figure skating terminology">Terminology</a>)</li></ul></div></div></td> </tr></tbody></table></div></div></td> </tr><tr><td class="sidebar-content"> <div class="sidebar-list mw-collapsible mw-collapsed"><div class="sidebar-list-title" style="background-color: #def; color:black; padding-left: 2px;;color: var(--color-base)"><a href="/wiki/Category:Wikipedia_Manual_of_Style_(related_guidelines)" title="Category:Wikipedia Manual of Style (related guidelines)">Related guidelines</a></div><div class="sidebar-list-content mw-collapsible-content"> <ul><li><a href="/wiki/Wikipedia:Article_size" title="Wikipedia:Article size">Article size</a></li> <li><a href="/wiki/Wikipedia:Article_titles" title="Wikipedia:Article titles">Article titles</a></li> <li><a href="/wiki/Wikipedia:Categories,_lists,_and_navigation_templates" title="Wikipedia:Categories, lists, and navigation templates">Categories, lists, and navigation templates</a></li> <li><a href="/wiki/Wikipedia:Categorization" title="Wikipedia:Categorization">Categorization</a></li> <li><a href="/wiki/Wikipedia:Hatnote" title="Wikipedia:Hatnote">Hatnotes</a></li> <li><a href="/wiki/Wikipedia:Subpages" title="Wikipedia:Subpages">Subpages</a></li> <li><a href="/wiki/Wikipedia:Make_technical_articles_understandable" title="Wikipedia:Make technical articles understandable">Understandability</a></li></ul></div></div></td> </tr><tr><td class="sidebar-below"> <ul><li><a href="/wiki/Wikipedia:Simplified_Manual_of_Style" title="Wikipedia:Simplified Manual of Style">Overview</a></li> <li><a href="/wiki/Wikipedia:Manual_of_Style/Contents" title="Wikipedia:Manual of Style/Contents">Contents</a></li> <li><a href="/wiki/Wikipedia:Styletips" title="Wikipedia:Styletips">Tips</a></li></ul></td></tr><tr><td class="sidebar-navbar"><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:Style" title="Template:Style"><abbr title="View this template">v</abbr></a></li><li class="nv-talk"><a href="/wiki/Template_talk:Style" title="Template talk:Style"><abbr title="Discuss this template">t</abbr></a></li><li class="nv-edit"><a href="/wiki/Special:EditPage/Template:Style" title="Special:EditPage/Template:Style"><abbr title="Edit this template">e</abbr></a></li></ul></div></td></tr></tbody></table> <meta property="mw:PageProp/toc"/> <div class="mw-heading mw-heading2 ext-discussiontools-init-section"><h2 id="Infobox_picture" data-mw-thread-id="h-Infobox_picture"><span data-mw-comment-start="" id="h-Infobox_picture"></span>Infobox picture<span data-mw-comment-end="h-Infobox_picture"></span></h2><!--__DTELLIPSISBUTTON__{"threadItem":{"headingLevel":2,"name":"h-","type":"heading","level":0,"id":"h-Infobox_picture","replies":[]}}--></div> <p>If an article already has an <a href="/wiki/Help:Infobox" title="Help:Infobox">infobox</a> at the top right, then the usual place for the article's first picture is within the infobox. For guidance on the syntax for doing this, see <a href="/wiki/Help:Infobox_picture" class="mw-redirect" title="Help:Infobox picture">Help:Infobox picture</a>. In very brief summary, one hurdle that trips up many people when attempting to add an image to an infobox template is that most internally provide the wiki code that "wraps" the image. Accordingly, you do <i>not</i> usually add the brackets, number of pixels, and other code details you will learn about below, when placing an image in infoboxes – just the file name next to a field labeled <samp>| image =</samp>. Adding such extraneous code will cause many infoboxes to break. Also, be aware that some infoboxes require that the file's name be placed <i>without</i> the file/image namespace prefix. Thus, and for example, if <samp>File:Name.jpg</samp> does not work, try just <samp>Name.jpg</samp>. </p> <div class="mw-heading mw-heading2 ext-discussiontools-init-section"><h2 id="Thumbnails" data-mw-thread-id="h-Thumbnails"><span data-mw-comment-start="" id="h-Thumbnails"></span>Thumbnails<span data-mw-comment-end="h-Thumbnails"></span></h2><!--__DTELLIPSISBUTTON__{"threadItem":{"headingLevel":2,"name":"h-","type":"heading","level":0,"id":"h-Thumbnails","replies":["h-On_the_left-Thumbnails","h-On_the_right-Thumbnails","h-Without_flowing_text-Thumbnails","h-Thumbnail_sizes-Thumbnails","h-Panoramas-Thumbnails","h-DjVu_and_PDF_files-Thumbnails"]}}--></div> <p><span class="anchor" id="thumb"></span> </p> <div class="plainlinks" style="border:1px solid #a7d7f9; padding: 0.8em; ;"> <figure class="mw-halign-left" typeof="mw:File/Frameless"><a href="/wiki/File:VisualEditor-logo.svg" class="mw-file-description"><img src="//upload.wikimedia.org/wikipedia/commons/thumb/1/12/VisualEditor-logo.svg/200px-VisualEditor-logo.svg.png" decoding="async" width="200" height="70" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/1/12/VisualEditor-logo.svg/300px-VisualEditor-logo.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/1/12/VisualEditor-logo.svg/400px-VisualEditor-logo.svg.png 2x" data-file-width="641" data-file-height="225"/></a><figcaption></figcaption></figure> <b>Instructions on this page may not work with VisualEditor.</b> If you have <a href="/wiki/Special:Preferences#mw-prefsection-betafeatures" title="Special:Preferences">opted in</a>, you can use either <a href="/wiki/Wikipedia:VisualEditor" title="Wikipedia:VisualEditor">VisualEditor</a> or classic editing through <a href="/wiki/Help:Wiki_markup" class="mw-redirect" title="Help:Wiki markup">wiki markup</a> (wikitext) to edit most pages. The directions on this page, especially about what codes to type to produce formatting effects, are predominantly geared toward wikitext editing. For instructions on editing with VisualEditor, see <a href="/wiki/Wikipedia:VisualEditor/User_guide" class="mw-redirect" title="Wikipedia:VisualEditor/User guide">Wikipedia:VisualEditor/User guide</a>. </div> <p>An existing English Wikipedia or Wikimedia Commons image can be inserted into a page with the basic <a href="/wiki/Help:Wikitext" title="Help:Wikitext">wikitext</a> <code>[[File:...|thumb|Caption text]]</code>.<sup id="cite_ref-1" class="reference"><a href="#cite_note-1"><span class="cite-bracket">[</span>a<span class="cite-bracket">]</span></a></sup> Using <code>thumb</code> generates a <a href="/wiki/Thumbnail" title="Thumbnail">thumbnail</a> picture, typically sized differently from the original image. For guidance on the caption text to associate with images, see <a href="/wiki/Wikipedia:Manual_of_Style/Captions" title="Wikipedia:Manual of Style/Captions">Wikipedia:Manual of Style/Captions</a>. Several options can affect a thumbnail's placement and size, described below. </p> <div class="mw-heading mw-heading3"><h3 id="On_the_left" data-mw-thread-id="h-On_the_left-Thumbnails"><span data-mw-comment-start="" id="h-On_the_left-Thumbnails"></span>On the left<span data-mw-comment-end="h-On_the_left-Thumbnails"></span></h3></div> <p><span class="anchor" id="left"></span> </p><p>By default a thumbnail is floated to the right of the page, with the text flowing around it. However, our first example specifies <code>left</code>. Just below the example you can see what the resulting picture looks like: </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">Wikipedesketch.png</span><span class="p">|</span>thumb<span class="p">|</span>left<span class="p">|</span><span class="na">alt</span><span class="o">=</span>A cartoon centipede reads books and types on a laptop.<span class="p">|</span>The Wikipede edits <span class="ge">''</span><span class="p">[[</span><span class="nt">Myriapoda</span><span class="p">]]</span><span class="ge">''</span>.<span class="p">]]</span> </pre></div> <figure class="mw-default-size mw-halign-left" typeof="mw:File/Thumb"><a href="/wiki/File:Wikipedesketch.png" class="mw-file-description"><img alt="A cartoon centipede reads books and types on a laptop." src="//upload.wikimedia.org/wikipedia/commons/thumb/2/22/Wikipedesketch.png/220px-Wikipedesketch.png" decoding="async" width="220" height="220" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/2/22/Wikipedesketch.png 1.5x" data-file-width="240" data-file-height="240"/></a><figcaption>The Wikipede edits <i><a href="/wiki/Myriapoda" title="Myriapoda">Myriapoda</a></i>.</figcaption></figure> <p>The above text gives the image file name "Wikipedesketch.png", the image type "thumb" and alignment "left", the <a href="/wiki/Wikipedia:Alternative_text_for_images" class="mw-redirect" title="Wikipedia:Alternative text for images">alt text</a> "A cartoon centipede reads books and types on a laptop.", and the <a href="/wiki/Wikipedia:Captions" class="mw-redirect" title="Wikipedia:Captions">caption</a> "The Wikipede edits <i><a href="/wiki/Myriapoda" title="Myriapoda">Myriapoda</a></i>." A Wikipedia reader can click on the thumbnail, or on the small double-rectangle icon <span class="mw-default-size" typeof="mw:File"><span><img alt="" src="//upload.wikimedia.org/wikipedia/commons/6/6b/Magnify-clip.png" decoding="async" width="15" height="11" class="mw-file-element" data-file-width="15" data-file-height="11"/></span></span> below it, to see the corresponding file page which will let the user see the image in its original size. </p><p>Although the above text may appear in multiple lines for formatting purposes, the actual image text is on one line, as it uses spaces without any line breaks. The <code>[[</code> and the first <code>|</code> must be on the same line; other spaces and line breaks are ignored if they are next to <code>|</code> characters or just inside the brackets. Some parts of the image syntax, such as the <code>alt=</code>, do not allow spaces or line breaks, and the easiest way to get it right is to omit unnecessary spaces and line breaks. </p><p><a href="/wiki/Wikipedia:Alternative_text_for_images" class="mw-redirect" title="Wikipedia:Alternative text for images">Alt text</a> is intended for visually impaired readers. Often the caption or article will describe the image adequately, and where this is the case you can write <b>alt=caption</b> or <b>alt=see adjacent text</b>. If additional alt text is added, it should be a succinct description that complies with the content policies; see <a href="/wiki/Wikipedia:ALT" class="mw-redirect" title="Wikipedia:ALT">WP:ALT</a> for more information. Unlike alt text, a caption can contain Wiki markup like <code>''[[Myriapoda]]''</code>. The caption text is placed underneath the picture. </p><p>Here is the same example again, this time in the context of some colored <a href="/wiki/Lorem_ipsum" title="Lorem ipsum">lorem ipsum</a> dummy text with asterisks (*) showing where the image syntax appears in the text: </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">Wikipedesketch.png</span><span class="p">|</span>thumb<span class="p">|</span>left<span class="p">|</span><span class="na">alt</span><span class="o">=</span>A cartoon centipede reads books and types on a laptop.<span class="p">|</span>The Wikipede edits <span class="ge">''</span><span class="p">[[</span><span class="nt">Myriapoda</span><span class="p">]]</span><span class="ge">''</span>.<span class="p">]]</span> </pre></div> <blockquote><div style="color:#996633"> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </p> </div><p>*</p><figure class="mw-default-size mw-halign-left" typeof="mw:File/Thumb"><a href="/wiki/File:Wikipedesketch.png" class="mw-file-description"><img alt="A cartoon centipede reads books and types on a laptop." src="//upload.wikimedia.org/wikipedia/commons/thumb/2/22/Wikipedesketch.png/220px-Wikipedesketch.png" decoding="async" width="220" height="220" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/2/22/Wikipedesketch.png 1.5x" data-file-width="240" data-file-height="240"/></a><figcaption>The Wikipede edits <i><a href="/wiki/Myriapoda" title="Myriapoda">Myriapoda</a></i>.</figcaption></figure><p>*</p><div style="color:#996633"> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </p><p>Curabitur pretium tincidunt lacus. Nulla gravida orci a odio. Nullam varius, turpis et commodo pharetra, est eros bibendum elit, nec luctus magna felis sollicitudin mauris. Integer in mauris eu nibh euismod gravida. Duis ac tellus et risus vulputate vehicula. Donec lobortis risus a elit. Etiam tempor. Ut ullamcorper, ligula eu tempor congue, eros est euismod turpis, id tincidunt sapien risus a quam. Maecenas fermentum consequat mi. Donec fermentum. Pellentesque malesuada nulla a mi. Duis sapien sem, aliquet nec, commodo eget, consequat quis, neque. Aliquam faucibus, elit ut dictum aliquet, felis nisl adipiscing sapien, sed malesuada diam lacus eget erat. Cras mollis scelerisque nunc. Nullam arcu. Aliquam consequat. Curabitur augue lorem, dapibus quis, laoreet et, pretium ac, nisi. Aenean magna nisl, mollis quis, molestie eu, feugiat in, orci. In hac habitasse platea dictumst. </p> </div></blockquote> <p>Avoid referring to images as being "on the left". Image placement is different for viewers of the mobile version of Wikipedia, and is meaningless to people having pages read to them by assistive software. Instead, use captions to identify images. </p> <div style="clear:both;" class=""></div> <div class="mw-heading mw-heading3"><h3 id="On_the_right" data-mw-thread-id="h-On_the_right-Thumbnails"><span data-mw-comment-start="" id="h-On_the_right-Thumbnails"></span>On the right<span data-mw-comment-end="h-On_the_right-Thumbnails"></span></h3></div> <p><span class="anchor" id="right"></span> </p><p>The default placement for a thumbnail is on the right: </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">Wikipedesketch.png</span><span class="p">|</span>thumb<span class="p">|</span><span class="na">alt</span><span class="o">=</span>A cartoon centipede reads books and types on a laptop.<span class="p">|</span>The Wikipede edits <span class="ge">''</span><span class="p">[[</span><span class="nt">Myriapoda</span><span class="p">]]</span><span class="ge">''</span>.<span class="p">]]</span> </pre></div> <blockquote><span style="color:#996633"> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </p> </span><p>*</p><figure class="mw-default-size" typeof="mw:File/Thumb"><a href="/wiki/File:Wikipedesketch.png" class="mw-file-description"><img alt="A cartoon centipede reads books and types on a laptop." src="//upload.wikimedia.org/wikipedia/commons/thumb/2/22/Wikipedesketch.png/220px-Wikipedesketch.png" decoding="async" width="220" height="220" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/2/22/Wikipedesketch.png 1.5x" data-file-width="240" data-file-height="240"/></a><figcaption>The Wikipede edits <i><a href="/wiki/Myriapoda" title="Myriapoda">Myriapoda</a></i>.</figcaption></figure><p>*</p><span style="color:#996633"> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </p><p>Curabitur pretium tincidunt lacus. Nulla gravida orci a odio. Nullam varius, turpis et commodo pharetra, est eros bibendum elit, nec luctus magna felis sollicitudin mauris. Integer in mauris eu nibh euismod gravida. Duis ac tellus et risus vulputate vehicula. Donec lobortis risus a elit. Etiam tempor. Ut ullamcorper, ligula eu tempor congue, eros est euismod turpis, id tincidunt sapien risus a quam. Maecenas fermentum consequat mi. Donec fermentum. Pellentesque malesuada nulla a mi. Duis sapien sem, aliquet nec, commodo eget, consequat quis, neque. Aliquam faucibus, elit ut dictum aliquet, felis nisl adipiscing sapien, sed malesuada diam lacus eget erat. Cras mollis scelerisque nunc. Nullam arcu. Aliquam consequat. Curabitur augue lorem, dapibus quis, laoreet et, pretium ac, nisi. Aenean magna nisl, mollis quis, molestie eu, feugiat in, orci. In hac habitasse platea dictumst. </p> </span></blockquote> <p>Avoid referring to images as "being on the right". Image placement is different for viewers of the mobile version of Wikipedia, and is meaningless to people having pages read to them by assistive software. Instead, use captions to identify images. </p> <div style="clear:both;" class=""></div> <div class="mw-heading mw-heading3"><h3 id="Without_flowing_text" data-mw-thread-id="h-Without_flowing_text-Thumbnails"><span data-mw-comment-start="" id="h-Without_flowing_text-Thumbnails"></span>Without flowing text<span data-mw-comment-end="h-Without_flowing_text-Thumbnails"></span></h3></div> <p><span class="anchor" id="center"></span><span class="anchor" id="centre"></span> Although most thumbnails are combined with flowing text and are placed to the right or left, you can also place a thumbnail without text flowing around it. One way is to center it, using <code>center</code> or <code>centre</code>: </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">Wikipedesketch.png</span><span class="p">|</span>thumb<span class="p">|</span>center<span class="p">|</span><span class="na">alt</span><span class="o">=</span>A cartoon centipede reads books and types on a laptop.<span class="p">|</span>The Wikipede edits <span class="ge">''</span><span class="p">[[</span><span class="nt">Myriapoda</span><span class="p">]]</span><span class="ge">''</span>.<span class="p">]]</span> </pre></div> <blockquote><span style="color:#996633"> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </p> </span><p>*</p><figure class="mw-default-size mw-halign-center" typeof="mw:File/Thumb"><a href="/wiki/File:Wikipedesketch.png" class="mw-file-description"><img alt="A cartoon centipede reads books and types on a laptop." src="//upload.wikimedia.org/wikipedia/commons/thumb/2/22/Wikipedesketch.png/220px-Wikipedesketch.png" decoding="async" width="220" height="220" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/2/22/Wikipedesketch.png 1.5x" data-file-width="240" data-file-height="240"/></a><figcaption>The Wikipede edits <i><a href="/wiki/Myriapoda" title="Myriapoda">Myriapoda</a></i>.</figcaption></figure><p>*</p><span style="color:#996633"> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </p> </span></blockquote> <p><span class="anchor" id="none"></span> You can also place the picture to the left, without flowing text, using <code>none</code>: </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">Wikipedesketch.png</span><span class="p">|</span>thumb<span class="p">|</span>none<span class="p">|</span><span class="na">alt</span><span class="o">=</span>A cartoon centipede reads books and types on a laptop.<span class="p">|</span>The Wikipede edits <span class="ge">''</span><span class="p">[[</span><span class="nt">Myriapoda</span><span class="p">]]</span><span class="ge">''</span>.<span class="p">]]</span> </pre></div> <blockquote><span style="color:#996633"> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </p> </span><p>*</p><figure class="mw-default-size mw-halign-none" typeof="mw:File/Thumb"><a href="/wiki/File:Wikipedesketch.png" class="mw-file-description"><img alt="A cartoon centipede reads books and types on a laptop." src="//upload.wikimedia.org/wikipedia/commons/thumb/2/22/Wikipedesketch.png/220px-Wikipedesketch.png" decoding="async" width="220" height="220" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/2/22/Wikipedesketch.png 1.5x" data-file-width="240" data-file-height="240"/></a><figcaption>The Wikipede edits <i><a href="/wiki/Myriapoda" title="Myriapoda">Myriapoda</a></i>.</figcaption></figure><p>*</p><span style="color:#996633"> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </p> </span></blockquote> <div class="mw-heading mw-heading3"><h3 id="Thumbnail_sizes" data-mw-thread-id="h-Thumbnail_sizes-Thumbnails"><span data-mw-comment-start="" id="h-Thumbnail_sizes-Thumbnails"></span>Thumbnail sizes<span data-mw-comment-end="h-Thumbnail_sizes-Thumbnails"></span></h3></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:Image_use_policy#Displayed_image_size" title="Wikipedia:Image use policy">Wikipedia:Image use policy § Displayed image size</a>, and <a href="/wiki/Wikipedia:Manual_of_Style/Images#Size" title="Wikipedia:Manual of Style/Images">Wikipedia:Manual of Style/Images § Size</a></div> <link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1238436933"><table class="box-Notice plainlinks ombox ombox-notice" role="presentation"><tbody><tr><td class="mbox-image"><span typeof="mw:File"><span><img alt="" src="//upload.wikimedia.org/wikipedia/en/thumb/1/1d/Information_icon4.svg/40px-Information_icon4.svg.png" decoding="async" width="40" height="40" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/en/thumb/1/1d/Information_icon4.svg/60px-Information_icon4.svg.png 1.5x, //upload.wikimedia.org/wikipedia/en/thumb/1/1d/Information_icon4.svg/80px-Information_icon4.svg.png 2x" data-file-width="620" data-file-height="620"/></span></span></td><td class="mbox-text" style="text-align: left;"><b>Do not explicitly define the size of an image in pixels unless there is a good reason to do so</b>. Preferably the size should be specified as a value relative to the user's preferred thumbnail width, using the <code>|upright=<i>scaling factor</i></code> parameter rather than pixel values, whenever an image is to be displayed at something other than the default width.</td></tr></tbody></table> <p>By default, thumbnail images on Wikipedia have a width of 220 <a href="/wiki/Pixels" class="mw-redirect" title="Pixels">pixels</a> (px) if the image's wikitext does not have an explicitly defined size. This is the width determined by default that is used by anonymous visitors and users who have not customized their preferences. You can set a different default width for yourself in <i><a href="/wiki/Special:Preferences#mw-prefsection-rendering-files" title="Special:Preferences">My preferences</a></i> under "Appearance » Files". The options are 120px, 150px, 180px, 200px, 220px, 250px, 300px, and 400px. Any image narrower than the preferred width is displayed at its actual, narrower width, without being stretched to fill the preferred width. </p><p>Images with text should generally use a <a href="/wiki/Wikipedia:Captions" class="mw-redirect" title="Wikipedia:Captions">caption</a> and the <code><a href="/wiki/Wikipedia:Picture_tutorial#thumb" class="mw-redirect" title="Wikipedia:Picture tutorial">thumb</a></code> (thumbnail) option; the default results in a display 220 pixels wide (170 pixels if the <code><a href="/wiki/Wikipedia:Picture_tutorial#upright" class="mw-redirect" title="Wikipedia:Picture tutorial">upright</a></code> option is used), except for those logged-in users who have set a different default in their <a href="https://meta.wikimedia.org/wiki/Help:Preferences" class="extiw" title="meta:Help:Preferences">user preferences</a>. In general, do not define the size of an image unless there is a good reason to do so. Some users have small screens or need to configure their systems to display large text; "forced" large thumbnails can leave little width for text, making reading difficult. In addition, forcing a "larger" image size at say 260px will actually make it smaller for those with a larger size set as preference. </p><p>Sometimes a picture may benefit from a size other than the default; see the <a href="/wiki/Wikipedia:THUMBSIZE" class="mw-redirect" title="Wikipedia:THUMBSIZE">image use policy</a> for guidance. </p> <ul><li>Normally the size should be specified as a value relative to the user's preferred base size, using the <code class="tpl-para" style="word-break:break-word;">|upright=</code> parameter rather than pixel values.</li> <li>Where size forcing is appropriate, larger images should generally be no more than 500 pixels tall and 400 pixels wide, so that they can comfortably be displayed on the smallest displays in common use.</li> <li>Lead images should usually be no wider than 300px. That is equivalent to using <code>upright=1.35</code> if the default thumbnail width is 220px (220 multiplied by 1.35 then rounded to the nearest multiple of 10 equals 300), but larger defaults in <a href="https://meta.wikimedia.org/wiki/Help:Preferences" class="extiw" title="m:Help:Preferences">user preferences</a> will result in proportionally larger images (340px if the default is 250px, 410px if the default is 300px, or 540px if the default is 400px).</li></ul> <p>Since the <a href="/wiki/MediaWiki_software" class="mw-redirect" title="MediaWiki software">MediaWiki software</a> dynamically scales inline images, there is no technical reason to reduce file size via scaling or quality reduction when uploading images, although <a href="/wiki/Wikipedia:NONFREE" class="mw-redirect" title="Wikipedia:NONFREE">non-free</a> images may require scaling due to copyright concerns (see the <a href="/wiki/Wikipedia:Non-free_content#Image_resolution" title="Wikipedia:Non-free content">non-free image resolution guidelines</a> for further information). Also, compressing PNGs may be useful, because PNG files can be safely resized without losing quality. </p><p>The default behavior can make a tall, thin picture come out too large. For example: </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">Amun.svg</span><span class="p">|</span>thumb<span class="p">|</span><span class="na">alt</span><span class="o">=</span>Full-length profile of man in ancient Egyptian clothing. He has red-brown skin and wears a helmet with tall yellow plumes.<span class="p">|</span>The Egyptian god Amun, portrayed before the Amarna period<span class="p">]]</span> </pre></div> <blockquote><span style="color:#996633"> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </p> </span><p>*</p><figure class="mw-default-size" typeof="mw:File/Thumb"><a href="/wiki/File:Amun.svg" class="mw-file-description"><img alt="Full-length profile of man in ancient Egyptian clothing. He has red-brown skin and wears a helmet with tall yellow plumes." src="//upload.wikimedia.org/wikipedia/commons/thumb/5/57/Amun.svg/220px-Amun.svg.png" decoding="async" width="220" height="581" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/5/57/Amun.svg/330px-Amun.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/5/57/Amun.svg/440px-Amun.svg.png 2x" data-file-width="350" data-file-height="925"/></a><figcaption>The Egyptian god Amun, portrayed before the Amarna period</figcaption></figure><p>*</p><span style="color:#996633"> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </p><p>Curabitur pretium tincidunt lacus. Nulla gravida orci a odio. Nullam varius, turpis et commodo pharetra, est eros bibendum elit, nec luctus magna felis sollicitudin mauris. Integer in mauris eu nibh euismod gravida. Duis ac tellus et risus vulputate vehicula. Donec lobortis risus a elit. Etiam tempor. Ut ullamcorper, ligula eu tempor congue, eros est euismod turpis, id tincidunt sapien risus a quam. Maecenas fermentum consequat mi. Donec fermentum. Pellentesque malesuada nulla a mi. Duis sapien sem, aliquet nec, commodo eget, consequat quis, neque. Aliquam faucibus, elit ut dictum aliquet, felis nisl adipiscing sapien, sed malesuada diam lacus eget erat. Cras mollis scelerisque nunc. Nullam arcu. Aliquam consequat. Curabitur augue lorem, dapibus quis, laoreet et, pretium ac, nisi. Aenean magna nisl, mollis quis, molestie eu, feugiat in, orci. In hac habitasse platea dictumst. </p><p>Fusce convallis, mauris imperdiet gravida bibendum, nisl turpis suscipit mauris, sed placerat ipsum urna sed risus. In convallis tellus a mauris. Curabitur non elit ut libero tristique sodales. Mauris a lacus. Donec mattis semper leo. In hac habitasse platea dictumst. Vivamus facilisis diam at odio. Mauris dictum, nisi eget consequat elementum, lacus ligula molestie metus, non feugiat orci magna ac sem. Donec turpis. Donec vitae metus. Morbi tristique neque eu mauris. Quisque gravida ipsum non sapien. Proin turpis lacus, scelerisque vitae, elementum at, lobortis ac, quam. Aliquam dictum eleifend risus. In hac habitasse platea dictumst. Etiam sit amet diam. Suspendisse odio. Suspendisse nunc. In semper bibendum libero. </p><p>Proin nonummy, lacus eget pulvinar lacinia, pede felis dignissim leo, vitae tristique magna lacus sit amet eros. Nullam ornare. Praesent odio ligula, dapibus sed, tincidunt eget, dictum ac, nibh. Nam quis lacus. Nunc eleifend molestie velit. Morbi lobortis quam eu velit. Donec euismod vestibulum massa. Donec non lectus. Aliquam commodo lacus sit amet nulla. Cras dignissim elit et augue. Nullam non diam. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. In hac habitasse platea dictumst. Aenean vestibulum. Sed lobortis elit quis lectus. Nunc sed lacus at augue bibendum dapibus. </p> </span></blockquote> <div style="clear:both;" class=""></div> <div class="mw-heading mw-heading4"><h4 id="Upright_images" data-mw-thread-id="h-Upright_images-Thumbnail_sizes"><span data-mw-comment-start="" id="h-Upright_images-Thumbnail_sizes"></span>Upright images <span class="anchor" id="upright"></span><span data-mw-comment-end="h-Upright_images-Thumbnail_sizes"></span></h4></div> <p>The <code>upright</code> option can help fix this by informing the Wikipedia layout system that the image should have a narrower width than usual: </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">Amun.svg</span><span class="p">|</span>thumb<span class="p">|</span>upright<span class="p">|</span><span class="na">alt</span><span class="o">=</span>Full-length profile of man in ancient Egyptian clothing. He has red-brown skin and wears a helmet with tall yellow plumes.<span class="p">|</span>The Egyptian god Amun, portrayed before the Amarna period<span class="p">]]</span> </pre></div> <blockquote><span style="color:#996633"> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </p> </span><p>*</p><figure class="mw-default-size" typeof="mw:File/Thumb"><a href="/wiki/File:Amun.svg" class="mw-file-description"><img alt="Full-length profile of man in ancient Egyptian clothing. He has red-brown skin and wears a helmet with tall yellow plumes." src="//upload.wikimedia.org/wikipedia/commons/thumb/5/57/Amun.svg/170px-Amun.svg.png" decoding="async" width="170" height="449" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/5/57/Amun.svg/255px-Amun.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/5/57/Amun.svg/340px-Amun.svg.png 2x" data-file-width="350" data-file-height="925"/></a><figcaption>The Egyptian god Amun, portrayed before the Amarna period</figcaption></figure><p>*</p><span style="color:#996633"> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </p><p>Curabitur pretium tincidunt lacus. Nulla gravida orci a odio. Nullam varius, turpis et commodo pharetra, est eros bibendum elit, nec luctus magna felis sollicitudin mauris. Integer in mauris eu nibh euismod gravida. Duis ac tellus et risus vulputate vehicula. Donec lobortis risus a elit. Etiam tempor. Ut ullamcorper, ligula eu tempor congue, eros est euismod turpis, id tincidunt sapien risus a quam. Maecenas fermentum consequat mi. Donec fermentum. Pellentesque malesuada nulla a mi. Duis sapien sem, aliquet nec, commodo eget, consequat quis, neque. Aliquam faucibus, elit ut dictum aliquet, felis nisl adipiscing sapien, sed malesuada diam lacus eget erat. Cras mollis scelerisque nunc. Nullam arcu. Aliquam consequat. Curabitur augue lorem, dapibus quis, laoreet et, pretium ac, nisi. Aenean magna nisl, mollis quis, molestie eu, feugiat in, orci. In hac habitasse platea dictumst. </p><p>Fusce convallis, mauris imperdiet gravida bibendum, nisl turpis suscipit mauris, sed placerat ipsum urna sed risus. In convallis tellus a mauris. Curabitur non elit ut libero tristique sodales. Mauris a lacus. Donec mattis semper leo. In hac habitasse platea dictumst. Vivamus facilisis diam at odio. Mauris dictum, nisi eget consequat elementum, lacus ligula molestie metus, non feugiat orci magna ac sem. Donec turpis. Donec vitae metus. Morbi tristique neque eu mauris. Quisque gravida ipsum non sapien. Proin turpis lacus, scelerisque vitae, elementum at, lobortis ac, quam. Aliquam dictum eleifend risus. In hac habitasse platea dictumst. Etiam sit amet diam. Suspendisse odio. Suspendisse nunc. In semper bibendum libero. </p><p>Proin nonummy, lacus eget pulvinar lacinia, pede felis dignissim leo, vitae tristique magna lacus sit amet eros. Nullam ornare. Praesent odio ligula, dapibus sed, tincidunt eget, dictum ac, nibh. Nam quis lacus. Nunc eleifend molestie velit. Morbi lobortis quam eu velit. Donec euismod vestibulum massa. Donec non lectus. Aliquam commodo lacus sit amet nulla. Cras dignissim elit et augue. Nullam non diam. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. In hac habitasse platea dictumst. Aenean vestibulum. Sed lobortis elit quis lectus. Nunc sed lacus at augue bibendum dapibus. </p> </span></blockquote> <p>The <code>upright</code> option normally creates an image that is about 75% of the width of the default. The exact width is computed by starting with the default thumbnail width, multiplying it by 0.75, and rounding to the nearest multiple of 10. Normally the default width is 220px so an upright image is 170px wide; changing one's default width within the range from 120px to 400px results in upright image widths ranging from 90px to 300px. </p> <div style="clear:both;" class=""></div> <div class="mw-heading mw-heading4"><h4 id="Shrinking_upright_images_further" data-mw-thread-id="h-Shrinking_upright_images_further-Thumbnail_sizes"><span data-mw-comment-start="" id="h-Shrinking_upright_images_further-Thumbnail_sizes"></span>Shrinking upright images further<span data-mw-comment-end="h-Shrinking_upright_images_further-Thumbnail_sizes"></span></h4></div> <p>If the upright factor 0.75 is too large or too small, it can be specified explicitly. A factor of 1.0 uses the default thumbnail width, which is the same as not specifying <code>upright</code> at all with the <code>thumb</code> option; a factor less than or greater than 1.0 creates an image smaller or larger than the default. For example: </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">Amun.svg</span><span class="p">|</span>thumb<span class="p">|</span><span class="na">upright</span><span class="o">=</span>0.56<span class="p">|</span><span class="na">alt</span><span class="o">=</span>Full-length profile of man in ancient Egyptian clothing. He has red-brown skin and wears a helmet with tall yellow plumes.<span class="p">|</span>The Egyptian god Amun, portrayed before the Amarna period<span class="p">]]</span> </pre></div> <blockquote><span style="color:#996633"> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </p> </span><p>*</p><figure class="mw-default-size" typeof="mw:File/Thumb"><a href="/wiki/File:Amun.svg" class="mw-file-description"><img alt="Full-length profile of man in ancient Egyptian clothing. He has red-brown skin and wears a helmet with tall yellow plumes." src="//upload.wikimedia.org/wikipedia/commons/thumb/5/57/Amun.svg/120px-Amun.svg.png" decoding="async" width="120" height="317" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/5/57/Amun.svg/180px-Amun.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/5/57/Amun.svg/240px-Amun.svg.png 2x" data-file-width="350" data-file-height="925"/></a><figcaption>The Egyptian god Amun, portrayed before the Amarna period</figcaption></figure><p>*</p><span style="color:#996633"> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </p><p>Curabitur pretium tincidunt lacus. Nulla gravida orci a odio. Nullam varius, turpis et commodo pharetra, est eros bibendum elit, nec luctus magna felis sollicitudin mauris. Integer in mauris eu nibh euismod gravida. Duis ac tellus et risus vulputate vehicula. Donec lobortis risus a elit. Etiam tempor. Ut ullamcorper, ligula eu tempor congue, eros est euismod turpis, id tincidunt sapien risus a quam. Maecenas fermentum consequat mi. Donec fermentum. Pellentesque malesuada nulla a mi. Duis sapien sem, aliquet nec, commodo eget, consequat quis, neque. Aliquam faucibus, elit ut dictum aliquet, felis nisl adipiscing sapien, sed malesuada diam lacus eget erat. Cras mollis scelerisque nunc. Nullam arcu. Aliquam consequat. Curabitur augue lorem, dapibus quis, laoreet et, pretium ac, nisi. Aenean magna nisl, mollis quis, molestie eu, feugiat in, orci. In hac habitasse platea dictumst. </p><p>Fusce convallis, mauris imperdiet gravida bibendum, nisl turpis suscipit mauris, sed placerat ipsum urna sed risus. In convallis tellus a mauris. Curabitur non elit ut libero tristique sodales. Mauris a lacus. Donec mattis semper leo. In hac habitasse platea dictumst. Vivamus facilisis diam at odio. Mauris dictum, nisi eget consequat elementum, lacus ligula molestie metus, non feugiat orci magna ac sem. Donec turpis. Donec vitae metus. Morbi tristique neque eu mauris. Quisque gravida ipsum non sapien. Proin turpis lacus, scelerisque vitae, elementum at, lobortis ac, quam. Aliquam dictum eleifend risus. In hac habitasse platea dictumst. Etiam sit amet diam. Suspendisse odio. Suspendisse nunc. In semper bibendum libero. </p> </span></blockquote> <div style="clear:both;" class=""></div> <div class="mw-heading mw-heading4"><h4 id="Short,_wide_images" data-mw-thread-id="h-Short,_wide_images-Thumbnail_sizes"><span id="Short.2C_wide_images"></span><span data-mw-comment-start="" id="h-Short,_wide_images-Thumbnail_sizes"></span>Short, wide images<span data-mw-comment-end="h-Short,_wide_images-Thumbnail_sizes"></span></h4></div> <p>Short, wide images sometimes benefit from <code>upright</code> factors greater than 1.0. Factors greater than about 2.5 can generate large images that cause problems with some browsers; for one way to handle wider images, see <i><a href="#Panoramas">Panoramas</a></i> below. For example: </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">Köppen-vereinfacht.svg</span><span class="p">|</span>thumb<span class="p">|</span>center<span class="p">|</span><span class="na">upright</span><span class="o">=</span>2.0<span class="p">|</span><span class="na">alt</span><span class="o">=</span>Map of the world. A tan band stretches from northern Africa through central China; most of Australia and parts of south Africa and the western Americas are also tan. Dark greens dominate the northern hemisphere. Lighter greens cover much land near the equator. Polar areas are white, the north fringed with light blue.<span class="p">|</span>Macroclimates of the earth. Tans represent desert, dark greens humid continental, and light green tropical rainforest. Light blue and white represent tundra and ice cap.<span class="p">]]</span> </pre></div> <blockquote><span style="color:#996633"> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </p> </span><p>*</p><figure class="mw-default-size mw-halign-center" typeof="mw:File/Thumb"><a href="/wiki/File:K%C3%B6ppen-vereinfacht.svg" class="mw-file-description"><img alt="Map of the world. A tan band stretches from northern Africa through central China; most of Australia and parts of south Africa and the western Americas are also tan. Dark greens dominate the northern hemisphere. Lighter greens cover much land near the equator. Polar areas are white, the north fringed with light blue." src="//upload.wikimedia.org/wikipedia/commons/thumb/8/8f/K%C3%B6ppen-vereinfacht.svg/440px-K%C3%B6ppen-vereinfacht.svg.png" decoding="async" width="440" height="220" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/8/8f/K%C3%B6ppen-vereinfacht.svg/660px-K%C3%B6ppen-vereinfacht.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/8/8f/K%C3%B6ppen-vereinfacht.svg/880px-K%C3%B6ppen-vereinfacht.svg.png 2x" data-file-width="3600" data-file-height="1800"/></a><figcaption>Macroclimates of Earth. Tans represent desert, dark greens humid continental, and light green tropical rainforest. Light blue and white represent tundra and ice cap.</figcaption></figure><p>*</p><span style="color:#996633"> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </p><p>Curabitur pretium tincidunt lacus. Nulla gravida orci a odio. Nullam varius, turpis et commodo pharetra, est eros bibendum elit, nec luctus magna felis sollicitudin mauris. Integer in mauris eu nibh euismod gravida. Duis ac tellus et risus vulputate vehicula. Donec lobortis risus a elit. Etiam tempor. Ut ullamcorper, ligula eu tempor congue, eros est euismod turpis, id tincidunt sapien risus a quam. Maecenas fermentum consequat mi. Donec fermentum. Pellentesque malesuada nulla a mi. Duis sapien sem, aliquet nec, commodo eget, consequat quis, neque. Aliquam faucibus, elit ut dictum aliquet, felis nisl adipiscing sapien, sed malesuada diam lacus eget erat. Cras mollis scelerisque nunc. Nullam arcu. Aliquam consequat. Curabitur augue lorem, dapibus quis, laoreet et, pretium ac, nisi. Aenean magna nisl, mollis quis, molestie eu, feugiat in, orci. In hac habitasse platea dictumst. </p> </span></blockquote> <div style="clear:both;" class=""></div> <p>Be careful not to overstretch images for which the original file is quite small (except with SVG images, see below). If the original file is 120 pixels wide, and it's stretched beyond that, the pixels making it up will start to be visible. </p><p><a href="/wiki/SVG" title="SVG">SVG</a> images are an exception: Being <a href="/wiki/Vector_images" class="mw-redirect" title="Vector images">vector images</a>, they have no pixels, just instructions on how to draw the image that can be scaled up indefinitely, and the "image size" in the file description is arbitrary. </p> <div class="mw-heading mw-heading4"><h4 id="Width_in_pixels" data-mw-thread-id="h-Width_in_pixels-Thumbnail_sizes"><span data-mw-comment-start="" id="h-Width_in_pixels-Thumbnail_sizes"></span>Width in pixels <span class="anchor" id="px"></span><span data-mw-comment-end="h-Width_in_pixels-Thumbnail_sizes"></span></h4></div> <p>You can also display an image of a specified width. Typically, if you specify a width in pixels, it should be at least 300px. Widths greater than about 550px may cause problems with some browsers, as stated above. </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">Köppen-vereinfacht.svg</span><span class="p">|</span>thumb<span class="p">|</span>center<span class="p">|</span>400px<span class="p">|</span><span class="na">alt</span><span class="o">=</span>Map of the world. A tan band stretches from northern Africa through central China; most of Australia and parts of south Africa and the western Americas are also tan. Dark greens dominate the northern hemisphere. Lighter greens cover much land near the equator. Polar areas are white, the north fringed with light blue.<span class="p">|</span>Macroclimates of the earth. Tans represent desert, dark greens humid continental, and light green tropical rainforest. Light blue and white represent tundra and ice cap.<span class="p">]]</span> </pre></div> <figure class="mw-halign-center" typeof="mw:File/Thumb"><a href="/wiki/File:K%C3%B6ppen-vereinfacht.svg" class="mw-file-description"><img alt="Map of the world. A tan band stretches from northern Africa through central China; most of Australia and parts of south Africa and the western Americas are also tan. Dark greens dominate the northern hemisphere. Lighter greens cover much land near the equator. Polar areas are white, the north fringed with light blue." src="//upload.wikimedia.org/wikipedia/commons/thumb/8/8f/K%C3%B6ppen-vereinfacht.svg/400px-K%C3%B6ppen-vereinfacht.svg.png" decoding="async" width="400" height="200" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/8/8f/K%C3%B6ppen-vereinfacht.svg/600px-K%C3%B6ppen-vereinfacht.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/8/8f/K%C3%B6ppen-vereinfacht.svg/800px-K%C3%B6ppen-vereinfacht.svg.png 2x" data-file-width="3600" data-file-height="1800"/></a><figcaption>Macroclimates of the earth. Tans represent desert, dark greens humid continental, and light green tropical rainforest. Light blue and white represent tundra and ice cap.</figcaption></figure> <div class="mw-heading mw-heading4"><h4 id="Height_in_pixels" data-mw-thread-id="h-Height_in_pixels-Thumbnail_sizes"><span data-mw-comment-start="" id="h-Height_in_pixels-Thumbnail_sizes"></span>Height in pixels<span data-mw-comment-end="h-Height_in_pixels-Thumbnail_sizes"></span></h4></div> <p>To specify the exact height of a picture, letting the width scale to match, prefix the height with <code>x</code>. The following example resizes the image to a height of 60px: </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">Flag of Scotland.svg</span><span class="p">|</span>thumb<span class="p">|</span>center<span class="p">|</span>x60px<span class="p">|</span><span class="na">alt</span><span class="o">=</span>White diagonal cross over blue background<span class="p">|</span>Flag of Scotland<span class="p">]]</span> </pre></div> <figure class="mw-default-size mw-halign-center" typeof="mw:File/Thumb"><a href="/wiki/File:Flag_of_Scotland.svg" class="mw-file-description"><img alt="White diagonal cross over blue background" src="//upload.wikimedia.org/wikipedia/commons/thumb/1/10/Flag_of_Scotland.svg/100px-Flag_of_Scotland.svg.png" decoding="async" width="100" height="60" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/1/10/Flag_of_Scotland.svg/150px-Flag_of_Scotland.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/1/10/Flag_of_Scotland.svg/200px-Flag_of_Scotland.svg.png 2x" data-file-width="1000" data-file-height="600"/></a><figcaption>Flag of Scotland</figcaption></figure> <div class="mw-heading mw-heading4"><h4 id="Width_or_height_in_pixels,_whichever_makes_the_image_smaller" data-mw-thread-id="h-Width_or_height_in_pixels,_whichever_makes_the_image_smaller-Thumbnail_sizes"><span id="Width_or_height_in_pixels.2C_whichever_makes_the_image_smaller"></span><span data-mw-comment-start="" id="h-Width_or_height_in_pixels,_whichever_makes_the_image_smaller-Thumbnail_sizes"></span>Width or height in pixels, whichever makes the image smaller<span data-mw-comment-end="h-Width_or_height_in_pixels,_whichever_makes_the_image_smaller-Thumbnail_sizes"></span></h4></div> <p>If you specify both width and height of a picture, it is sized to whichever value would make it smaller. This will cause a picture to fit in a certain area, regardless of the image's actual size. Since the proportions of <a href="/wiki/File:Flag_of_Scotland.svg" title="File:Flag of Scotland.svg">File:Flag of Scotland.svg</a> are 5×3, specifying a width of 120px generates a 120×72px image, and specifying a height of 60px generates a 100×60px image, so a size field of <code>120x60px</code> generates the smaller of the two, namely, the 100×60px 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">Flag of Scotland.svg</span><span class="p">|</span>thumb<span class="p">|</span>center<span class="p">|</span>120x60px<span class="p">|</span><span class="na">alt</span><span class="o">=</span>White diagonal cross over blue background<span class="p">|</span>Flag of Scotland<span class="p">]]</span> </pre></div> <figure class="mw-halign-center" typeof="mw:File/Thumb"><a href="/wiki/File:Flag_of_Scotland.svg" class="mw-file-description"><img alt="White diagonal cross over blue background" src="//upload.wikimedia.org/wikipedia/commons/thumb/1/10/Flag_of_Scotland.svg/100px-Flag_of_Scotland.svg.png" decoding="async" width="100" height="60" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/1/10/Flag_of_Scotland.svg/150px-Flag_of_Scotland.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/1/10/Flag_of_Scotland.svg/200px-Flag_of_Scotland.svg.png 2x" data-file-width="1000" data-file-height="600"/></a><figcaption>Flag of Scotland</figcaption></figure> <div class="mw-heading mw-heading4"><h4 id="Pixel_counts_vs._upright_factors" data-mw-thread-id="h-Pixel_counts_vs._upright_factors-Thumbnail_sizes"><span data-mw-comment-start="" id="h-Pixel_counts_vs._upright_factors-Thumbnail_sizes"></span>Pixel counts vs. upright factors<span class="anchor" id="px_vs_upright"></span><span data-mw-comment-end="h-Pixel_counts_vs._upright_factors-Thumbnail_sizes"></span></h4></div> <p>Despite its name, the parameter "upright" is now used for both tall and wide images. Although pixel counts are easier to understand than upright factors, they adjust less well to user preferences. For example, suppose a picture contains some detail and by default is a bit too small, and you want to increase it by about 10%. Although <code>upright=1.1</code> and <code>240px</code> do the job equally well for the common case where the default width is 220 pixels, many of the users who set the default width to 300 pixels to work better with their high-resolution screens will be annoyed with <code>200px</code> because it will make the picture a third smaller than their preferred size. In contrast, <code>upright=1.1</code> will display the picture to them with a width of 330 pixels, and this is more likely to work well on their displays. </p><p>To clarify, "upright=0.75" is equivalent to "upright", and "upright=1" leaves the image at its default size (220px when not logged in), equivalent to not using "upright" at all. For convenience, a few conversions are as follows: </p> <table class="wikitable"> <tbody><tr> <th>upright<br/>scale</th> <th>px size<br/>(default) </th></tr> <tr> <td>0.2</td> <td>40px </td></tr> <tr> <td>0.25</td> <td>60px </td></tr> <tr> <td>0.5</td> <td>110px </td></tr> <tr> <td>–</td> <td rowspan="2">170px </td></tr> <tr> <td>0.75 </td></tr> <tr> <td>1</td> <td rowspan="2">220px </td></tr> <tr> <td><small>(not used)</small> </td></tr> <tr> <td>1.25</td> <td>280 </td></tr> <tr> <td>1.35</td> <td>300 </td></tr> <tr> <td>1.5</td> <td>330 </td></tr> <tr> <td>1.8</td> <td>400 </td></tr> <tr> <td>2</td> <td>440 </td></tr> <tr> <td>2.25</td> <td>500 </td></tr> <tr> <td>2.5</td> <td>550 </td></tr></tbody></table> <p>Pixel counts are typically better than upright factors for displaying combinations of pictures, some of which have known and limited sizes, and for displaying tiny icons that are intended to be combined with text. </p> <div class="mw-heading mw-heading4"><h4 id="Native_size" data-mw-thread-id="h-Native_size-Thumbnail_sizes"><span data-mw-comment-start="" id="h-Native_size-Thumbnail_sizes"></span>Native size<span class="anchor" id="frame"></span><span data-mw-comment-end="h-Native_size-Thumbnail_sizes"></span></h4></div> <p>Replacing <code>thumb</code> with <code>frame</code> causes the image to be displayed in its native size, that is, the size that it was originally uploaded with. This use is obsolete and should not be used because it is disruptive for many displays, especially mobile devices. Instead, if an article would be better with pictures resized in some way other than the default, use the "upright" parameter. Users should set their own preferences if they want pictures resized and article authors should not do this. If anyone has a justification for using the frame feature then please share on the talk page. For historical reference, here is an example of it being used: </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">Wikipedesketch.png</span><span class="p">|</span>frame<span class="p">|</span>center<span class="p">|</span><span class="na">alt</span><span class="o">=</span>A cartoon centipede reads books and types on a laptop.<span class="p">|</span>The Wikipede edits <span class="ge">''</span><span class="p">[[</span><span class="nt">Myriapoda</span><span class="p">]]</span><span class="ge">''</span>.<span class="p">]]</span> </pre></div> <figure class="mw-halign-center" typeof="mw:File/Frame"><a href="/wiki/File:Wikipedesketch.png" class="mw-file-description"><img alt="A cartoon centipede reads books and types on a laptop." src="//upload.wikimedia.org/wikipedia/commons/2/22/Wikipedesketch.png" decoding="async" width="240" height="240" class="mw-file-element" data-file-width="240" data-file-height="240"/></a><figcaption>The Wikipede edits <i><a href="/wiki/Myriapoda" title="Myriapoda">Myriapoda</a></i>.</figcaption></figure> <div class="mw-heading mw-heading3"><h3 id="Panoramas" data-mw-thread-id="h-Panoramas-Thumbnails"><span data-mw-comment-start="" id="h-Panoramas-Thumbnails"></span>Panoramas<span data-mw-comment-end="h-Panoramas-Thumbnails"></span></h3></div> <p>Very large pictures should not be put directly into articles, as they cause problems in some browser environments. Images wider than 550px or so are often better treated as a panorama, which can be created with the <span class="nowrap">{{</span><a href="/wiki/Template:Wide_image" title="Template:Wide image">Wide image</a><span class="nowrap">}}</span> template. For example: </p> <div class="mw-highlight mw-highlight-lang-wikitext mw-content-ltr" dir="ltr"><pre><span></span><span class="p">{{</span><span class="nt">wide image</span><span class="p">|</span>Helsinki z00.jpg<span class="p">|</span>1800px<span class="p">|</span><span class="nl">alt</span><span class="o">=</span>Panorama of city with mixture of five- to ten-story buildings<span class="p">|[[</span><span class="nt">Helsinki</span><span class="p">]]</span> has many buildings.<span class="p">}}</span> </pre></div> <div class="thumb tnone" style="margin-left:auto;margin-right:auto;overflow:hidden;width:auto;max-width:1808px"><div class="thumbinner"><div class="noresize" style="overflow:auto"><span typeof="mw:File"><a href="/wiki/File:Helsinki_z00.jpg" class="mw-file-description" title="Helsinki has many buildings."><img alt="Panorama of city with mixture of five- to ten-story buildings" src="//upload.wikimedia.org/wikipedia/commons/thumb/0/07/Helsinki_z00.jpg/1800px-Helsinki_z00.jpg" decoding="async" width="1800" height="216" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/0/07/Helsinki_z00.jpg 1.5x" data-file-width="2666" data-file-height="320"/></a></span></div><div class="thumbcaption"><div class="magnify"><a href="/wiki/File:Helsinki_z00.jpg" title="File:Helsinki z00.jpg"> </a></div><a href="/wiki/Helsinki" title="Helsinki">Helsinki</a> has many buildings.</div></div></div> <div class="mw-heading mw-heading3"><h3 id="DjVu_and_PDF_files" data-mw-thread-id="h-DjVu_and_PDF_files-Thumbnails"><span data-mw-comment-start="" id="h-DjVu_and_PDF_files-Thumbnails"></span>DjVu and PDF files<span data-mw-comment-end="h-DjVu_and_PDF_files-Thumbnails"></span></h3></div> <figure class="mw-halign-right" typeof="mw:File/Thumb"><a href="/w/index.php?title=File:Abroad_-_1882.djvu&page=13" class="mw-file-description"><img src="//upload.wikimedia.org/wikipedia/commons/thumb/a/a2/Abroad_-_1882.djvu/page13-150px-Abroad_-_1882.djvu.jpg" decoding="async" width="150" height="190" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/a/a2/Abroad_-_1882.djvu/page13-225px-Abroad_-_1882.djvu.jpg 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/a/a2/Abroad_-_1882.djvu/page13-300px-Abroad_-_1882.djvu.jpg 2x" data-file-width="2768" data-file-height="3396"/></a><figcaption>By Thomas Crane</figcaption></figure> <figure class="mw-halign-left" typeof="mw:File/Thumb"><a href="/w/index.php?title=File:Cinderella_(1865).pdf&page=2" class="mw-file-description"><img src="//upload.wikimedia.org/wikipedia/commons/thumb/d/df/Cinderella_%281865%29.pdf/page2-150px-Cinderella_%281865%29.pdf.jpg" decoding="async" width="150" height="220" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/d/df/Cinderella_%281865%29.pdf/page2-225px-Cinderella_%281865%29.pdf.jpg 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/d/df/Cinderella_%281865%29.pdf/page2-300px-Cinderella_%281865%29.pdf.jpg 2x" data-file-width="637" data-file-height="850"/></a><figcaption>This is page 2</figcaption></figure> <p>Images can be excerpted from <a href="/wiki/DjVu" title="DjVu">DjVu</a> or <a href="/wiki/Portable_Document_Format" class="mw-redirect" title="Portable Document Format">PDF</a> files, with an optional <i>page</i> parameter. For example: </p> <div style="font-size: 80%;" 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">Abroad - 1882.djvu</span><span class="p">|</span>thumb<span class="p">|</span>right<span class="p">|</span>150px<span class="p">|</span>By Thomas Crane<span class="p">|</span><span class="na">page</span><span class="o">=</span>13<span class="p">]]</span> </pre></div> <div style="font-size: 80%;" 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">Cinderella (1865).pdf</span><span class="p">|</span>thumb<span class="p">|</span>left<span class="p">|</span>150px<span class="p">|</span>This is page 2<span class="p">|</span><span class="na">page</span><span class="o">=</span>2<span class="p">]]</span> </pre></div> <div class="mw-heading mw-heading2 ext-discussiontools-init-section"><h2 id="Avoiding_stack-ups" data-mw-thread-id="h-Avoiding_stack-ups"><span data-mw-comment-start="" id="h-Avoiding_stack-ups"></span>Avoiding stack-ups<span data-mw-comment-end="h-Avoiding_stack-ups"></span></h2><!--__DTELLIPSISBUTTON__{"threadItem":{"headingLevel":2,"name":"h-","type":"heading","level":0,"id":"h-Avoiding_stack-ups","replies":["h-Alternating_left_and_right-Avoiding_stack-ups","h-Co-aligning-Avoiding_stack-ups","h-Galleries-Avoiding_stack-ups","h-Forcing_a_break-Avoiding_stack-ups"]}}--></div> <link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1252059228"><div class="module-shortcutanchordiv"><span id="WP:STACKING"></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:STACKING&redirect=no">WP:STACKING</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:Extended_image_syntax#The_many-floating-objects_problem" title="Wikipedia:Extended image syntax">Wikipedia:Extended image syntax § The many-floating-objects problem</a></div> <p>One of the problems many users of floating pictures hit is that multiple pictures sometimes stack up vertically, particularly with large screens and wide images. For example, in many browsers the two pictures at the right of this text stack up awkwardly. </p> <blockquote> <figure class="mw-default-size" typeof="mw:File/Thumb"><a href="/wiki/File:Wikipedesketch.png" class="mw-file-description"><img alt="A cartoon centipede reads books and types on a laptop." src="//upload.wikimedia.org/wikipedia/commons/thumb/2/22/Wikipedesketch.png/220px-Wikipedesketch.png" decoding="async" width="220" height="220" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/2/22/Wikipedesketch.png 1.5x" data-file-width="240" data-file-height="240"/></a><figcaption>The Wikipede edits <i><a href="/wiki/Myriapoda" title="Myriapoda">Myriapoda</a></i>.</figcaption></figure> <figure class="mw-default-size" typeof="mw:File/Thumb"><a href="/wiki/File:Flag_of_Scotland.svg" class="mw-file-description"><img alt="White diagonal cross over blue background" src="//upload.wikimedia.org/wikipedia/commons/thumb/1/10/Flag_of_Scotland.svg/220px-Flag_of_Scotland.svg.png" decoding="async" width="220" height="132" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/1/10/Flag_of_Scotland.svg/330px-Flag_of_Scotland.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/1/10/Flag_of_Scotland.svg/440px-Flag_of_Scotland.svg.png 2x" data-file-width="1000" data-file-height="600"/></a><figcaption>Flag of Scotland</figcaption></figure> <div style="color:#996633"> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </p> </div> </blockquote> <div style="clear:both;" class=""></div> <p>Often the best solution to this is simply to add more text, as is done below, but this sometimes is not possible. The following subsections show some other possible solutions to the problem. </p> <blockquote> <figure class="mw-default-size" typeof="mw:File/Thumb"><a href="/wiki/File:Wikipedesketch.png" class="mw-file-description"><img alt="A cartoon centipede reads books and types on a laptop." src="//upload.wikimedia.org/wikipedia/commons/thumb/2/22/Wikipedesketch.png/220px-Wikipedesketch.png" decoding="async" width="220" height="220" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/2/22/Wikipedesketch.png 1.5x" data-file-width="240" data-file-height="240"/></a><figcaption>The Wikipede edits <i><a href="/wiki/Myriapoda" title="Myriapoda">Myriapoda</a></i>.</figcaption></figure> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </p><p>Curabitur pretium tincidunt lacus. Nulla gravida orci a odio. Nullam varius, turpis et commodo pharetra, est eros bibendum elit, nec luctus magna felis sollicitudin mauris. Integer in mauris eu nibh euismod gravida. Duis ac tellus et risus vulputate vehicula. Donec lobortis risus a elit. Etiam tempor. Ut ullamcorper, ligula eu tempor congue, eros est euismod turpis, id tincidunt sapien risus a quam. Maecenas fermentum consequat mi. Donec fermentum. Pellentesque malesuada nulla a mi. Duis sapien sem, aliquet nec, commodo eget, consequat quis, neque. Aliquam faucibus, elit ut dictum aliquet, felis nisl adipiscing sapien, sed malesuada diam lacus eget erat. Cras mollis scelerisque nunc. Nullam arcu. Aliquam consequat. Curabitur augue lorem, dapibus quis, laoreet et, pretium ac, nisi. Aenean magna nisl, mollis quis, molestie eu, feugiat in, orci. In hac habitasse platea dictumst. </p><p>Fusce convallis, mauris imperdiet gravida bibendum, nisl turpis suscipit mauris, sed placerat ipsum urna sed risus. In convallis tellus a mauris. Curabitur non elit ut libero tristique sodales. Mauris a lacus. Donec mattis semper leo. In hac habitasse platea dictumst. Vivamus facilisis diam at odio. Mauris dictum, nisi eget consequat elementum, lacus ligula molestie metus, non feugiat orci magna ac sem. Donec turpis. Donec vitae metus. Morbi tristique neque eu mauris. Quisque gravida ipsum non sapien. Proin turpis lacus, scelerisque vitae, elementum at, lobortis ac, quam. Aliquam dictum eleifend risus. In hac habitasse platea dictumst. Etiam sit amet diam. Suspendisse odio. Suspendisse nunc. In semper bibendum libero. </p> <figure class="mw-default-size" typeof="mw:File/Thumb"><a href="/wiki/File:Flag_of_Scotland.svg" class="mw-file-description"><img alt="White diagonal cross over blue background" src="//upload.wikimedia.org/wikipedia/commons/thumb/1/10/Flag_of_Scotland.svg/220px-Flag_of_Scotland.svg.png" decoding="async" width="220" height="132" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/1/10/Flag_of_Scotland.svg/330px-Flag_of_Scotland.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/1/10/Flag_of_Scotland.svg/440px-Flag_of_Scotland.svg.png 2x" data-file-width="1000" data-file-height="600"/></a><figcaption>Flag of Scotland</figcaption></figure> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </p><p>Curabitur pretium tincidunt lacus. Nulla gravida orci a odio. Nullam varius, turpis et commodo pharetra, est eros bibendum elit, nec luctus magna felis sollicitudin mauris. Integer in mauris eu nibh euismod gravida. Duis ac tellus et risus vulputate vehicula. Donec lobortis risus a elit. Etiam tempor. Ut ullamcorper, ligula eu tempor congue, eros est euismod turpis, id tincidunt sapien risus a quam. Maecenas fermentum consequat mi. Donec fermentum. Pellentesque malesuada nulla a mi. Duis sapien sem, aliquet nec, commodo eget, consequat quis, neque. Aliquam faucibus, elit ut dictum aliquet, felis nisl adipiscing sapien, sed malesuada diam lacus eget erat. Cras mollis scelerisque nunc. Nullam arcu. Aliquam consequat. Curabitur augue lorem, dapibus quis, laoreet et, pretium ac, nisi. Aenean magna nisl, mollis quis, molestie eu, feugiat in, orci. In hac habitasse platea dictumst. </p> </blockquote> <div style="clear:both;" class=""></div> <div class="mw-heading mw-heading3"><h3 id="Alternating_left_and_right" data-mw-thread-id="h-Alternating_left_and_right-Avoiding_stack-ups"><span data-mw-comment-start="" id="h-Alternating_left_and_right-Avoiding_stack-ups"></span>Alternating left and right<span data-mw-comment-end="h-Alternating_left_and_right-Avoiding_stack-ups"></span></h3></div> <p>Perhaps the easiest way to handle multiple floating pictures is to alternate them left then right (or right then left); this way they do not come into contact with one another, and so cannot stack up in an unattractive way. This has a disadvantage, though: people with very low <a href="/wiki/Screen_resolution" class="mw-redirect" title="Screen resolution">screen resolutions</a> (such as those using <a href="/wiki/Netbook" title="Netbook">netbooks</a>) may find the result too awkward, albeit still readable. This may also cause conflicts with <a href="/wiki/Wikipedia:SANDWICH" class="mw-redirect" title="Wikipedia:SANDWICH">WP:SANDWICH</a>. </p> <blockquote> <figure class="mw-default-size" typeof="mw:File/Thumb"><a href="/wiki/File:Wikipedesketch.png" class="mw-file-description"><img alt="A cartoon centipede reads books and types on a laptop." src="//upload.wikimedia.org/wikipedia/commons/thumb/2/22/Wikipedesketch.png/220px-Wikipedesketch.png" decoding="async" width="220" height="220" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/2/22/Wikipedesketch.png 1.5x" data-file-width="240" data-file-height="240"/></a><figcaption>The Wikipede edits <i><a href="/wiki/Myriapoda" title="Myriapoda">Myriapoda</a></i>.</figcaption></figure> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </p><p>Curabitur pretium tincidunt lacus. Nulla gravida orci a odio. Nullam varius, turpis et commodo pharetra, est eros bibendum elit, nec luctus magna felis sollicitudin mauris. Integer in mauris eu nibh euismod gravida. Duis ac tellus et risus vulputate vehicula. Donec lobortis risus a elit. Etiam tempor. Ut ullamcorper, ligula eu tempor congue, eros est euismod turpis, id tincidunt sapien risus a quam. Maecenas fermentum consequat mi. Donec fermentum. Pellentesque malesuada nulla a mi. Duis sapien sem, aliquet nec, commodo eget, consequat quis, neque. Aliquam faucibus, elit ut dictum aliquet, felis nisl adipiscing sapien, sed malesuada diam lacus eget erat. Cras mollis scelerisque nunc. Nullam arcu. Aliquam consequat. Curabitur augue lorem, dapibus quis, laoreet et, pretium ac, nisi. Aenean magna nisl, mollis quis, molestie eu, feugiat in, orci. In hac habitasse platea dictumst. </p> <figure class="mw-default-size mw-halign-left" typeof="mw:File/Thumb"><a href="/wiki/File:Flag_of_Scotland.svg" class="mw-file-description"><img alt="White diagonal cross over blue background" src="//upload.wikimedia.org/wikipedia/commons/thumb/1/10/Flag_of_Scotland.svg/220px-Flag_of_Scotland.svg.png" decoding="async" width="220" height="132" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/1/10/Flag_of_Scotland.svg/330px-Flag_of_Scotland.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/1/10/Flag_of_Scotland.svg/440px-Flag_of_Scotland.svg.png 2x" data-file-width="1000" data-file-height="600"/></a><figcaption>Flag of Scotland</figcaption></figure> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </p><p>Curabitur pretium tincidunt lacus. Nulla gravida orci a odio. Nullam varius, turpis et commodo pharetra, est eros bibendum elit, nec luctus magna felis sollicitudin mauris. Integer in mauris eu nibh euismod gravida. Duis ac tellus et risus vulputate vehicula. Donec lobortis risus a elit. Etiam tempor. Ut ullamcorper, ligula eu tempor congue, eros est euismod turpis, id tincidunt sapien risus a quam. Maecenas fermentum consequat mi. Donec fermentum. Pellentesque malesuada nulla a mi. Duis sapien sem, aliquet nec, commodo eget, consequat quis, neque. Aliquam faucibus, elit ut dictum aliquet, felis nisl adipiscing sapien, sed malesuada diam lacus eget erat. Cras mollis scelerisque nunc. Nullam arcu. Aliquam consequat. Curabitur augue lorem, dapibus quis, laoreet et, pretium ac, nisi. Aenean magna nisl, mollis quis, molestie eu, feugiat in, orci. In hac habitasse platea dictumst. </p> </blockquote> <div style="clear:both;" class=""></div> <div class="mw-heading mw-heading3"><h3 id="Co-aligning" data-mw-thread-id="h-Co-aligning-Avoiding_stack-ups"><span data-mw-comment-start="" id="h-Co-aligning-Avoiding_stack-ups"></span>Co-aligning<span data-mw-comment-end="h-Co-aligning-Avoiding_stack-ups"></span></h3></div> <p>It is common to have two pictures that logically should be grouped together. The <span class="nowrap">{{</span><a href="/wiki/Template:Multiple_image" title="Template:Multiple image">multiple image</a><span class="nowrap">}}</span> template is one way to do this. For example: </p> <style data-mw-deduplicate="TemplateStyles:r1237032888/mw-parser-output/.tmulti">.mw-parser-output .tmulti .multiimageinner{display:flex;flex-direction:column}.mw-parser-output .tmulti .trow{display:flex;flex-direction:row;clear:left;flex-wrap:wrap;width:100%;box-sizing:border-box}.mw-parser-output .tmulti .tsingle{margin:1px;float:left}.mw-parser-output .tmulti .theader{clear:both;font-weight:bold;text-align:center;align-self:center;background-color:transparent;width:100%}.mw-parser-output .tmulti .thumbcaption{background-color:transparent}.mw-parser-output .tmulti .text-align-left{text-align:left}.mw-parser-output .tmulti .text-align-right{text-align:right}.mw-parser-output .tmulti .text-align-center{text-align:center}@media all and (max-width:720px){.mw-parser-output .tmulti .thumbinner{width:100%!important;box-sizing:border-box;max-width:none!important;align-items:center}.mw-parser-output .tmulti .trow{justify-content:center}.mw-parser-output .tmulti .tsingle{float:none!important;max-width:100%!important;box-sizing:border-box;text-align:center}.mw-parser-output .tmulti .tsingle .thumbcaption{text-align:left}.mw-parser-output .tmulti .trow>.thumbcaption{text-align:center}}@media screen{html.skin-theme-clientpref-night .mw-parser-output .tmulti .multiimageinner img{background-color:white}}@media screen and (prefers-color-scheme:dark){html.skin-theme-clientpref-os .mw-parser-output .tmulti .multiimageinner img{background-color:white}}</style><div class="thumb tmulti tright"><div class="thumbinner multiimageinner" style="width:168px;max-width:168px"><div class="trow"><div class="tsingle" style="width:82px;max-width:82px"><div class="thumbimage"><span typeof="mw:File"><a href="/wiki/File:Yellow_card.svg" class="mw-file-description"><img alt="Yellow cartouche" src="//upload.wikimedia.org/wikipedia/commons/thumb/b/b1/Yellow_card.svg/80px-Yellow_card.svg.png" decoding="async" width="80" height="104" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/b/b1/Yellow_card.svg/120px-Yellow_card.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/b/b1/Yellow_card.svg/160px-Yellow_card.svg.png 2x" data-file-width="200" data-file-height="260"/></a></span></div><div class="thumbcaption">Caution</div></div><div class="tsingle" style="width:82px;max-width:82px"><div class="thumbimage"><span typeof="mw:File"><a href="/wiki/File:Red_card.svg" class="mw-file-description"><img alt="Red cartouche" src="//upload.wikimedia.org/wikipedia/commons/thumb/e/e7/Red_card.svg/80px-Red_card.svg.png" decoding="async" width="80" height="104" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/e/e7/Red_card.svg/120px-Red_card.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/e/e7/Red_card.svg/160px-Red_card.svg.png 2x" data-file-width="200" data-file-height="260"/></a></span></div><div class="thumbcaption">Ejection</div></div></div><div class="trow" style="display:flex"><div class="thumbcaption">Two cards used by football referees</div></div></div></div> <div style="overflow:auto;" class="mw-highlight mw-highlight-lang-wikitext mw-content-ltr" dir="ltr"><pre><span></span><span class="p">{{</span><span class="nt">multiple image</span> <span class="p">|</span><span class="nl"> width </span><span class="o">=</span> 80 <span class="p">|</span><span class="nl"> footer </span><span class="o">=</span> Two cards used by football referees <span class="p">|</span><span class="nl"> image1 </span><span class="o">=</span> Yellow card.svg <span class="p">|</span><span class="nl"> alt1 </span><span class="o">=</span> Yellow cartouche <span class="p">|</span><span class="nl"> caption1 </span><span class="o">=</span> Caution <span class="p">|</span><span class="nl"> image2 </span><span class="o">=</span> Red card.svg <span class="p">|</span><span class="nl"> alt2 </span><span class="o">=</span> Red cartouche <span class="p">|</span><span class="nl"> caption2 </span><span class="o">=</span> Ejection <span class="p">}}</span> </pre></div> <div style="clear:both;" class=""></div> <p>The same template can also align pictures vertically: </p> <link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1237032888/mw-parser-output/.tmulti"><div class="thumb tmulti tright"><div class="thumbinner multiimageinner" style="width:100px;max-width:100px"><div class="trow"><div class="tsingle" style="width:82px;max-width:82px"><div class="thumbimage"><span typeof="mw:File"><a href="/wiki/File:Yellow_card.svg" class="mw-file-description"><img alt="Yellow cartouche" src="//upload.wikimedia.org/wikipedia/commons/thumb/b/b1/Yellow_card.svg/80px-Yellow_card.svg.png" decoding="async" width="80" height="104" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/b/b1/Yellow_card.svg/120px-Yellow_card.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/b/b1/Yellow_card.svg/160px-Yellow_card.svg.png 2x" data-file-width="200" data-file-height="260"/></a></span></div><div class="thumbcaption">Caution</div></div></div><div class="trow"><div class="tsingle" style="width:82px;max-width:82px"><div class="thumbimage"><span typeof="mw:File"><a href="/wiki/File:Red_card.svg" class="mw-file-description"><img alt="Red cartouche" src="//upload.wikimedia.org/wikipedia/commons/thumb/e/e7/Red_card.svg/80px-Red_card.svg.png" decoding="async" width="80" height="104" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/e/e7/Red_card.svg/120px-Red_card.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/e/e7/Red_card.svg/160px-Red_card.svg.png 2x" data-file-width="200" data-file-height="260"/></a></span></div><div class="thumbcaption">Ejection</div></div></div><div class="trow" style="display:flex"><div class="thumbcaption">Two cards used by football referees</div></div></div></div> <div style="overflow:auto;" class="mw-highlight mw-highlight-lang-wikitext mw-content-ltr" dir="ltr"><pre><span></span><span class="p">{{</span><span class="nt">multiple image</span> <span class="p">|</span><span class="nl"> direction </span><span class="o">=</span> vertical <span class="p">|</span><span class="nl"> width </span><span class="o">=</span> 80 <span class="p">|</span><span class="nl"> footer </span><span class="o">=</span> Two cards used by football referees <span class="p">|</span><span class="nl"> image1 </span><span class="o">=</span> Yellow card.svg <span class="p">|</span><span class="nl"> alt1 </span><span class="o">=</span> Yellow cartouche <span class="p">|</span><span class="nl"> caption1 </span><span class="o">=</span> Caution <span class="p">|</span><span class="nl"> image2 </span><span class="o">=</span> Red card.svg <span class="p">|</span><span class="nl"> alt2 </span><span class="o">=</span> Red cartouche <span class="p">|</span><span class="nl"> caption2 </span><span class="o">=</span> Ejection <span class="p">}}</span> </pre></div> <div style="clear:both;" class=""></div> <div class="mw-heading mw-heading3"><h3 id="Galleries" data-mw-thread-id="h-Galleries-Avoiding_stack-ups"><span data-mw-comment-start="" id="h-Galleries-Avoiding_stack-ups"></span>Galleries<span data-mw-comment-end="h-Galleries-Avoiding_stack-ups"></span></h3></div> <link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1238436933"><table class="box-Warning plainlinks ombox ombox-content" role="presentation"><tbody><tr><td class="mbox-image"><span typeof="mw:File"><span><img alt="" src="//upload.wikimedia.org/wikipedia/en/thumb/b/b4/Ambox_important.svg/40px-Ambox_important.svg.png" decoding="async" width="40" height="40" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/en/thumb/b/b4/Ambox_important.svg/60px-Ambox_important.svg.png 1.5x, //upload.wikimedia.org/wikipedia/en/thumb/b/b4/Ambox_important.svg/80px-Ambox_important.svg.png 2x" data-file-width="40" data-file-height="40"/></span></span></td><td class="mbox-text" style="text-align: left;">Before making a gallery, please read over the <b><a href="/wiki/Wikipedia:IG" class="mw-redirect" title="Wikipedia:IG">image use policy for galleries</a></b>. Generally, a gallery <b>should not be added</b> so long as there is space for images to be effectively presented adjacent to text.</td></tr></tbody></table> <link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1236090951"><div role="note" class="hatnote navigation-not-searchable">Main page: <a href="/wiki/Help:Gallery_tag" title="Help:Gallery tag">Help:Gallery tag</a></div> <p>A gallery displays several pictures in an array or similar layout. Before making a gallery, read the <a href="/wiki/Wikipedia:IG" class="mw-redirect" title="Wikipedia:IG">image use policy for galleries</a>. Generally, a gallery should not be added so long as there is space for images to be effectively presented adjacent to text. </p><p>Technically, a gallery can be produced in different ways. One simple and flexible method is <a href="/wiki/Help:Table" title="Help:Table">table syntax</a>. For example: </p> <div style="overflow:auto;" class="mw-highlight mw-highlight-lang-wikitext mw-content-ltr" dir="ltr"><pre><span></span><span class="p">{|</span><span class="na">style</span><span class="o">=</span><span class="s2">"margin: 0 auto;"</span> <span class="p">|</span> <span class="p">[[</span><span class="nn">File</span><span class="p">:</span><span class="nt">Philipp Veit 008.jpg</span><span class="p">|</span>thumb<span class="p">|</span>upright<span class="p">|</span><span class="na">alt</span><span class="o">=</span>Robed woman, seated, with sword on her lap<span class="p">|</span>Philipp Veit, <span class="ge">''Germania''</span>, 1834–36<span class="p">]]</span> <span class="p">|</span> <span class="p">[[</span><span class="nn">File</span><span class="p">:</span><span class="nt">Image Germania (painting).jpg</span><span class="p">|</span>thumb<span class="p">|</span>upright<span class="p">|</span><span class="na">alt</span><span class="o">=</span>Robed woman, standing, holding a sword<span class="p">|</span>Philipp Veit, <span class="ge">''Germania''</span>, 1848<span class="p">]]</span> <span class="p">|</span> <span class="p">[[</span><span class="nn">File</span><span class="p">:</span><span class="nt">Niederwald memorial 2.JPG</span><span class="p">|</span>thumb<span class="p">|</span>upright<span class="p">|</span><span class="na">alt</span><span class="o">=</span>Monument of robed woman, standing, holding a crown in one hand and a partly sheathed sword in another<span class="p">|</span>Johannes Schilling, <span class="ge">''Germania''</span>, 1871–83<span class="p">]]</span> <span class="p">|}</span> </pre></div> <table style="margin: 0 auto;"> <tbody><tr> <td><figure class="mw-default-size" typeof="mw:File/Thumb"><a href="/wiki/File:Philipp_Veit_008.jpg" class="mw-file-description"><img alt="Robed woman, seated, with sword on her lap" src="//upload.wikimedia.org/wikipedia/commons/thumb/9/90/Philipp_Veit_008.jpg/170px-Philipp_Veit_008.jpg" decoding="async" width="170" height="254" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/9/90/Philipp_Veit_008.jpg/255px-Philipp_Veit_008.jpg 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/9/90/Philipp_Veit_008.jpg/340px-Philipp_Veit_008.jpg 2x" data-file-width="1256" data-file-height="1874"/></a><figcaption>Philipp Veit, <i>Germania</i>, 1834–36</figcaption></figure> </td> <td><figure class="mw-default-size" typeof="mw:File/Thumb"><a href="/wiki/File:Image_Germania_(painting).jpg" class="mw-file-description"><img alt="Robed woman, standing, holding a sword" src="//upload.wikimedia.org/wikipedia/commons/thumb/c/cd/Image_Germania_%28painting%29.jpg/170px-Image_Germania_%28painting%29.jpg" decoding="async" width="170" height="258" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/c/cd/Image_Germania_%28painting%29.jpg/255px-Image_Germania_%28painting%29.jpg 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/c/cd/Image_Germania_%28painting%29.jpg/340px-Image_Germania_%28painting%29.jpg 2x" data-file-width="1772" data-file-height="2690"/></a><figcaption>Philipp Veit, <i>Germania</i>, 1848</figcaption></figure> </td> <td><figure class="mw-default-size" typeof="mw:File/Thumb"><a href="/wiki/File:Niederwald_memorial_2.JPG" class="mw-file-description"><img alt="Monument of robed woman, standing, holding a crown in one hand and a partly sheathed sword in another" src="//upload.wikimedia.org/wikipedia/commons/thumb/2/2e/Niederwald_memorial_2.JPG/170px-Niederwald_memorial_2.JPG" decoding="async" width="170" height="227" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/2/2e/Niederwald_memorial_2.JPG/255px-Niederwald_memorial_2.JPG 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/2/2e/Niederwald_memorial_2.JPG/340px-Niederwald_memorial_2.JPG 2x" data-file-width="1200" data-file-height="1600"/></a><figcaption>Johannes Schilling, <i>Germania</i>, 1871–83</figcaption></figure> </td></tr></tbody></table> <p>Another simple way is the specialized <code class="nowrap"><<a href="/wiki/Help:Gallery_tag" title="Help:Gallery tag">gallery</a>></code> tag, which works like this: </p> <div class="mw-highlight mw-highlight-lang-wikitext mw-content-ltr" dir="ltr"><pre><span></span><span class="p"><</span><span class="nt">gallery</span><span class="p">></span> File:Wiki.png|Caption 1 File:Wiki.png|Caption 2 <span class="p"></</span><span class="nt">gallery</span><span class="p">></span> </pre></div> <p>Which produces: </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"><a href="/wiki/File:Wiki.png" class="mw-file-description" title="Caption 1"><img alt="Caption 1" src="//upload.wikimedia.org/wikipedia/en/thumb/b/bc/Wiki.png/104px-Wiki.png" decoding="async" width="104" height="120" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/en/b/bc/Wiki.png 1.5x" data-file-width="135" data-file-height="155"/></a></span></div> <div class="gallerytext">Caption 1</div> </li> <li class="gallerybox" style="width: 155px"> <div class="thumb" style="width: 150px; height: 150px;"><span typeof="mw:File"><a href="/wiki/File:Wiki.png" class="mw-file-description" title="Caption 2"><img alt="Caption 2" src="//upload.wikimedia.org/wikipedia/en/thumb/b/bc/Wiki.png/104px-Wiki.png" decoding="async" width="104" height="120" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/en/b/bc/Wiki.png 1.5x" data-file-width="135" data-file-height="155"/></a></span></div> <div class="gallerytext">Caption 2</div> </li> </ul> <p>You can also specify alt text and other image rendering parameters like page number for pdfs: </p> <div style="overflow:auto;" class="mw-highlight mw-highlight-lang-tid mw-content-ltr" dir="ltr"><pre><span></span><span class="nt"><gallery></span> William Blake, a critical essay (Swinburne).pdf|Book by [[<span class="nt">Algernon Charles Swinburne</span>]]|alt=Page 1 of William Blake, a critical essay William Blake, a critical essay (Swinburne).pdf|alt=Page 2 of William Blake, a critical essay|page=2 <span class="nt"></gallery></span> </pre></div> <p>Which produces: </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"><a href="/wiki/File:William_Blake,_a_critical_essay_(Swinburne).pdf" class="mw-file-description" title="Book by Algernon Charles Swinburne"><img alt="Page 1 of William Blake, a critical essay" src="//upload.wikimedia.org/wikipedia/commons/thumb/2/28/William_Blake%2C_a_critical_essay_%28Swinburne%29.pdf/page1-70px-William_Blake%2C_a_critical_essay_%28Swinburne%29.pdf.jpg" decoding="async" width="70" height="120" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/2/28/William_Blake%2C_a_critical_essay_%28Swinburne%29.pdf/page1-105px-William_Blake%2C_a_critical_essay_%28Swinburne%29.pdf.jpg 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/2/28/William_Blake%2C_a_critical_essay_%28Swinburne%29.pdf/page1-140px-William_Blake%2C_a_critical_essay_%28Swinburne%29.pdf.jpg 2x" data-file-width="716" data-file-height="1227"/></a></span></div> <div class="gallerytext">Book by <a href="/wiki/Algernon_Charles_Swinburne" title="Algernon Charles Swinburne">Algernon Charles Swinburne</a></div> </li> <li class="gallerybox" style="width: 155px"> <div class="thumb" style="width: 150px; height: 150px;"><span typeof="mw:File"><a href="/w/index.php?title=File:William_Blake,_a_critical_essay_(Swinburne).pdf&page=2" class="mw-file-description"><img alt="Page 2 of William Blake, a critical essay" src="//upload.wikimedia.org/wikipedia/commons/thumb/2/28/William_Blake%2C_a_critical_essay_%28Swinburne%29.pdf/page2-69px-William_Blake%2C_a_critical_essay_%28Swinburne%29.pdf.jpg" decoding="async" width="69" height="120" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/2/28/William_Blake%2C_a_critical_essay_%28Swinburne%29.pdf/page2-104px-William_Blake%2C_a_critical_essay_%28Swinburne%29.pdf.jpg 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/2/28/William_Blake%2C_a_critical_essay_%28Swinburne%29.pdf/page2-139px-William_Blake%2C_a_critical_essay_%28Swinburne%29.pdf.jpg 2x" data-file-width="716" data-file-height="1227"/></a></span></div> <div class="gallerytext"></div> </li> </ul> <p>The gallery tag also offers some parameters, such as <samp>widths</samp>, <samp>heights</samp> and <samp>mode</samp> among others. The full documentation is available at <a href="https://www.mediawiki.org/wiki/Help:Images#Gallery_syntax" class="extiw" title="mw:Help:Images">mw:Help:Images#Gallery syntax</a>. For example: </p> <div style="overflow:auto;" class="mw-highlight mw-highlight-lang-tid mw-content-ltr" dir="ltr"><pre><span></span><span class="nt"><gallery mode="packed-hover" heights="180"></span> File:Galerella sanguinea Zoo Praha 2011-2.jpg|''[[<span class="nt">Galerella sanguinea</span>]]'' (Slender Mongoose) File:Felis silvestris silvestris.jpg|''[[<span class="nt">Felis silvestris</span>|<span class="na">Felis silvestris silvestris</span>]]'' File:Six weeks old cat (aka).jpg|''[[<span class="nt">Felis silvestris catus</span>]]'' (A Young Cat) File:Felis catus-cat on snow.jpg|''[[<span class="nt">Felis catus</span>]]'' (cat on snow) File:Tired 20-year-old cat.jpg|''[[<span class="nt">Felis silvestris catus</span>]]'' (Tired 20-year-old cat) File:Cat November 2010-1a.jpg|''[[<span class="nt">Felis silvestris catus</span>]]'' (Cat) File:Felis silvestris silvestris Luc Viatour.jpg|''[[<span class="nt">Felis silvestris silvestris</span>]]'' (European wildcat) File:June odd-eyed-cat cropped.jpg|''[[<span class="nt">Felis catus</span>]]'' (Domestic cat) File:Lynx kitten.jpg|''[[<span class="nt">Lynx lynx</span>]]'' (A Young Lynx) <span class="nt"></gallery></span> </pre></div> <p>produces: </p> <ul class="gallery mw-gallery-packed-hover"> <li class="gallerybox" style="width: 157.33333333333px"> <div class="thumb" style="width: 155.33333333333px;"><span typeof="mw:File"><a href="/wiki/File:Galerella_sanguinea_Zoo_Praha_2011-2.jpg" class="mw-file-description" title="Galerella sanguinea (Slender Mongoose)"><img alt="Galerella sanguinea (Slender Mongoose)" src="//upload.wikimedia.org/wikipedia/commons/thumb/0/0c/Galerella_sanguinea_Zoo_Praha_2011-2.jpg/233px-Galerella_sanguinea_Zoo_Praha_2011-2.jpg" decoding="async" width="156" height="180" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/0/0c/Galerella_sanguinea_Zoo_Praha_2011-2.jpg/350px-Galerella_sanguinea_Zoo_Praha_2011-2.jpg 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/0/0c/Galerella_sanguinea_Zoo_Praha_2011-2.jpg/467px-Galerella_sanguinea_Zoo_Praha_2011-2.jpg 2x" data-file-width="2000" data-file-height="2313"/></a></span></div> <div class="gallerytextwrapper" style="width: 136px"><div class="gallerytext"><i><a href="/wiki/Galerella_sanguinea" class="mw-redirect" title="Galerella sanguinea">Galerella sanguinea</a></i> (Slender Mongoose) </div> </div> </li> <li class="gallerybox" style="width: 158px"> <div class="thumb" style="width: 156px;"><span typeof="mw:File"><a href="/wiki/File:Felis_silvestris_silvestris.jpg" class="mw-file-description" title="Felis silvestris silvestris"><img alt="Felis silvestris silvestris" src="//upload.wikimedia.org/wikipedia/commons/thumb/0/0e/Felis_silvestris_silvestris.jpg/234px-Felis_silvestris_silvestris.jpg" decoding="async" width="156" height="180" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/0/0e/Felis_silvestris_silvestris.jpg/350px-Felis_silvestris_silvestris.jpg 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/0/0e/Felis_silvestris_silvestris.jpg/467px-Felis_silvestris_silvestris.jpg 2x" data-file-width="1496" data-file-height="1729"/></a></span></div> <div class="gallerytextwrapper" style="width: 136px"><div class="gallerytext"><i><a href="/wiki/Felis_silvestris" class="mw-redirect" title="Felis silvestris">Felis silvestris silvestris</a></i></div> </div> </li> <li class="gallerybox" style="width: 272px"> <div class="thumb" style="width: 270px;"><span typeof="mw:File"><a href="/wiki/File:Six_weeks_old_cat_(aka).jpg" class="mw-file-description" title="Felis silvestris catus (A Young Cat)"><img alt="Felis silvestris catus (A Young Cat)" src="//upload.wikimedia.org/wikipedia/commons/thumb/c/c1/Six_weeks_old_cat_%28aka%29.jpg/405px-Six_weeks_old_cat_%28aka%29.jpg" decoding="async" width="270" height="180" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/c/c1/Six_weeks_old_cat_%28aka%29.jpg/608px-Six_weeks_old_cat_%28aka%29.jpg 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/c/c1/Six_weeks_old_cat_%28aka%29.jpg/810px-Six_weeks_old_cat_%28aka%29.jpg 2x" data-file-width="2122" data-file-height="1415"/></a></span></div> <div class="gallerytextwrapper" style="width: 250px"><div class="gallerytext"><i><a href="/wiki/Felis_silvestris_catus" class="mw-redirect" title="Felis silvestris catus">Felis silvestris catus</a></i> (A Young Cat)</div> </div> </li> <li class="gallerybox" style="width: 272px"> <div class="thumb" style="width: 270px;"><span typeof="mw:File"><a href="/wiki/File:Felis_catus-cat_on_snow.jpg" class="mw-file-description" title="Felis catus (cat on snow)"><img alt="Felis catus (cat on snow)" src="//upload.wikimedia.org/wikipedia/commons/thumb/b/b6/Felis_catus-cat_on_snow.jpg/405px-Felis_catus-cat_on_snow.jpg" decoding="async" width="270" height="180" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/b/b6/Felis_catus-cat_on_snow.jpg/608px-Felis_catus-cat_on_snow.jpg 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/b/b6/Felis_catus-cat_on_snow.jpg/810px-Felis_catus-cat_on_snow.jpg 2x" data-file-width="3000" data-file-height="2000"/></a></span></div> <div class="gallerytextwrapper" style="width: 250px"><div class="gallerytext"><i><a href="/wiki/Felis_catus" class="mw-redirect" title="Felis catus">Felis catus</a></i> (cat on snow)</div> </div> </li> <li class="gallerybox" style="width: 241.33333333333px"> <div class="thumb" style="width: 239.33333333333px;"><span typeof="mw:File"><a href="/wiki/File:Tired_20-year-old_cat.jpg" class="mw-file-description" title="Felis silvestris catus (Tired 20-year-old cat)"><img alt="Felis silvestris catus (Tired 20-year-old cat)" src="//upload.wikimedia.org/wikipedia/commons/thumb/3/32/Tired_20-year-old_cat.jpg/359px-Tired_20-year-old_cat.jpg" decoding="async" width="240" height="180" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/3/32/Tired_20-year-old_cat.jpg/538px-Tired_20-year-old_cat.jpg 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/3/32/Tired_20-year-old_cat.jpg/717px-Tired_20-year-old_cat.jpg 2x" data-file-width="2484" data-file-height="1870"/></a></span></div> <div class="gallerytextwrapper" style="width: 220px"><div class="gallerytext"><i><a href="/wiki/Felis_silvestris_catus" class="mw-redirect" title="Felis silvestris catus">Felis silvestris catus</a></i> (Tired 20-year-old cat)</div> </div> </li> <li class="gallerybox" style="width: 136.66666666667px"> <div class="thumb" style="width: 134.66666666667px;"><span typeof="mw:File"><a href="/wiki/File:Cat_November_2010-1a.jpg" class="mw-file-description" title="Felis silvestris catus (Cat)"><img alt="Felis silvestris catus (Cat)" src="//upload.wikimedia.org/wikipedia/commons/thumb/4/4d/Cat_November_2010-1a.jpg/202px-Cat_November_2010-1a.jpg" decoding="async" width="135" height="180" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/4/4d/Cat_November_2010-1a.jpg/303px-Cat_November_2010-1a.jpg 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/4/4d/Cat_November_2010-1a.jpg/404px-Cat_November_2010-1a.jpg 2x" data-file-width="1795" data-file-height="2397"/></a></span></div> <div class="gallerytextwrapper" style="width: 115px"><div class="gallerytext"><i><a href="/wiki/Felis_silvestris_catus" class="mw-redirect" title="Felis silvestris catus">Felis silvestris catus</a></i> (Cat)</div> </div> </li> <li class="gallerybox" style="width: 122px"> <div class="thumb" style="width: 120px;"><span typeof="mw:File"><a href="/wiki/File:Felis_silvestris_silvestris_Luc_Viatour.jpg" class="mw-file-description" title="Felis silvestris silvestris (European wildcat)"><img alt="Felis silvestris silvestris (European wildcat)" src="//upload.wikimedia.org/wikipedia/commons/thumb/d/d0/Felis_silvestris_silvestris_Luc_Viatour.jpg/180px-Felis_silvestris_silvestris_Luc_Viatour.jpg" decoding="async" width="120" height="180" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/d/d0/Felis_silvestris_silvestris_Luc_Viatour.jpg/270px-Felis_silvestris_silvestris_Luc_Viatour.jpg 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/d/d0/Felis_silvestris_silvestris_Luc_Viatour.jpg/360px-Felis_silvestris_silvestris_Luc_Viatour.jpg 2x" data-file-width="2723" data-file-height="4085"/></a></span></div> <div class="gallerytextwrapper" style="width: 100px"><div class="gallerytext"><i><a href="/wiki/Felis_silvestris_silvestris" class="mw-redirect" title="Felis silvestris silvestris">Felis silvestris silvestris</a></i> (European wildcat)</div> </div> </li> <li class="gallerybox" style="width: 216px"> <div class="thumb" style="width: 214px;"><span typeof="mw:File"><a href="/wiki/File:June_odd-eyed-cat_cropped.jpg" class="mw-file-description" title="Felis catus (Domestic cat)"><img alt="Felis catus (Domestic cat)" src="//upload.wikimedia.org/wikipedia/commons/thumb/6/69/June_odd-eyed-cat_cropped.jpg/321px-June_odd-eyed-cat_cropped.jpg" decoding="async" width="214" height="180" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/6/69/June_odd-eyed-cat_cropped.jpg/481px-June_odd-eyed-cat_cropped.jpg 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/6/69/June_odd-eyed-cat_cropped.jpg/641px-June_odd-eyed-cat_cropped.jpg 2x" data-file-width="1858" data-file-height="1565"/></a></span></div> <div class="gallerytextwrapper" style="width: 194px"><div class="gallerytext"><i><a href="/wiki/Felis_catus" class="mw-redirect" title="Felis catus">Felis catus</a></i> (Domestic cat)</div> </div> </li> <li class="gallerybox" style="width: 272px"> <div class="thumb" style="width: 270px;"><span typeof="mw:File"><a href="/wiki/File:Lynx_kitten.jpg" class="mw-file-description" title="Lynx lynx (A Young Lynx)"><img alt="Lynx lynx (A Young Lynx)" src="//upload.wikimedia.org/wikipedia/commons/thumb/0/02/Lynx_kitten.jpg/405px-Lynx_kitten.jpg" decoding="async" width="270" height="180" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/0/02/Lynx_kitten.jpg/608px-Lynx_kitten.jpg 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/0/02/Lynx_kitten.jpg/810px-Lynx_kitten.jpg 2x" data-file-width="2146" data-file-height="1431"/></a></span></div> <div class="gallerytextwrapper" style="width: 250px"><div class="gallerytext"><i><a href="/wiki/Lynx_lynx" class="mw-redirect" title="Lynx lynx">Lynx lynx</a></i> (A Young Lynx)</div> </div> </li> </ul> <p><br/> The <span class="nowrap">{{</span><a href="/wiki/Template:Gallery" title="Template:Gallery">Gallery</a><span class="nowrap">}}</span> template offers a third method: </p> <div class="mw-highlight mw-highlight-lang-wikitext mw-content-ltr" dir="ltr"><pre><span></span><span class="p">{{</span><span class="nt">Gallery</span> <span class="p">|</span><span class="nl">title</span><span class="o">=</span>Cultural depictions of George Washington <span class="p">|</span><span class="nl">width</span><span class="o">=</span>160 <span class="p">|</span><span class="nl">height</span><span class="o">=</span>170 <span class="p">|</span><span class="nl">align</span><span class="o">=</span>center <span class="p">|</span>File:Federal Hall NYC 27.JPG<span class="p">|</span><span class="nl">alt1</span><span class="o">=</span>Back of statue facing a city building whose facade is Greek columns covered by a huge U.S. flag<span class="p">|</span>The statue of Washington outside <span class="p">[[</span><span class="nt">Federal Hall</span><span class="p">]]</span> in <span class="p">[[</span><span class="nt">New York City</span><span class="p">]]</span>, looking on <span class="p">[[</span><span class="nt">Wall Street</span><span class="p">]]</span>. <span class="p">|</span>File:Mount Rushmore2.jpg<span class="p">|</span><span class="nl">alt2</span><span class="o">=</span>Profile of stone face jutting out from a mountainside. Three workers clamber over it, each about the height of the face's upper lip.<span class="p">|</span>Construction on the George Washington portrait at <span class="p">[[</span><span class="nt">Mount Rushmore</span><span class="p">]]</span>, c. 1932. <span class="p">|</span>File:2014 ATB Quarter Obv.png<span class="p">|</span><span class="nl">alt3</span><span class="o">=</span>Silver coin with profile of Washington bust. He faces left regally and wears a colonial-style queue in his hair. "UNITED STATES OF AMERICA" is at top, "QUARTER DOLLAR" at bottom, "LIBERTY" at left, and "IN GOD WE TRUST" above "P" at right. Just below the bust is "JF uc" in tiny letters.<span class="p">|</span>Washington is commemorated on the <span class="p">[[</span><span class="nt">Quarter (United States coin)</span><span class="p">|</span>quarter<span class="p">]]</span>. <span class="p">|</span>File:George Washington Presidential $1 Coin obverse.png<span class="p">|</span><span class="nl">alt4</span><span class="o">=</span>Gold coin with bust of Washington facing slightly left of but looking sternly straight at the viewer. "GEORGE WASHINGTON" is above, "1st PRESIDENT 1789–1797" below, and "JFM" in tiny letters at the bust's base.<span class="p">|</span>Washington is also commemorated on some <span class="p">[[</span><span class="nt">dollar coin (United States)</span><span class="p">|</span>dollar coins<span class="p">]]</span>. <span class="p">}}</span> </pre></div> <style data-mw-deduplicate="TemplateStyles:r1248256098">@media all and (max-width:720px){.mw-parser-output .mod-gallery{width:100%!important}}.mw-parser-output .mod-gallery{display:table}.mw-parser-output .mod-gallery-default{background:transparent;margin-top:4px}.mw-parser-output .mod-gallery-center{margin-left:auto;margin-right:auto}.mw-parser-output .mod-gallery-left{float:left}.mw-parser-output .mod-gallery-right{float:right}.mw-parser-output .mod-gallery-none{float:none}.mw-parser-output .mod-gallery-collapsible{width:100%}.mw-parser-output .mod-gallery .title,.mw-parser-output .mod-gallery .main,.mw-parser-output .mod-gallery .footer{display:table-row}.mw-parser-output .mod-gallery .title>div{display:table-cell;padding:0 4px 4px;text-align:center;font-weight:bold}.mw-parser-output .mod-gallery .main>div{display:table-cell}.mw-parser-output .mod-gallery .gallery{line-height:1.35em}.mw-parser-output .mod-gallery .footer>div{display:table-cell;padding:4px;text-align:right;font-size:85%;line-height:1em}.mw-parser-output .mod-gallery .title>div *,.mw-parser-output .mod-gallery .footer>div *{overflow:visible}.mw-parser-output .mod-gallery .gallerybox img{background:none!important}.mw-parser-output .mod-gallery .bordered-images .thumb img{border:solid var(--background-color-neutral,#eaecf0)1px}.mw-parser-output .mod-gallery .whitebg .thumb{background:var(--background-color-base,#fff)!important}</style><div class="mod-gallery mod-gallery-default mod-gallery-center"><div class="title"><div>Cultural depictions of George Washington</div></div><div class="main"><div><ul class="gallery mw-gallery-traditional nochecker bordered-images whitebg"> <li class="gallerybox" style="width: 195px"> <div class="thumb" style="width: 190px; height: 200px;"><span typeof="mw:File"><a href="/wiki/File:Federal_Hall_NYC_27.JPG" class="mw-file-description" title="The statue of Washington outside Federal Hall in New York City, looking on Wall Street."><img alt="Back of statue facing a city building whose facade is Greek columns covered by a huge U.S. flag" src="//upload.wikimedia.org/wikipedia/commons/thumb/f/f8/Federal_Hall_NYC_27.JPG/127px-Federal_Hall_NYC_27.JPG" decoding="async" width="127" height="170" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/f/f8/Federal_Hall_NYC_27.JPG/191px-Federal_Hall_NYC_27.JPG 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/f/f8/Federal_Hall_NYC_27.JPG/255px-Federal_Hall_NYC_27.JPG 2x" data-file-width="1200" data-file-height="1600"/></a></span></div> <div class="gallerytext">The statue of Washington outside <a href="/wiki/Federal_Hall" title="Federal Hall">Federal Hall</a> in <a href="/wiki/New_York_City" title="New York City">New York City</a>, looking on <a href="/wiki/Wall_Street" title="Wall Street">Wall Street</a>.</div> </li> <li class="gallerybox" style="width: 195px"> <div class="thumb" style="width: 190px; height: 200px;"><span typeof="mw:File"><a href="/wiki/File:Mount_Rushmore2.jpg" class="mw-file-description" title="Construction on the George Washington portrait at Mount Rushmore, c. 1932."><img alt="Profile of stone face jutting out from a mountainside. Three workers clamber over it, each about the height of the face's upper lip." src="//upload.wikimedia.org/wikipedia/commons/thumb/f/f5/Mount_Rushmore2.jpg/128px-Mount_Rushmore2.jpg" decoding="async" width="128" height="170" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/f/f5/Mount_Rushmore2.jpg/192px-Mount_Rushmore2.jpg 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/f/f5/Mount_Rushmore2.jpg/255px-Mount_Rushmore2.jpg 2x" data-file-width="2828" data-file-height="3762"/></a></span></div> <div class="gallerytext">Construction on the George Washington portrait at <a href="/wiki/Mount_Rushmore" title="Mount Rushmore">Mount Rushmore</a>, c. 1932.</div> </li> <li class="gallerybox" style="width: 195px"> <div class="thumb" style="width: 190px; height: 200px;"><span typeof="mw:File"><a href="/wiki/File:2014_ATB_Quarter_Obv.png" class="mw-file-description" title="Washington is commemorated on the quarter."><img alt="Silver coin with profile of Washington bust. He faces left regally and wears a colonial-style queue in his hair. "UNITED STATES OF AMERICA" is at top, "QUARTER DOLLAR" at bottom, "LIBERTY" at left, and "IN GOD WE TRUST" above "P" at right. Just below the bust is "JF uc" in tiny letters." src="//upload.wikimedia.org/wikipedia/commons/thumb/4/44/2014_ATB_Quarter_Obv.png/160px-2014_ATB_Quarter_Obv.png" decoding="async" width="160" height="160" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/4/44/2014_ATB_Quarter_Obv.png 1.5x" data-file-width="200" data-file-height="200"/></a></span></div> <div class="gallerytext">Washington is commemorated on the <a href="/wiki/Quarter_(United_States_coin)" title="Quarter (United States coin)">quarter</a>.</div> </li> <li class="gallerybox" style="width: 195px"> <div class="thumb" style="width: 190px; height: 200px;"><span typeof="mw:File"><a href="/wiki/File:George_Washington_Presidential_$1_Coin_obverse.png" class="mw-file-description" title="Washington is also commemorated on some dollar coins."><img alt="Gold coin with bust of Washington facing slightly left of but looking sternly straight at the viewer. "GEORGE WASHINGTON" is above, "1st PRESIDENT 1789–1797" below, and "JFM" in tiny letters at the bust's base." src="//upload.wikimedia.org/wikipedia/commons/thumb/0/0a/George_Washington_Presidential_%241_Coin_obverse.png/160px-George_Washington_Presidential_%241_Coin_obverse.png" decoding="async" width="160" height="160" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/0/0a/George_Washington_Presidential_%241_Coin_obverse.png/240px-George_Washington_Presidential_%241_Coin_obverse.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/0/0a/George_Washington_Presidential_%241_Coin_obverse.png/320px-George_Washington_Presidential_%241_Coin_obverse.png 2x" data-file-width="2000" data-file-height="2000"/></a></span></div> <div class="gallerytext">Washington is also commemorated on some <a href="/wiki/Dollar_coin_(United_States)" title="Dollar coin (United States)">dollar coins</a>.</div> </li> </ul></div></div></div> <div class="mw-heading mw-heading3"><h3 id="Forcing_a_break" data-mw-thread-id="h-Forcing_a_break-Avoiding_stack-ups"><span data-mw-comment-start="" id="h-Forcing_a_break-Avoiding_stack-ups"></span>Forcing a break<span data-mw-comment-end="h-Forcing_a_break-Avoiding_stack-ups"></span></h3></div> <p>As a final resort, you can force the browser to insert a break, making all text and pictures appear below the bottom of the first picture. This can produce rather unattractive gaps, particularly in the accompanying text. Remember that text will flow and wrap differently for other users, based on their chosen browser, screen resolution, default font size, accessibility options, number of toolbars and sidebars (such as instant messaging panes) and more. Do not force page design just so that it looks pretty on <i>your</i> display. Hack only where absolutely necessary. Wherever possible, just use the simplest logical page flow. </p> <div class="mw-highlight mw-highlight-lang-wikitext mw-content-ltr" dir="ltr"><pre><span></span><span class="p">{{</span><span class="nt">clear</span><span class="p">}}</span> </pre></div> <blockquote> <figure class="mw-default-size" typeof="mw:File/Thumb"><a href="/wiki/File:Wikipedesketch.png" class="mw-file-description"><img alt="A cartoon centipede reads books and types on a laptop." src="//upload.wikimedia.org/wikipedia/commons/thumb/2/22/Wikipedesketch.png/220px-Wikipedesketch.png" decoding="async" width="220" height="220" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/2/22/Wikipedesketch.png 1.5x" data-file-width="240" data-file-height="240"/></a><figcaption>The Wikipede edits <i><a href="/wiki/Myriapoda" title="Myriapoda">Myriapoda</a></i>.</figcaption></figure> <div style="color:#996633"> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </p> </div> <div style="clear:both;" class=""></div> <figure class="mw-default-size" typeof="mw:File/Thumb"><a href="/wiki/File:Flag_of_Scotland.svg" class="mw-file-description"><img alt="White diagonal cross over blue background" src="//upload.wikimedia.org/wikipedia/commons/thumb/1/10/Flag_of_Scotland.svg/220px-Flag_of_Scotland.svg.png" decoding="async" width="220" height="132" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/1/10/Flag_of_Scotland.svg/330px-Flag_of_Scotland.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/1/10/Flag_of_Scotland.svg/440px-Flag_of_Scotland.svg.png 2x" data-file-width="1000" data-file-height="600"/></a><figcaption>Flag of Scotland</figcaption></figure> <div style="color:#996633"> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </p> </div> <div style="clear:both;" class=""></div> </blockquote> <div class="mw-heading mw-heading2 ext-discussiontools-init-section"><h2 id="Plain_pictures" data-mw-thread-id="h-Plain_pictures"><span data-mw-comment-start="" id="h-Plain_pictures"></span>Plain pictures<span data-mw-comment-end="h-Plain_pictures"></span></h2><!--__DTELLIPSISBUTTON__{"threadItem":{"headingLevel":2,"name":"h-","type":"heading","level":0,"id":"h-Plain_pictures","replies":["h-Plain_picture_sizes-Plain_pictures","h-Border-Plain_pictures","h-Horizontal_placement-Plain_pictures","h-Vertical_alignment-Plain_pictures","h-Links-Plain_pictures","h-Image_maps-Plain_pictures"]}}--></div> <p>Most pictures in articles are thumbnails, but sometimes more specialized needs require finer grained control. A plain picture with no formatting can be inserted with: </p> <dl><dd><code>[[File:Wikipedesketch.png|A cartoon centipede reads books and types on a laptop.]]</code></dd></dl> <p>In this plain picture the text <code>A cartoon centipede reads books and types on a laptop.</code> is not visible as a caption. Instead, it appears as the title text of the image, commonly displayed as a <a href="/wiki/Tooltip" title="Tooltip">tooltip</a> during a <a href="/wiki/Mouseover" title="Mouseover">mouseover</a>. In a thumbnail the alt text defaults to empty, but a plain picture's alt text defaults to its title text if given and to the picture's file name if not; this default can be overridden with an explicit <code>alt=<i>Alt text</i></code> option. Title text, like alt text, will ignore any Wiki markup. </p><p>A plain picture can be placed anywhere in the article, and acts as a big character in the text, so that nearby text does not float or wrap around it. For example: </p> <blockquote><div style="color:#996633"> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </p> </div><p>*<span class="mw-default-size" typeof="mw:File"><a href="/wiki/File:Wikipedesketch.png" class="mw-file-description" title="A cartoon centipede reads books and types on a laptop."><img alt="A cartoon centipede reads books and types on a laptop." src="//upload.wikimedia.org/wikipedia/commons/2/22/Wikipedesketch.png" decoding="async" width="240" height="240" class="mw-file-element" data-file-width="240" data-file-height="240"/></a></span>*</p><span style="color:#996633"> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </p> </span></blockquote> <ul><li><i>Note:</i> To achieve a plain image with a caption, one can use <span class="nowrap">{{</span><a href="/wiki/Template:Plain_image_with_caption" title="Template:Plain image with caption">Plain image with caption</a><span class="nowrap">}}</span>. The caption is automatically added as the image's title and alt text, and any wiki markup used on it will be correctly displayed on the caption, but will be automatically stripped down from the alt and title text. See an example <a href="/wiki/George_Grey" title="George Grey">here</a>.</li></ul> <div style="clear:both;" class=""></div> <div class="mw-heading mw-heading3"><h3 id="Plain_picture_sizes" data-mw-thread-id="h-Plain_picture_sizes-Plain_pictures"><span data-mw-comment-start="" id="h-Plain_picture_sizes-Plain_pictures"></span>Plain picture sizes<span data-mw-comment-end="h-Plain_picture_sizes-Plain_pictures"></span></h3></div> <p>A plain picture defaults to the image's native size. This can be overridden with an explicit size. For example: </p> <dl><dd><code>[[File:Wikipedesketch.png|50px|A cartoon centipede reads books and types on a laptop.]]</code></dd></dl> <blockquote><div style="color:#996633"> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </p> </div><p>*<span typeof="mw:File"><a href="/wiki/File:Wikipedesketch.png" class="mw-file-description" title="A cartoon centipede reads books and types on a laptop."><img alt="A cartoon centipede reads books and types on a laptop." src="//upload.wikimedia.org/wikipedia/commons/thumb/2/22/Wikipedesketch.png/50px-Wikipedesketch.png" decoding="async" width="50" height="50" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/2/22/Wikipedesketch.png/75px-Wikipedesketch.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/2/22/Wikipedesketch.png/100px-Wikipedesketch.png 2x" data-file-width="240" data-file-height="240"/></a></span>*</p><span style="color:#996633"> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </p> </span></blockquote> <div style="clear:both;" class=""></div> <p><span class="anchor" id="frameless"></span> The <code>frameless</code> option causes a plain picture to default to the same size as a thumbnail. <a href="#Thumbnail_sizes">As with thumbnails</a>, the default can be adjusted with the <code>upright=<i>factor</i></code> option. If you use the common default of 220 pixels for thumbnail widths, the following example image's width will be 220 × 0.2 pixels, which rounds to 40 pixels: </p> <dl><dd><code>[[File:Amun.svg|frameless|upright=0.2|alt=Full-length profile of man in ancient Egyptian clothing. He has red-brown skin and wears a helmet with tall yellow plumes.|The Egyptian god Amun, portrayed before the Amarna period]]</code></dd></dl> <blockquote><div style="color:#996633"> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </p> </div><p>*<span class="mw-default-size" typeof="mw:File/Frameless"><a href="/wiki/File:Amun.svg" class="mw-file-description" title="The Egyptian god Amun, portrayed before the Amarna period"><img alt="Full-length profile of man in ancient Egyptian clothing. He has red-brown skin and wears a helmet with tall yellow plumes." src="//upload.wikimedia.org/wikipedia/commons/thumb/5/57/Amun.svg/40px-Amun.svg.png" decoding="async" width="40" height="106" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/5/57/Amun.svg/60px-Amun.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/5/57/Amun.svg/80px-Amun.svg.png 2x" data-file-width="350" data-file-height="925"/></a></span>*</p><div style="color:#996633"> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </p> </div></blockquote> <div style="clear:both;" class=""></div> <div class="mw-heading mw-heading3"><h3 id="Border" data-mw-thread-id="h-Border-Plain_pictures"><span data-mw-comment-start="" id="h-Border-Plain_pictures"></span>Border<span data-mw-comment-end="h-Border-Plain_pictures"></span></h3></div> <p>The <code>border</code> option adds a one-pixel border, which can be useful when it is important to distinguish image from background. Here is the same picture with and without a border. </p> <dl><dd><code>[[File:Flag of Japan.svg|border|30px|White flag containing solid red circle]]</code></dd> <dd><code>[[File:Flag of Japan.svg|30px|White flag containing solid red circle]]</code></dd></dl> <p>This generates <span class="nowrap">"<span class="mw-image-border" typeof="mw:File"><a href="/wiki/File:Flag_of_Japan.svg" class="mw-file-description" title="White flag containing solid red circle"><img alt="White flag containing solid red circle" src="//upload.wikimedia.org/wikipedia/en/thumb/9/9e/Flag_of_Japan.svg/30px-Flag_of_Japan.svg.png" decoding="async" width="30" height="20" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/en/thumb/9/9e/Flag_of_Japan.svg/45px-Flag_of_Japan.svg.png 1.5x, //upload.wikimedia.org/wikipedia/en/thumb/9/9e/Flag_of_Japan.svg/60px-Flag_of_Japan.svg.png 2x" data-file-width="900" data-file-height="600"/></a></span> <span typeof="mw:File"><a href="/wiki/File:Flag_of_Japan.svg" class="mw-file-description" title="White flag containing solid red circle"><img alt="White flag containing solid red circle" src="//upload.wikimedia.org/wikipedia/en/thumb/9/9e/Flag_of_Japan.svg/30px-Flag_of_Japan.svg.png" decoding="async" width="30" height="20" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/en/thumb/9/9e/Flag_of_Japan.svg/45px-Flag_of_Japan.svg.png 1.5x, //upload.wikimedia.org/wikipedia/en/thumb/9/9e/Flag_of_Japan.svg/60px-Flag_of_Japan.svg.png 2x" data-file-width="900" data-file-height="600"/></a></span>"</span>. </p> <div class="mw-heading mw-heading3"><h3 id="Horizontal_placement" data-mw-thread-id="h-Horizontal_placement-Plain_pictures"><span data-mw-comment-start="" id="h-Horizontal_placement-Plain_pictures"></span>Horizontal placement<span data-mw-comment-end="h-Horizontal_placement-Plain_pictures"></span></h3></div> <p>Like thumbnails, plain pictures can be floated left or right with text flowing around them; or centered or put left without text flow. The only difference is that the <code>right</code> parameter is required to float a plain picture to the right, whereas floating right is the default for thumbnails. For example: </p> <dl><dd><code>[[File:Wikipedesketch.png|right|A cartoon centipede reads books and types on a laptop.]]</code></dd></dl> <blockquote><span style="color:#996633"> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </p> </span><p>*</p><figure class="mw-default-size mw-halign-right" typeof="mw:File"><a href="/wiki/File:Wikipedesketch.png" class="mw-file-description" title="A cartoon centipede reads books and types on a laptop."><img alt="A cartoon centipede reads books and types on a laptop." src="//upload.wikimedia.org/wikipedia/commons/2/22/Wikipedesketch.png" decoding="async" width="240" height="240" class="mw-file-element" data-file-width="240" data-file-height="240"/></a><figcaption>A cartoon centipede reads books and types on a laptop.</figcaption></figure><p>*</p><span style="color:#996633"> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </p><p>Curabitur pretium tincidunt lacus. Nulla gravida orci a odio. Nullam varius, turpis et commodo pharetra, est eros bibendum elit, nec luctus magna felis sollicitudin mauris. Integer in mauris eu nibh euismod gravida. Duis ac tellus et risus vulputate vehicula. Donec lobortis risus a elit. Etiam tempor. Ut ullamcorper, ligula eu tempor congue, eros est euismod turpis, id tincidunt sapien risus a quam. Maecenas fermentum consequat mi. Donec fermentum. Pellentesque malesuada nulla a mi. Duis sapien sem, aliquet nec, commodo eget, consequat quis, neque. Aliquam faucibus, elit ut dictum aliquet, felis nisl adipiscing sapien, sed malesuada diam lacus eget erat. Cras mollis scelerisque nunc. Nullam arcu. Aliquam consequat. Curabitur augue lorem, dapibus quis, laoreet et, pretium ac, nisi. Aenean magna nisl, mollis quis, molestie eu, feugiat in, orci. In hac habitasse platea dictumst. </p> </span></blockquote> <div style="clear:both;" class=""></div> <div class="mw-heading mw-heading3"><h3 id="Vertical_alignment" data-mw-thread-id="h-Vertical_alignment-Plain_pictures"><span data-mw-comment-start="" id="h-Vertical_alignment-Plain_pictures"></span>Vertical alignment<span data-mw-comment-end="h-Vertical_alignment-Plain_pictures"></span></h3></div> <p><span class="anchor" id="baseline"></span><span class="anchor" id="middle"></span><span class="anchor" id="sub"></span><span class="anchor" id="super"></span><span class="anchor" id="text-top"></span><span class="anchor" id="text-bottom"></span><span class="anchor" id="top"></span><span class="anchor" id="bottom"></span> </p><p>When a plain picture appears in text, it is aligned so that its vertical middle is roughly where the center of a lower-case "x" would be; if the image is larger than the line is tall, it sticks out both above and below. The <a href="/wiki/Wikipedia:Extended_image_syntax#Vertical_alignment" title="Wikipedia:Extended image syntax">vertical alignment syntax</a> provides several options to adjust this. For example, the <code>baseline</code> option: </p> <dl><dd><code>x[[File:Flag of Hungary vertical.svg|baseline|8px|Vertical version of horizontal tricolor flag (red, white, green)]]x</code></dd></dl> <p>generates "<span class="nowrap">x<span class="mw-valign-baseline" typeof="mw:File"><a href="/wiki/File:Flag_of_Hungary_vertical.svg" class="mw-file-description" title="Vertical version of horizontal tricolor flag (red, white, green)"><img alt="Vertical version of horizontal tricolor flag (red, white, green)" src="//upload.wikimedia.org/wikipedia/commons/thumb/d/d4/Flag_of_Hungary_vertical.svg/8px-Flag_of_Hungary_vertical.svg.png" decoding="async" width="8" height="16" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/d/d4/Flag_of_Hungary_vertical.svg/12px-Flag_of_Hungary_vertical.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/d/d4/Flag_of_Hungary_vertical.svg/16px-Flag_of_Hungary_vertical.svg.png 2x" data-file-width="600" data-file-height="1200"/></a></span>x</span>" instead of the default "<span class="nowrap">x<span typeof="mw:File"><a href="/wiki/File:Flag_of_Hungary_vertical.svg" class="mw-file-description" title="Vertical version of horizontal tricolor flag (red, white, green)"><img alt="Vertical version of horizontal tricolor flag (red, white, green)" src="//upload.wikimedia.org/wikipedia/commons/thumb/d/d4/Flag_of_Hungary_vertical.svg/8px-Flag_of_Hungary_vertical.svg.png" decoding="async" width="8" height="16" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/d/d4/Flag_of_Hungary_vertical.svg/12px-Flag_of_Hungary_vertical.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/d/d4/Flag_of_Hungary_vertical.svg/16px-Flag_of_Hungary_vertical.svg.png 2x" data-file-width="600" data-file-height="1200"/></a></span>x</span>". Available options for vertical alignment, next to the output that they generate, are <span class="nowrap"><code>baseline<span class="mw-valign-baseline" typeof="mw:File"><a href="/wiki/File:Flag_of_Hungary_vertical.svg" class="mw-file-description" title="Vertical version of horizontal tricolor flag (red, white, green)"><img alt="Vertical version of horizontal tricolor flag (red, white, green)" src="//upload.wikimedia.org/wikipedia/commons/thumb/d/d4/Flag_of_Hungary_vertical.svg/8px-Flag_of_Hungary_vertical.svg.png" decoding="async" width="8" height="16" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/d/d4/Flag_of_Hungary_vertical.svg/12px-Flag_of_Hungary_vertical.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/d/d4/Flag_of_Hungary_vertical.svg/16px-Flag_of_Hungary_vertical.svg.png 2x" data-file-width="600" data-file-height="1200"/></a></span></code></span>, <span class="nowrap"><code>middle<span class="mw-valign-middle" typeof="mw:File"><a href="/wiki/File:Flag_of_Hungary_vertical.svg" class="mw-file-description" title="Vertical version of horizontal tricolor flag (red, white, green)"><img alt="Vertical version of horizontal tricolor flag (red, white, green)" src="//upload.wikimedia.org/wikipedia/commons/thumb/d/d4/Flag_of_Hungary_vertical.svg/8px-Flag_of_Hungary_vertical.svg.png" decoding="async" width="8" height="16" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/d/d4/Flag_of_Hungary_vertical.svg/12px-Flag_of_Hungary_vertical.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/d/d4/Flag_of_Hungary_vertical.svg/16px-Flag_of_Hungary_vertical.svg.png 2x" data-file-width="600" data-file-height="1200"/></a></span></code></span> (the default), <span class="nowrap"><code>sub<span class="mw-valign-sub" typeof="mw:File"><a href="/wiki/File:Flag_of_Hungary_vertical.svg" class="mw-file-description" title="Vertical version of horizontal tricolor flag (red, white, green)"><img alt="Vertical version of horizontal tricolor flag (red, white, green)" src="//upload.wikimedia.org/wikipedia/commons/thumb/d/d4/Flag_of_Hungary_vertical.svg/8px-Flag_of_Hungary_vertical.svg.png" decoding="async" width="8" height="16" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/d/d4/Flag_of_Hungary_vertical.svg/12px-Flag_of_Hungary_vertical.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/d/d4/Flag_of_Hungary_vertical.svg/16px-Flag_of_Hungary_vertical.svg.png 2x" data-file-width="600" data-file-height="1200"/></a></span></code></span>, <span class="nowrap"><code>super<span class="mw-valign-super" typeof="mw:File"><a href="/wiki/File:Flag_of_Hungary_vertical.svg" class="mw-file-description" title="Vertical version of horizontal tricolor flag (red, white, green)"><img alt="Vertical version of horizontal tricolor flag (red, white, green)" src="//upload.wikimedia.org/wikipedia/commons/thumb/d/d4/Flag_of_Hungary_vertical.svg/8px-Flag_of_Hungary_vertical.svg.png" decoding="async" width="8" height="16" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/d/d4/Flag_of_Hungary_vertical.svg/12px-Flag_of_Hungary_vertical.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/d/d4/Flag_of_Hungary_vertical.svg/16px-Flag_of_Hungary_vertical.svg.png 2x" data-file-width="600" data-file-height="1200"/></a></span></code></span>, <span class="nowrap"><code>text-top<span class="mw-valign-text-top" typeof="mw:File"><a href="/wiki/File:Flag_of_Hungary_vertical.svg" class="mw-file-description" title="Vertical version of horizontal tricolor flag (red, white, green)"><img alt="Vertical version of horizontal tricolor flag (red, white, green)" src="//upload.wikimedia.org/wikipedia/commons/thumb/d/d4/Flag_of_Hungary_vertical.svg/8px-Flag_of_Hungary_vertical.svg.png" decoding="async" width="8" height="16" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/d/d4/Flag_of_Hungary_vertical.svg/12px-Flag_of_Hungary_vertical.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/d/d4/Flag_of_Hungary_vertical.svg/16px-Flag_of_Hungary_vertical.svg.png 2x" data-file-width="600" data-file-height="1200"/></a></span></code></span>, <span class="nowrap"><code>text-bottom<span class="mw-valign-text-bottom" typeof="mw:File"><a href="/wiki/File:Flag_of_Hungary_vertical.svg" class="mw-file-description" title="Vertical version of horizontal tricolor flag (red, white, green)"><img alt="Vertical version of horizontal tricolor flag (red, white, green)" src="//upload.wikimedia.org/wikipedia/commons/thumb/d/d4/Flag_of_Hungary_vertical.svg/8px-Flag_of_Hungary_vertical.svg.png" decoding="async" width="8" height="16" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/d/d4/Flag_of_Hungary_vertical.svg/12px-Flag_of_Hungary_vertical.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/d/d4/Flag_of_Hungary_vertical.svg/16px-Flag_of_Hungary_vertical.svg.png 2x" data-file-width="600" data-file-height="1200"/></a></span></code></span>, <span class="nowrap"><code>top<span class="mw-valign-top" typeof="mw:File"><a href="/wiki/File:Flag_of_Hungary_vertical.svg" class="mw-file-description" title="Vertical version of horizontal tricolor flag (red, white, green)"><img alt="Vertical version of horizontal tricolor flag (red, white, green)" src="//upload.wikimedia.org/wikipedia/commons/thumb/d/d4/Flag_of_Hungary_vertical.svg/8px-Flag_of_Hungary_vertical.svg.png" decoding="async" width="8" height="16" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/d/d4/Flag_of_Hungary_vertical.svg/12px-Flag_of_Hungary_vertical.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/d/d4/Flag_of_Hungary_vertical.svg/16px-Flag_of_Hungary_vertical.svg.png 2x" data-file-width="600" data-file-height="1200"/></a></span></code></span>, and <span class="nowrap"><code>bottom<span class="mw-valign-bottom" typeof="mw:File"><a href="/wiki/File:Flag_of_Hungary_vertical.svg" class="mw-file-description" title="Vertical version of horizontal tricolor flag (red, white, green)"><img alt="Vertical version of horizontal tricolor flag (red, white, green)" src="//upload.wikimedia.org/wikipedia/commons/thumb/d/d4/Flag_of_Hungary_vertical.svg/8px-Flag_of_Hungary_vertical.svg.png" decoding="async" width="8" height="16" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/d/d4/Flag_of_Hungary_vertical.svg/12px-Flag_of_Hungary_vertical.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/d/d4/Flag_of_Hungary_vertical.svg/16px-Flag_of_Hungary_vertical.svg.png 2x" data-file-width="600" data-file-height="1200"/></a></span></code></span>. </p> <div class="mw-heading mw-heading3"><h3 id="Links" data-mw-thread-id="h-Links-Plain_pictures"><span data-mw-comment-start="" id="h-Links-Plain_pictures"></span>Links<span data-mw-comment-end="h-Links-Plain_pictures"></span></h3></div> <p><span class="anchor" id="link"></span> </p> <dl><dd><i>You may be looking for <a href="/wiki/Inline_linking" title="Inline linking">inline linking</a> to external images. This is not allowed; see the <a href="/wiki/Wikipedia:Manual_of_Style/Images#Inline_linking" title="Wikipedia:Manual of Style/Images">Wikipedia Manual of Style on inline linking</a>.</i></dd></dl> <p>Normally a picture links to its image page, which describes the image, who created it, and links to the original image at full resolution. This is usually best for the reader, and is often required by the uploader's choice of a CC-BY-SA license for the image. </p><p>If the image is in the public domain, not requiring attribution to the uploader, you can create a plain picture that links to some other location by using the <code>link</code> option. </p><p>To link to some other page, specify its name in the link option along with an appropriate caption that hints to readers what will happen if they click on the link. This caption serves both as title text for the tooltip, and as alt text for visually disabled readers. For example, <code>[[File:Flag of France.svg|20px|link=France|France]]</code> generates a flag <span typeof="mw:File"><a href="/wiki/France" title="France"><img alt="France" src="//upload.wikimedia.org/wikipedia/en/thumb/c/c3/Flag_of_France.svg/20px-Flag_of_France.svg.png" decoding="async" width="20" height="13" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/en/thumb/c/c3/Flag_of_France.svg/30px-Flag_of_France.svg.png 1.5x, //upload.wikimedia.org/wikipedia/en/thumb/c/c3/Flag_of_France.svg/40px-Flag_of_France.svg.png 2x" data-file-width="900" data-file-height="600"/></a></span> that links to the article <i><a href="/wiki/France" title="France">France</a></i>. </p><p>To link to an external site, specify its URL in the link option along with an appropriate caption. For example, <code>[[File:Flag of Belgium.svg|20px|link=http://www.belgium.be/en/|Belgium government portal]]</code> generates a flag <span typeof="mw:File"><a href="http://www.belgium.be/en/" title="Belgium government portal" rel="nofollow"><img alt="Belgium government portal" src="//upload.wikimedia.org/wikipedia/commons/thumb/6/65/Flag_of_Belgium.svg/20px-Flag_of_Belgium.svg.png" decoding="async" width="20" height="17" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/6/65/Flag_of_Belgium.svg/30px-Flag_of_Belgium.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/6/65/Flag_of_Belgium.svg/40px-Flag_of_Belgium.svg.png 2x" data-file-width="900" data-file-height="780"/></a></span> that links to the English-language portal of the Belgian government. </p><p>To link to another Wikimedia site, use the site abbreviation. For example, <code>[[File:Orcus symbol.svg|20px|link=wikt:🝿]]</code> generates <span typeof="mw:File"><a href="https://en.wiktionary.org/wiki/%F0%9F%9D%BF" title="wikt:🝿"><img src="//upload.wikimedia.org/wikipedia/commons/thumb/f/ff/Orcus_symbol_%28fixed_width%29.svg/20px-Orcus_symbol_%28fixed_width%29.svg.png" decoding="async" width="20" height="20" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/f/ff/Orcus_symbol_%28fixed_width%29.svg/30px-Orcus_symbol_%28fixed_width%29.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/f/ff/Orcus_symbol_%28fixed_width%29.svg/40px-Orcus_symbol_%28fixed_width%29.svg.png 2x" data-file-width="16" data-file-height="16"/></a></span>, which links to the (English) Wiktionary entry for that symbol. </p><p>A purely decorative image, which conveys no information and does nothing when it is clicked on, can be specified with an empty alt attribute. For example, <code>[[File:Flag of the United States.svg|20px|link=|alt=]]</code> generates a flag <span typeof="mw:File"><span><img alt="" src="//upload.wikimedia.org/wikipedia/en/thumb/a/a4/Flag_of_the_United_States.svg/20px-Flag_of_the_United_States.svg.png" decoding="async" width="20" height="11" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/en/thumb/a/a4/Flag_of_the_United_States.svg/30px-Flag_of_the_United_States.svg.png 1.5x, //upload.wikimedia.org/wikipedia/en/thumb/a/a4/Flag_of_the_United_States.svg/40px-Flag_of_the_United_States.svg.png 2x" data-file-width="1235" data-file-height="650"/></span></span> that is purely decorative. However, purely decorative files are only legally usable in this way if they are in the Public Domain or comply with <a href="/wiki/Wikipedia:NFCC" class="mw-redirect" title="Wikipedia:NFCC">WP:NFCC</a>. </p> <div class="mw-heading mw-heading3"><h3 id="Image_maps" data-mw-thread-id="h-Image_maps-Plain_pictures"><span data-mw-comment-start="" id="h-Image_maps-Plain_pictures"></span>Image maps<span data-mw-comment-end="h-Image_maps-Plain_pictures"></span></h3></div> <figure class="mw-halign-right noresize mw-ext-imagemap-desc-bottom-right" typeof="mw:File"><a rel="nofollow" href="http://projects.vassar.edu/1896/democrats.html" class="plainlinks" title="1896 Democrats"><img alt="1896 Democratic campaign poster with nominees William J. Bryan of Nebraska for President and Arthur Sewall of Maine for Vice President" src="//upload.wikimedia.org/wikipedia/commons/thumb/d/dc/Bryan-Sewall.jpg/300px-Bryan-Sewall.jpg" decoding="async" width="300" height="152" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/d/dc/Bryan-Sewall.jpg/450px-Bryan-Sewall.jpg 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/d/dc/Bryan-Sewall.jpg/600px-Bryan-Sewall.jpg 2x" data-file-width="3916" data-file-height="1980" usemap="#ImageMap_9249f044a015a286" resource="/wiki/File:Bryan-Sewall.jpg"/></a><map name="ImageMap_9249f044a015a286"><area href="/wiki/William_Jennings_Bryan" shape="circle" coords="73,65,54" alt="William J. Bryan" title="William J. Bryan"/><area href="/wiki/Arthur_Sewall" shape="circle" coords="226,65,54" alt="Arthur Sewall" title="Arthur Sewall"/></map><figcaption></figcaption></figure> <p>You can link different parts of an image to different locations using an <a href="https://www.mediawiki.org/wiki/Extension:ImageMap" class="extiw" title="mw:Extension:ImageMap">image map</a>. For example, in the image at right, clicking a circle roughly corresponding to the left portrait takes the reader to <i><a href="/wiki/William_Jennings_Bryan" title="William Jennings Bryan">William Jennings Bryan</a></i>, clicking the right portrait goes to <i><a href="/wiki/Arthur_Sewall" title="Arthur Sewall">Arthur Sewall</a></i>, and clicking anywhere else goes to <code>http://projects.vassar.edu/1896/democrats.html</code>. This image is generated by the following markup: </p> <div style="overflow:auto;" class="mw-highlight mw-highlight-lang-tid mw-content-ltr" dir="ltr"><pre><span></span><span class="nt"><imagemap></span> File:Bryan-Sewall.jpg|300px|right|alt=1896 Democratic campaign poster with nominees William J. Bryan of Nebraska for President and Arthur Sewall of Maine for Vice President circle 950 850 700 [[<span class="nt">William Jennings Bryan</span>|<span class="na">William J. Bryan</span>]] circle 2950 850 700 [[<span class="nt">Arthur Sewall</span>]] default [<span class="na">http://projects.vassar.edu/1896/democrats.html</span> 1896 Democrats] <span class="nt"></imagemap></span> </pre></div> <p>This imagemap markup specifies that the title text (tooltips) for the three regions are "William J. Bryan", "Arthur Sewall", and "1896 Democrats", respectively. The alt text for an imagemap region is always the same as its title text; the alt text for the overall image is given in the first line of the imagemap's markup. The underlying image's native dimensions are 3916×1980, and the coordinates are given in these dimensions rather than in the 300px resizing. As described in the <a href="https://www.mediawiki.org/wiki/Extension:ImageMap" class="extiw" title="mw:Extension:ImageMap">image map documentation</a>, regions can be specified as circles, rectangles, and arbitrary polygons, and the blue "i" icon <span class="mw-default-size" typeof="mw:File"><span><img alt="" src="//upload.wikimedia.org/wikipedia/commons/thumb/d/d3/Desc-20.png/14px-Desc-20.png" decoding="async" width="14" height="14" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/d/d3/Desc-20.png 1.5x" data-file-width="20" data-file-height="20"/></span></span> can be moved or suppressed. Also, the image can be specified as a <code>thumb</code> or <code>frame</code>, which means it has alt text and a caption in the usual way, with a double-rectangle icon <span class="mw-default-size" typeof="mw:File"><span><img alt="" src="//upload.wikimedia.org/wikipedia/commons/6/6b/Magnify-clip.png" decoding="async" width="15" height="11" class="mw-file-element" data-file-width="15" data-file-height="11"/></span></span> instead of the blue "i" icon <span class="mw-default-size" typeof="mw:File"><span><img alt="" src="//upload.wikimedia.org/wikipedia/commons/thumb/d/d3/Desc-20.png/14px-Desc-20.png" decoding="async" width="14" height="14" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/d/d3/Desc-20.png 1.5x" data-file-width="20" data-file-height="20"/></span></span>. </p><p><br/> To do this easily, you can use a <i>Commons</i> gadget, called <i><b>ImageMapEdit</b></i>, by Dario D. Müller (<a class="external text" href="https://meta.wikimedia.org/wiki/ImageMapEdit_Howto">ImageMapEdit_Howto</a>). To use it, first you must enable <i>ImageMapEdit</i> (by clicking the check box) on the <a href="/wiki/Special:Preferences#mw-prefsection-gadgets" title="Special:Preferences"><i>Preferences</i> widget page</a> (which is at the end of the second group of gadgets). </p><p>Then below a Commons image appears the <i>ImageMapEdit ></i> link, which activates the widget. </p><p>Let's look at the example of an eye, in which we will select the area of the <a href="/wiki/Pupil" title="Pupil">pupil</a> with a circle: </p> <figure class="mw-halign-left" typeof="mw:File/Thumb"><a href="/wiki/File:ImageMapEdit-en.png" class="mw-file-description"><img src="//upload.wikimedia.org/wikipedia/commons/thumb/5/50/ImageMapEdit-en.png/450px-ImageMapEdit-en.png" decoding="async" width="450" height="560" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/5/50/ImageMapEdit-en.png/675px-ImageMapEdit-en.png 1.5x, //upload.wikimedia.org/wikipedia/commons/5/50/ImageMapEdit-en.png 2x" data-file-width="754" data-file-height="938"/></a><figcaption>Selecting the area of the pupil of an eye</figcaption></figure> <p><br/> </p><p>Copy the contents of <i>Generated wikicode</i>, on the <a href="/wiki/Clipboard_(computing)" title="Clipboard (computing)">clipboard</a>. With <i>Edit (source)</i>, paste the clipboard contents in the article (occasionally a template, and in this case: in this help) of Wikipedia, as appropriate. </p> <div class="mw-highlight mw-highlight-lang-tid mw-content-ltr" dir="ltr"><pre><span></span><span class="nt"><imagemap></span> File:Eagle(owl)-eye.JPG| circle 1028 717 299 [[<span class="nt">Pupil</span>]] desc bottom-left <span class="nt"></imagemap></span> </pre></div> <p>Add in the code (<imagemap> ...) of the image (already copied in the article) the width that you think is appropriate (in this case we have chosen 250px) in the line of the file name, as shown: </p> <div class="mw-highlight mw-highlight-lang-tid mw-content-ltr" dir="ltr"><pre><span></span><span class="nt"><imagemap></span> File:Eagle(owl)-eye.JPG|250px circle 1028 717 299 [[<span class="nt">Pupil</span>]] desc bottom-left <span class="nt"></imagemap></span> </pre></div> <div style="clear:both;" class=""></div> <p>The result will be: </p> <figure class="noresize mw-ext-imagemap-desc-bottom-left" typeof="mw:File"><span><img src="//upload.wikimedia.org/wikipedia/commons/thumb/a/a7/Eagle%28owl%29-eye.JPG/250px-Eagle%28owl%29-eye.JPG" decoding="async" width="250" height="182" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/a/a7/Eagle%28owl%29-eye.JPG/375px-Eagle%28owl%29-eye.JPG 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/a/a7/Eagle%28owl%29-eye.JPG/500px-Eagle%28owl%29-eye.JPG 2x" data-file-width="1919" data-file-height="1400" usemap="#ImageMap_6684c23ecdd75c58" resource="/wiki/File:Eagle(owl)-eye.JPG"/></span><map name="ImageMap_6684c23ecdd75c58"><area href="/wiki/Pupil" shape="circle" coords="134,93,39" alt="Pupil" title="Pupil"/></map><figcaption></figcaption></figure> <p>Try moving the mouse cursor over the pupil. </p><p><br/> <i>ImageMap </i>is not enabled to contain a footer, for this reason we must include the above code in a table. For example: </p> <div class="mw-highlight mw-highlight-lang-tid mw-content-ltr" dir="ltr"><pre><span></span>{|class="wikitable" width="256" align=left |<span class="nt"><imagemap></span> File:Eagle(owl)-eye.JPG|250px circle 1028 717 299 [[<span class="nt">Pupil</span>]] desc bottom-left <span class="nt"></imagemap></span> |- | Click the pupil {{<span class="nt">small|(indicated by the mouse cursor)</span>}} on the image of the eagle-owl eye. |} {{<span class="nt">-</span>}} </pre></div> <table class="wikitable" width="256" align="left"> <tbody><tr> <td><figure class="noresize mw-ext-imagemap-desc-bottom-left" typeof="mw:File"><span><img src="//upload.wikimedia.org/wikipedia/commons/thumb/a/a7/Eagle%28owl%29-eye.JPG/250px-Eagle%28owl%29-eye.JPG" decoding="async" width="250" height="182" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/a/a7/Eagle%28owl%29-eye.JPG/375px-Eagle%28owl%29-eye.JPG 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/a/a7/Eagle%28owl%29-eye.JPG/500px-Eagle%28owl%29-eye.JPG 2x" data-file-width="1919" data-file-height="1400" usemap="#ImageMap_6684c23ecdd75c58" resource="/wiki/File:Eagle(owl)-eye.JPG"/></span><map name="ImageMap_6684c23ecdd75c58"><area href="/wiki/Pupil" shape="circle" coords="134,93,39" alt="Pupil" title="Pupil"/></map><figcaption></figcaption></figure> </td></tr> <tr> <td>Click the pupil <span style="font-size:85%;">(indicated by the mouse cursor)</span> on the image of the eagle-owl eye. </td></tr></tbody></table> <div style="clear:both;" class=""></div> <div class="mw-heading mw-heading2 ext-discussiontools-init-section"><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><!--__DTELLIPSISBUTTON__{"threadItem":{"headingLevel":2,"name":"h-","type":"heading","level":0,"id":"h-Overlaying_annotations_on_an_image","replies":[]}}--></div> <p>Some diagrams are uploaded without text, so that they can be used in multiple languages; or one may desire to add clickable links to an image. In such cases, text annotations can be added to an image with the templates <a href="/wiki/Template:Annotated_image" title="Template:Annotated image">Template:Annotated image</a> or <a href="/wiki/Template:Annotated_image_4" title="Template:Annotated image 4">Template:Annotated image 4</a>. </p><p>These templates allow <a href="/wiki/Wikitext" class="mw-redirect" title="Wikitext">wikitext</a> (e.g., regular text, wikilinks, and reference 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-left: auto; margin-right: auto; border: none;"> <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"><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"/></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"><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"/></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"><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"/></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"><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" 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-file-width="133" data-file-height="200"/></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"><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"/></a><figcaption>The image and caption as a thumb, sans annotations</figcaption></figure> </td></tr></tbody></table> <div class="mw-heading mw-heading2 ext-discussiontools-init-section"><h2 id="Linking_without_displaying" data-mw-thread-id="h-Linking_without_displaying"><span data-mw-comment-start="" id="h-Linking_without_displaying"></span>Linking without displaying<span data-mw-comment-end="h-Linking_without_displaying"></span></h2><!--__DTELLIPSISBUTTON__{"threadItem":{"headingLevel":2,"name":"h-","type":"heading","level":0,"id":"h-Linking_without_displaying","replies":[]}}--></div> <p>Let us say you want to link to the picture without displaying it. You can do it by adding a colon before the "File:" prefix. You can take them to the image page, where it tells them who uploaded it, when, what the copyright status is, etc.: </p> <dl><dd><code>[[:File:Wikipedesketch.png]]</code></dd> <dd><a href="/wiki/File:Wikipedesketch.png" title="File:Wikipedesketch.png">File:Wikipedesketch.png</a></dd></dl> <p>You can make the link say anything you want. </p> <dl><dd><code>[[:File:Wikipedesketch.png|A cartoon centipede reads books and types on a laptop.]]</code></dd> <dd><a href="/wiki/File:Wikipedesketch.png" title="File:Wikipedesketch.png">A cartoon centipede reads books and types on a laptop.</a></dd></dl> <p>When the link is clicked the image is displayed with other text information at a reasonable size. The user can click through the resulting medium-sized image to get to the full size highest resolution image. </p><p>You can also send the user directly to the image: </p> <dl><dd><code>[[Media:Wikipedesketch.png]]</code></dd> <dd><a href="//upload.wikimedia.org/wikipedia/commons/2/22/Wikipedesketch.png" class="internal" title="Wikipedesketch.png">Media:Wikipedesketch.png</a></dd></dl> <p>This says <code>Media:</code> instead of <code>File:</code>. When the user clicks on the link, the browser goes directly to the image. As before, you can change the text so it says anything you want. </p> <dl><dd><code>[[Media:Wikipedesketch.png|A cartoon centipede reads books and types on a laptop.]]</code></dd> <dd><a href="//upload.wikimedia.org/wikipedia/commons/2/22/Wikipedesketch.png" class="internal" title="Wikipedesketch.png">A cartoon centipede reads books and types on a laptop.</a></dd></dl> <p>This can be awkward if the image is quite large, for the full size image will be displayed when the user clicks the link. </p><p>Finally, you can link to one image from a thumbnail's small double-rectangle icon <span class="mw-default-size" typeof="mw:File"><span><img alt="" src="//upload.wikimedia.org/wikipedia/commons/6/6b/Magnify-clip.png" decoding="async" width="15" height="11" class="mw-file-element" data-file-width="15" data-file-height="11"/></span></span>, but display another image using "<code class="tpl-para" style="word-break:break-word;">|thumb=<var>Displayed image name</var></code>". This is intended for the rare cases when the Wikipedia software that reduces images to thumbnails does a poor job, and you want to provide your own thumbnail. In the following example, the double-rectangle links to <i><a href="/wiki/File:Anime_stub_2.svg" title="File:Anime stub 2.svg">File:Anime stub 2.svg</a></i> but the image displayed is <i><a href="/wiki/File:Anime_stub.png" title="File:Anime stub.png">File:Anime stub.png</a></i>: </p> <figure typeof="mw:File/Thumb"><a href="/wiki/File:Anime_stub_2.svg" title="File:Anime stub 2.svg"><img alt="Head of cute girl, manga-style, with blue hair, big eyes and smile, and gray puzzle pieces below and around her hair" resource="/wiki/File:Anime_stub_2.svg" src="//upload.wikimedia.org/wikipedia/commons/e/e5/Anime_stub.png" decoding="async" width="48" height="48" class="mw-file-element" data-file-width="48" data-file-height="48"/></a><figcaption>Putting the puzzle together</figcaption></figure> <dl><dd><code>[[File:Anime stub 2.svg|thumb=Anime stub.png |alt=Head of cute girl, manga-style, with blue hair, big eyes and smile, and gray puzzle pieces below and around her hair |Putting the puzzle together]] </code></dd></dl> <div class="mw-heading mw-heading2 ext-discussiontools-init-section"><h2 id="Image_frames" data-mw-thread-id="h-Image_frames"><span data-mw-comment-start="" id="h-Image_frames"></span>Image frames<span data-mw-comment-end="h-Image_frames"></span></h2><!--__DTELLIPSISBUTTON__{"threadItem":{"headingLevel":2,"name":"h-","type":"heading","level":0,"id":"h-Image_frames","replies":[]}}--></div> <p>Multiple images can be displayed in an <a href="/wiki/Template:Image_frame" title="Template:Image frame">image frame</a>: </p> <div style="overflow:auto" class="mw-highlight mw-highlight-lang-wikitext mw-content-ltr" dir="ltr"><pre><span></span><span class="p">{{</span><span class="nt">Image frame</span><span class="p">|</span><span class="nl">width</span><span class="o">=</span>200<span class="p">|</span><span class="nl">content</span><span class="o">=</span><span class="p">[[</span><span class="nn">File</span><span class="p">:</span><span class="nt">PNG transparency demonstration 1.png</span><span class="p">|</span>100px<span class="p">]][[</span><span class="nn">File</span><span class="p">:</span><span class="nt">White Stars 3.svg</span><span class="p">|</span>100px<span class="p">]]</span> <span class="p">|</span><span class="nl">caption</span><span class="o">=</span>Example usage<span class="p">|</span><span class="nl">link</span><span class="o">=</span>Hello world<span class="p">|</span><span class="nl">align</span><span class="o">=</span>center<span class="p">}}</span> </pre></div> <div class="center"><div class="thumb tnone" style=""><div class="thumbinner" style="width:202px"><div class="thumbimage noresize" style="width:200px;"> <span typeof="mw:File"><a href="/wiki/File:PNG_transparency_demonstration_1.png" class="mw-file-description"><img src="//upload.wikimedia.org/wikipedia/commons/thumb/4/47/PNG_transparency_demonstration_1.png/100px-PNG_transparency_demonstration_1.png" decoding="async" width="100" height="75" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/4/47/PNG_transparency_demonstration_1.png/150px-PNG_transparency_demonstration_1.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/4/47/PNG_transparency_demonstration_1.png/200px-PNG_transparency_demonstration_1.png 2x" data-file-width="800" data-file-height="600"/></a></span><span typeof="mw:File"><a href="/wiki/File:White_Stars_3.svg" class="mw-file-description"><img src="//upload.wikimedia.org/wikipedia/commons/thumb/a/a0/White_Stars_3.svg/100px-White_Stars_3.svg.png" decoding="async" width="100" height="100" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/a/a0/White_Stars_3.svg/150px-White_Stars_3.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/a/a0/White_Stars_3.svg/200px-White_Stars_3.svg.png 2x" data-file-width="128" data-file-height="128"/></a></span></div><div class="thumbcaption"><div style="float: right;"><span typeof="mw:File"><a href="/wiki/Hello_world" title="Hello world"><img src="//upload.wikimedia.org/wikipedia/commons/thumb/4/46/Desc-i.svg/16px-Desc-i.svg.png" decoding="async" width="16" height="16" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/4/46/Desc-i.svg/24px-Desc-i.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/4/46/Desc-i.svg/32px-Desc-i.svg.png 2x" data-file-width="648" data-file-height="648"/></a></span></div>Example usage</div></div></div></div> <p>They can also be <a href="/wiki/Template:CSS_image_crop" title="Template:CSS image crop">cropped</a> and <a href="/wiki/Template:Stack" title="Template:Stack">stacked</a> inside the frame: </p> <div class="thumb tleft" style=""><div class="thumbinner" style="width:-moz-fit-content; width:fit-content;"><div class="center noresize" style="width:auto;"> <style data-mw-deduplicate="TemplateStyles:r1034237262">.mw-parser-output .stack{box-sizing:border-box}.mw-parser-output .stack>div{margin:1px;overflow:hidden}@media all and (min-width:720px){.mw-parser-output .stack-clear-left{float:left;clear:left}.mw-parser-output .stack-clear-right{float:right;clear:right}.mw-parser-output .stack-left{float:left}.mw-parser-output .stack-right{float:right}.mw-parser-output .stack-margin-clear-left{float:left;clear:left;margin-right:1em}.mw-parser-output .stack-margin-clear-right{float:right;clear:right;margin-left:1em}.mw-parser-output .stack-margin-left{float:left;margin-right:1em}.mw-parser-output .stack-margin-right{float:right;margin-left:1em}}</style><div class="stack mw-stack stack-right"><div><div class=""> <div 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"><img alt="Dew on grass Luc Viatour.jpg" 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" 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-file-width="2802" data-file-height="2011"/></a></span></div></div> </div> </div> </div><div><div class=""> <div 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"><img alt="Dew on grass Luc Viatour.jpg" 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" 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-file-width="2802" data-file-height="2011"/></a></span></div></div> </div> </div> </div></div> <link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1034237262"><div class="stack mw-stack stack-right"><div><div class=""> <div 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"><img alt="Dew on grass Luc Viatour.jpg" 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" 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-file-width="2802" data-file-height="2011"/></a></span></div></div> </div> </div> </div><div><div class=""> <div 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"><img alt="Dew on grass Luc Viatour.jpg" 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" 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-file-width="2802" data-file-height="2011"/></a></span></div></div> </div> </div> </div></div></div><div class="thumbcaption">Cropped images in a frame</div></div></div><div style="clear:both;" class=""></div> <div style="overflow:auto" class="mw-highlight mw-highlight-lang-wikitext mw-content-ltr" dir="ltr"><pre><span></span><span class="p">{{</span><span class="nt">Image frame</span><span class="p">|</span><span class="nl">align</span><span class="o">=</span>left<span class="p">|</span><span class="nl">border</span><span class="o">=</span>no<span class="p">|</span><span class="nl">caption</span><span class="o">=</span>Cropped images in a frame<span class="p">|</span><span class="nl">content</span><span class="o">=</span> <span class="p">{{</span><span class="nt">stack</span> <span class="p">|{{</span><span class="nt">CSS image crop</span> <span class="p">|</span><span class="nl">Image </span><span class="o">=</span> Dew on grass Luc Viatour.jpg <span class="p">|</span><span class="nl">bSize </span><span class="o">=</span> 400 <span class="p">|</span><span class="nl">cWidth </span><span class="o">=</span> 100 <span class="p">|</span><span class="nl">cHeight </span><span class="o">=</span> 100 <span class="p">|</span><span class="nl">oTop </span><span class="o">=</span> 180 <span class="p">|</span><span class="nl">oLeft </span><span class="o">=</span> 60 <span class="p">}}</span> <span class="p">|{{</span><span class="nt">CSS image crop</span> <span class="p">|</span><span class="nl">Image </span><span class="o">=</span> Dew on grass Luc Viatour.jpg <span class="p">|</span><span class="nl">bSize </span><span class="o">=</span> 400 <span class="p">|</span><span class="nl">cWidth </span><span class="o">=</span> 100 <span class="p">|</span><span class="nl">cHeight </span><span class="o">=</span> 100 <span class="p">|</span><span class="nl">oTop </span><span class="o">=</span> 180 <span class="p">|</span><span class="nl">oLeft </span><span class="o">=</span> 60 <span class="p">}}</span> <span class="p">}}</span> <span class="p">{{</span><span class="nt">stack</span> <span class="p">|{{</span><span class="nt">CSS image crop</span> <span class="p">|</span><span class="nl">Image </span><span class="o">=</span> Dew on grass Luc Viatour.jpg <span class="p">|</span><span class="nl">bSize </span><span class="o">=</span> 400 <span class="p">|</span><span class="nl">cWidth </span><span class="o">=</span> 100 <span class="p">|</span><span class="nl">cHeight </span><span class="o">=</span> 100 <span class="p">|</span><span class="nl">oTop </span><span class="o">=</span> 180 <span class="p">|</span><span class="nl">oLeft </span><span class="o">=</span> 60 <span class="p">}}</span> <span class="p">|{{</span><span class="nt">CSS image crop</span> <span class="p">|</span><span class="nl">Image </span><span class="o">=</span> Dew on grass Luc Viatour.jpg <span class="p">|</span><span class="nl">bSize </span><span class="o">=</span> 400 <span class="p">|</span><span class="nl">cWidth </span><span class="o">=</span> 100 <span class="p">|</span><span class="nl">cHeight </span><span class="o">=</span> 100 <span class="p">|</span><span class="nl">oTop </span><span class="o">=</span> 180 <span class="p">|</span><span class="nl">oLeft </span><span class="o">=</span> 60 <span class="p">}}</span> <span class="p">}}</span> <span class="p">}}</span> </pre></div> <div class="mw-heading mw-heading2 ext-discussiontools-init-section"><h2 id="In_case_an_image_will_not_render" data-mw-thread-id="h-In_case_an_image_will_not_render"><span data-mw-comment-start="" id="h-In_case_an_image_will_not_render"></span>In case an image will not render<span data-mw-comment-end="h-In_case_an_image_will_not_render"></span></h2><!--__DTELLIPSISBUTTON__{"threadItem":{"headingLevel":2,"name":"h-","type":"heading","level":0,"id":"h-In_case_an_image_will_not_render","replies":[]}}--></div> <p>If the image will not render, and instead the wikicode is shown in the article, it may have the following causes: </p> <ul><li>The <a href="/wiki/Wikipedia:Extended_image_syntax" title="Wikipedia:Extended image syntax">image syntax</a> is incomplete or incorrect.</li> <li>The caption may have incomplete link tags, especially unpaired <i>[[s</i> and <i>]]s</i> that become interpreted as image syntax</li> <li>The previous image may have incorrect image syntax, especially an incomplete <i>]]</i> at the end</li> <li>The capitalization in the wikicode must be followed; thus if an image file is <b>Image:Photo of Wikipede.JPG</b>, you will need to use the capital letters for "JPG".</li> <li>The image is blacklisted on <a href="/wiki/MediaWiki:Bad_image_list" title="MediaWiki:Bad image list">MediaWiki:Bad image list</a>. Consider requesting its removal at <a href="/wiki/MediaWiki_talk:Bad_image_list" title="MediaWiki talk:Bad image list">MediaWiki talk:Bad image list</a>.</li></ul> <div class="mw-heading mw-heading2 ext-discussiontools-init-section"><h2 id="Tips" data-mw-thread-id="h-Tips"><span data-mw-comment-start="" id="h-Tips"></span>Tips<span data-mw-comment-end="h-Tips"></span></h2><!--__DTELLIPSISBUTTON__{"threadItem":{"headingLevel":2,"name":"h-","type":"heading","level":0,"id":"h-Tips","replies":[]}}--></div> <ul><li>When placing or sizing images, it is often better to edit the entire page, rather than just one section, to avoid unexpected overlaps with other sections of the article.</li> <li>Before publishing any images, keep in mind that they can contain hidden data. This data can include comments that are not displayed, <a href="/wiki/Exif" title="Exif">Exif</a> metadata, and messages hidden via <a href="/wiki/Steganography" title="Steganography">steganography</a>.</li> <li>Images can be rotated, mirrored, scaled and cropped using the templates <span class="nowrap">{{</span><a href="/wiki/Template:Transform-rotate" title="Template:Transform-rotate">Transform-rotate</a><span class="nowrap">}}</span>, <span class="nowrap">{{</span><a href="/wiki/Template:MirrorH" title="Template:MirrorH">MirrorH</a><span class="nowrap">}}</span>, <span class="nowrap">{{</span><a href="/wiki/Template:CSS_image_crop" title="Template:CSS image crop">CSS image crop</a><span class="nowrap">}}</span>.</li></ul> <div class="mw-heading mw-heading2 ext-discussiontools-init-section"><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><!--__DTELLIPSISBUTTON__{"threadItem":{"headingLevel":2,"name":"h-","type":"heading","level":0,"id":"h-See_also","replies":[]}}--></div> <figure class="mw-default-size" typeof="mw:File/Thumb"><a href="https://upload.wikimedia.org/wikipedia/commons/b/b1/Illustrating_Wikipedia_brochure.pdf"><img resource="/wiki/File:Illustrating_Wikipedia_brochure.pdf" src="//upload.wikimedia.org/wikipedia/commons/thumb/b/b1/Illustrating_Wikipedia_brochure.pdf/page1-170px-Illustrating_Wikipedia_brochure.pdf.jpg" decoding="async" width="170" height="243" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/b/b1/Illustrating_Wikipedia_brochure.pdf/page1-255px-Illustrating_Wikipedia_brochure.pdf.jpg 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/b/b1/Illustrating_Wikipedia_brochure.pdf/page1-340px-Illustrating_Wikipedia_brochure.pdf.jpg 2x" data-file-width="1050" data-file-height="1500"/></a><figcaption>A Wikimedia Foundation brochure in PDF form that introduces newcomers to Wikimedia Commons and how they can contribute to it.</figcaption></figure> <style data-mw-deduplicate="TemplateStyles:r1235681985">.mw-parser-output .side-box{margin:4px 0;box-sizing:border-box;border:1px solid #aaa;font-size:88%;line-height:1.25em;background-color:var(--background-color-interactive-subtle,#f8f9fa);display:flow-root}.mw-parser-output .side-box-abovebelow,.mw-parser-output .side-box-text{padding:0.25em 0.9em}.mw-parser-output .side-box-image{padding:2px 0 2px 0.9em;text-align:center}.mw-parser-output .side-box-imageright{padding:2px 0.9em 2px 0;text-align:center}@media(min-width:500px){.mw-parser-output .side-box-flex{display:flex;align-items:center}.mw-parser-output .side-box-text{flex:1;min-width:0}}@media(min-width:720px){.mw-parser-output .side-box{width:238px}.mw-parser-output .side-box-right{clear:right;float:right;margin-left:1em}.mw-parser-output .side-box-left{margin-right:1em}}</style><style data-mw-deduplicate="TemplateStyles:r1237033735">@media print{body.ns-0 .mw-parser-output .sistersitebox{display:none!important}}@media screen{html.skin-theme-clientpref-night .mw-parser-output .sistersitebox img[src*="Wiktionary-logo-en-v2.svg"]{background-color:white}}@media screen and (prefers-color-scheme:dark){html.skin-theme-clientpref-os .mw-parser-output .sistersitebox img[src*="Wiktionary-logo-en-v2.svg"]{background-color:white}}</style><div class="side-box side-box-right plainlinks sistersitebox"><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1126788409"> <div class="side-box-flex"> <div class="side-box-image"><span class="noviewer" typeof="mw:File"><span><img alt="" src="//upload.wikimedia.org/wikipedia/commons/thumb/a/a6/MediaWiki-2020-icon.svg/40px-MediaWiki-2020-icon.svg.png" decoding="async" width="40" height="40" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/a/a6/MediaWiki-2020-icon.svg/60px-MediaWiki-2020-icon.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/a/a6/MediaWiki-2020-icon.svg/80px-MediaWiki-2020-icon.svg.png 2x" data-file-width="100" data-file-height="100"/></span></span></div> <div class="side-box-text plainlist">MediaWiki has documentation related to: <i><b><a href="https://www.mediawiki.org/wiki/Help:Images" class="extiw" title="mw:Help:Images">Help:Images</a></b></i></div></div> </div> <ul><li><a href="/wiki/Help:Files" title="Help:Files">Help:Files</a></li> <li><a href="/wiki/Wikipedia:Article_wizard" title="Wikipedia:Article wizard">Wikipedia:Article wizard</a></li> <li><a href="/wiki/Help:Section" title="Help:Section">Help:Section</a> – instructs how to position an article table of contents (TOC) within the image flow</li> <li><span class="nowrap">{{</span><a href="/wiki/Template:External_media" title="Template:External media">External media</a><span class="nowrap">}}</span></li> <li><a href="/wiki/Wikipedia:Extended_image_syntax" title="Wikipedia:Extended image syntax">Wikipedia:Extended image syntax</a></li> <li><a href="/wiki/Wikipedia:Graphics_Lab" title="Wikipedia:Graphics Lab">Wikipedia:Graphics Lab</a> – assistance with editing or improving images</li> <li><a href="/wiki/Wikipedia:Graphics_tutorials" title="Wikipedia:Graphics tutorials">Wikipedia:Graphics tutorials</a> – how to make your own pictures</li> <li><a href="/wiki/Wikipedia:How_to_create_charts_for_Wikipedia_articles" title="Wikipedia:How to create charts for Wikipedia articles">Wikipedia:How to create charts for Wikipedia articles</a></li> <li><a href="/wiki/Wikipedia:How_to_improve_image_quality" title="Wikipedia:How to improve image quality">Wikipedia:How to improve image quality</a></li> <li><a href="/wiki/Wikipedia:Images" title="Wikipedia:Images">Wikipedia:Images</a></li> <li><a href="/wiki/Wikipedia:Manual_of_Style#Images" title="Wikipedia:Manual of Style">Wikipedia:Manual of Style § Images</a></li> <li><a href="/wiki/Wikipedia:Manual_of_Style/Images" title="Wikipedia:Manual of Style/Images">Wikipedia:Manual of Style/Images</a></li> <li><a href="/wiki/Wikipedia:Media_copyright_questions" title="Wikipedia:Media copyright questions">Wikipedia:Media copyright questions</a></li> <li><a href="/wiki/Wikipedia:Preparing_images_for_upload" title="Wikipedia:Preparing images for upload">Wikipedia:Preparing images for upload</a></li> <li><a href="/wiki/Wikipedia:SVG_help" title="Wikipedia:SVG help">Wikipedia:SVG help</a></li> <li><a href="https://commons.wikimedia.org/wiki/Commons:First_steps" class="extiw" title="commons:Commons:First steps">Commons:First steps</a> – tutorial</li> <li><a href="https://commons.wikimedia.org/wiki/Commons:File_captions" class="extiw" title="commons:Commons:File captions">Commons:File captions</a></li> <li><a href="https://commons.wikimedia.org/wiki/Category:Commons_resources" class="extiw" title="commons:Category:Commons resources">Commons resources category</a></li> <li><a href="https://meta.wikimedia.org/wiki/Free_image_resources" class="extiw" title="meta:Free image resources">Free image resources</a> – where to find free images for use in Wikipedia</li> <li><a href="https://outreach.wikimedia.org/wiki/Bookshelf" class="extiw" title="outreach:Bookshelf">Wikimedia Bookshelf</a> – more tutorials, videos, handouts</li></ul> <div class="mw-heading mw-heading2 ext-discussiontools-init-section"><h2 id="Notes" data-mw-thread-id="h-Notes"><span data-mw-comment-start="" id="h-Notes"></span>Notes<span data-mw-comment-end="h-Notes"></span></h2><!--__DTELLIPSISBUTTON__{"threadItem":{"headingLevel":2,"name":"h-","type":"heading","level":0,"id":"h-Notes","replies":[]}}--></div> <style data-mw-deduplicate="TemplateStyles:r1239543626">.mw-parser-output .reflist{margin-bottom:0.5em;list-style-type:decimal}@media screen{.mw-parser-output .reflist{font-size:90%}}.mw-parser-output .reflist .references{font-size:100%;margin-bottom:0;list-style-type:inherit}.mw-parser-output .reflist-columns-2{column-width:30em}.mw-parser-output .reflist-columns-3{column-width:25em}.mw-parser-output .reflist-columns{margin-top:0.3em}.mw-parser-output .reflist-columns ol{margin-top:0}.mw-parser-output .reflist-columns li{page-break-inside:avoid;break-inside:avoid-column}.mw-parser-output .reflist-upper-alpha{list-style-type:upper-alpha}.mw-parser-output .reflist-upper-roman{list-style-type:upper-roman}.mw-parser-output .reflist-lower-alpha{list-style-type:lower-alpha}.mw-parser-output .reflist-lower-greek{list-style-type:lower-greek}.mw-parser-output .reflist-lower-roman{list-style-type:lower-roman}</style><div class="reflist reflist-lower-alpha"> <div class="mw-references-wrap"><ol class="references"> <li id="cite_note-1"><span class="mw-cite-backlink"><b><a href="#cite_ref-1">^</a></b></span> <span class="reference-text"><code>File:</code> can be replaced with <code>Image:</code> with no change in effect; the choice between the two is purely a matter of editorial preference.</span> </li> </ol></div></div><div class="navbox-styles"><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1129693374"><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_help_pages" 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"><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1239400231"><div class="navbar plainlinks hlist navbar-mini"><ul><li class="nv-view"><a href="/wiki/Template:Wikipedia_help_pages" title="Template:Wikipedia help pages"><abbr title="View this template">v</abbr></a></li><li class="nv-talk"><a href="/wiki/Template_talk:Wikipedia_help_pages" title="Template talk:Wikipedia help pages"><abbr title="Discuss this template">t</abbr></a></li><li class="nv-edit"><a href="/wiki/Special:EditPage/Template:Wikipedia_help_pages" title="Special:EditPage/Template:Wikipedia help pages"><abbr title="Edit this template">e</abbr></a></li></ul></div><div id="Wikipedia_help_pages" style="font-size:114%;margin:0 4em"><a href="/wiki/Help:Directory" title="Help:Directory">Wikipedia help pages</a></div></th></tr><tr><td class="navbox-abovebelow" colspan="2" style="text-align:center;"><div> <ul><li><b>Visit the <i><a href="/wiki/Wikipedia:Teahouse" title="Wikipedia:Teahouse">Teahouse</a></i> or the <i><a href="/wiki/Wikipedia:Help_desk" title="Wikipedia:Help desk">Help desk</a></i> for an interactive <abbr title="questions and answers">Q & A</abbr> forum.</b></li></ul> <hr/> <ul><li><b><a href="/wiki/Wikipedia:FAQ" title="Wikipedia:FAQ">FAQs</a></b> <b><abbr title="This is a list of frequently asked questions about using and contributing to Wikipedia.">(?)</abbr></b></li> <li><b><a href="/wiki/Wikipedia:Reference_desk" title="Wikipedia:Reference desk">Reference desks</a></b> <b><abbr title="Works like a library reference desk. Ask a question here and Wikipedia volunteers will try to answer it.">(?)</abbr></b></li> <li><b><a href="/wiki/Wikipedia:Noticeboards" title="Wikipedia:Noticeboards">Noticeboards</a></b> <b><abbr title="Pages where editors can ask questions and request assistance from people who are familiar with the policies and guidelines covered by each individual board.">(?)</abbr></b></li> <li><b><a href="/wiki/Help:Cheatsheet" title="Help:Cheatsheet">Cheatsheet</a></b> <b><abbr title="For a list of the most commonly used Wiki markup and templates.">(?)</abbr></b></li> <li><b> <a href="/wiki/Wikipedia:Directories_and_indexes" title="Wikipedia:Directories and indexes">Directories</a></b> <b><abbr title="For a list of Wikipedia's directories and indexes.">(?)</abbr></b></li></ul> </div></td></tr><tr><th scope="row" class="navbox-group" style="text-align:center;;width:1%"><a href="/wiki/Wikipedia:About" title="Wikipedia:About">About Wikipedia</a> <abbr title="Wikipedia's governess and customs">(?)</abbr></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:Administration" title="Wikipedia:Administration">Administration</a> <ul><li><a href="/wiki/Wikipedia:Purpose" title="Wikipedia:Purpose">Purpose</a></li> <li><a href="/wiki/Wikipedia:Five_pillars" title="Wikipedia:Five pillars">Principles</a></li></ul></li> <li><a href="/wiki/Wikipedia:Policies_and_guidelines" title="Wikipedia:Policies and guidelines">Policies and guidelines</a></li> <li><a href="/wiki/Wikipedia:What_Wikipedia_is_not" title="Wikipedia:What Wikipedia is not">What Wikipedia is not</a></li> <li><a href="/wiki/Wikipedia:General_disclaimer" title="Wikipedia:General disclaimer">Disclaimer</a> (<a href="/wiki/Wikipedia:Advice_for_parents" title="Wikipedia:Advice for parents">parental advice</a>)</li> <li><a href="/wiki/Wikipedia:Request_directory" title="Wikipedia:Request directory">Making requests</a></li> <li><a href="/wiki/Wikipedia:Who_writes_Wikipedia%3F" title="Wikipedia:Who writes Wikipedia?">Who writes Wikipedia?</a></li></ul> </div></td></tr><tr><th scope="row" class="navbox-group" style="text-align:center;;width:1%"><a href="/wiki/Wikipedia:Reader%27s_index_to_Wikipedia" title="Wikipedia:Reader's index to Wikipedia">Help for readers</a> <abbr title="Concerns and questions readers may have about Wikipedia">(?)</abbr></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:FAQ/Readers" title="Wikipedia:FAQ/Readers">FAQ</a></li> <li><a href="/wiki/Wikipedia:Wikipedia_book_creator_status" class="mw-redirect" title="Wikipedia:Wikipedia book creator status">Books</a></li> <li><a href="/wiki/Help:Copyright" title="Help:Copyright">Copyright</a></li> <li><a href="/wiki/Help:Glossary" class="mw-redirect" title="Help:Glossary">Glossary</a></li> <li><a href="/wiki/Help:Mobile_access" title="Help:Mobile access">Mobile access</a></li> <li><a href="/wiki/Help:Navigation" title="Help:Navigation">Navigation</a></li> <li><a href="/wiki/Help:Other_languages" title="Help:Other languages">Other languages</a></li> <li><a href="/wiki/Help:Searching" title="Help:Searching">Searching</a></li> <li><a href="/wiki/Help:Student_help" title="Help:Student help">Students</a></li> <li><a href="/wiki/Help:Viewing_media" title="Help:Viewing media">Viewing media</a></li></ul> </div></td></tr><tr><th scope="row" class="navbox-group" style="text-align:center;;width:1%"><a href="/wiki/Wikipedia:Contributing_to_Wikipedia" title="Wikipedia:Contributing to Wikipedia">Contributing<br/>to Wikipedia</a> <abbr title="Overviews and resources needed to comprehend, comment on, and edit">(?)</abbr></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:Guidance_for_younger_editors" title="Wikipedia:Guidance for younger editors">Advice for young editors</a></li> <li><a href="/wiki/Wikipedia:Avoiding_common_mistakes" title="Wikipedia:Avoiding common mistakes">Avoiding common mistakes</a></li> <li><a href="/wiki/Wikipedia:Etiquette" title="Wikipedia:Etiquette">Etiquette</a></li> <li><a href="/wiki/Wikipedia:Simplified_Manual_of_Style" title="Wikipedia:Simplified Manual of Style">Simplified Manual of Style</a></li> <li><a href="/wiki/Wikipedia:Simplified_ruleset" title="Wikipedia:Simplified ruleset">Simplified rule-set</a> <ul><li><a href="/wiki/Wikipedia:Ignore_all_rules" title="Wikipedia:Ignore all rules">"Ignore all rules"</a></li> <li><a href="/wiki/Wikipedia:The_rules_are_principles" title="Wikipedia:The rules are principles">"The rules are principles"</a></li></ul></li> <li><a href="/wiki/Wikipedia:Styletips" title="Wikipedia:Styletips">Style-tips</a></li> <li><a href="/wiki/Wikipedia:Tip_of_the_day" title="Wikipedia:Tip of the day">Tip of the day</a></li> <li><a href="/wiki/Help:Your_first_article" title="Help:Your first article">Your first article</a> (<a href="/wiki/Wikipedia:Article_wizard" title="Wikipedia:Article wizard">article wizard</a>)</li></ul> </div></td></tr><tr><th scope="row" class="navbox-group" style="text-align:center;;width:1%"><a href="/wiki/Help:Getting_started" title="Help:Getting started">Getting started</a> <abbr title="Introductions and tutorials">(?)</abbr></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:Why_create_an_account%3F" title="Wikipedia:Why create an account?">Why create an account?</a></li> <li><a href="/wiki/Help:Introduction" title="Help:Introduction">Introductions by topic</a></li> <li><a href="/wiki/Wikipedia:Graphics_tutorials" title="Wikipedia:Graphics tutorials">Graphics tutorials</a> <ul><li><a class="mw-selflink selflink">Picture tutorial</a></li> <li><a href="/wiki/Wikipedia:IRC/Tutorial" title="Wikipedia:IRC/Tutorial">IRC <span style="font-size:85%;">(live chat)</span> tutorial</a></li></ul></li> <li><a href="/wiki/Wikipedia:VisualEditor/User_guide" class="mw-redirect" title="Wikipedia:VisualEditor/User guide">VisualEditor user guide</a></li></ul> </div></td></tr><tr><th scope="row" class="navbox-group" style="text-align:center;;width:1%"><a href="/wiki/Wikipedia:Dos_and_don%27ts" title="Wikipedia:Dos and don'ts">Dos and don'ts</a> <abbr title="Wikipedia policies, guidelines, and formatting standards in bullet points">(?)</abbr></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:Accessibility_dos_and_don%27ts" title="Wikipedia:Accessibility dos and don'ts">Accessibility</a></li> <li><a href="/wiki/Wikipedia:Biography_dos_and_don%27ts" title="Wikipedia:Biography dos and don'ts">Biographies</a></li> <li><a href="/wiki/Wikipedia:Biographies_of_living_persons_dos_and_don%27ts" title="Wikipedia:Biographies of living persons dos and don'ts">Biographies (living)</a></li> <li><a href="/wiki/Wikipedia:Categorization_dos_and_don%27ts" title="Wikipedia:Categorization dos and don'ts">Categorization</a></li> <li><a href="/wiki/Wikipedia:Consensus_dos_and_don%27ts" title="Wikipedia:Consensus dos and don'ts">Consensus</a></li> <li><a href="/wiki/Wikipedia:Talk_dos_and_don%27ts" title="Wikipedia:Talk dos and don'ts">Discussions</a></li> <li><a href="/wiki/Wikipedia:Disambiguation_dos_and_don%27ts" title="Wikipedia:Disambiguation dos and don'ts">Disambiguation</a></li> <li><a href="/wiki/Wikipedia:Image_dos_and_don%27ts" title="Wikipedia:Image dos and don'ts">Images</a></li> <li><a href="/wiki/Wikipedia:Lead_dos_and_don%27ts" title="Wikipedia:Lead dos and don'ts">Leads</a></li> <li><a href="/wiki/Wikipedia:Linking_dos_and_don%27ts" title="Wikipedia:Linking dos and don'ts">Links</a></li> <li><a href="/wiki/Wikipedia:List_dos_and_don%27ts" title="Wikipedia:List dos and don'ts">Lists</a></li> <li><a href="/wiki/Wikipedia:References_dos_and_don%27ts" title="Wikipedia:References dos and don'ts">References</a></li> <li><a href="/wiki/Wikipedia:Table_dos_and_don%27ts" title="Wikipedia:Table dos and don'ts">Tables</a></li> <li><a href="/wiki/Wikipedia:Article_title_dos_and_don%27ts" title="Wikipedia:Article title dos and don'ts">Titles (of articles)</a></li></ul> </div></td></tr><tr><th scope="row" class="navbox-group" style="text-align:center;;width:1%"><a href="/wiki/Category:Wikipedia_how-to" title="Category:Wikipedia how-to">How-to pages</a> and<br/><a href="/wiki/Category:Wikipedia_information_pages" title="Category:Wikipedia information pages">information pages</a> <abbr title="Topic specific informative and instructional pages">(?)</abbr></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:Guide_to_appealing_blocks" title="Wikipedia:Guide to appealing blocks">Appealing blocks</a></li> <li><a href="/wiki/Wikipedia:Guide_to_deletion" title="Wikipedia:Guide to deletion">Article deletion</a></li> <li><a href="/wiki/Help:Category" title="Help:Category">Categories</a></li> <li><a href="/wiki/Help:Citations_quick_reference" title="Help:Citations quick reference">Citations/references</a> <ul><li><a href="/wiki/Help:Referencing_for_beginners" title="Help:Referencing for beginners">Referencing for beginners</a></li> <li><a href="/wiki/Help:Citation_Style_1" title="Help:Citation Style 1">Citation Style 1</a></li> <li><a href="/wiki/Help:Cite_errors" title="Help:Cite errors">Cite errors</a></li> <li><a href="/wiki/Help:References_and_page_numbers" title="Help:References and page numbers">References and page numbers</a></li></ul></li> <li><a href="/wiki/Help:Convert" title="Help:Convert">Convert</a></li> <li><a href="/wiki/Help:Diff" title="Help:Diff">Diff</a></li> <li><a href="/wiki/Help:Editing" title="Help:Editing">Editing</a> <ul><li><a href="/wiki/Help:Minor_edit" title="Help:Minor edit">Minor edit</a></li> <li><a href="/wiki/Help:Edit_toolbar" title="Help:Edit toolbar">toolbar</a></li> <li><a href="/wiki/Help:Edit_conflict" title="Help:Edit conflict">edit conflict</a></li></ul></li> <li><a href="/wiki/Help:Find_sources" title="Help:Find sources">Find sources</a></li> <li><a href="/wiki/Help:Files" title="Help:Files">Files</a></li> <li><a href="/wiki/Help:Footnotes" title="Help:Footnotes">Footnotes</a></li> <li><a href="/wiki/Wikipedia:Guide_to_image_deletion" title="Wikipedia:Guide to image deletion">Image deletion</a></li> <li><a href="/wiki/Help:Infobox" title="Help:Infobox">Infoboxes</a></li> <li><a href="/wiki/Help:Link" title="Help:Link">Linking</a> (<a href="/wiki/Help:Link_color" title="Help:Link color">link color</a>)</li> <li><a href="/wiki/Help:Logging_in" title="Help:Logging in">Logging in</a></li> <li><a href="/wiki/Wikipedia:Merging" title="Wikipedia:Merging">Merging</a></li> <li><a href="/wiki/Help:Page_name" title="Help:Page name">Page name</a> <ul><li><a href="/wiki/Help:How_to_move_a_page" title="Help:How to move a page">Renaming pages</a></li></ul></li> <li><a href="/wiki/Help:Redirect" title="Help:Redirect">Redirect</a></li> <li><a href="/wiki/Help:Reset_password" title="Help:Reset password">Passwords</a> <ul><li><a href="/wiki/Help:Email_confirmation" title="Help:Email confirmation">Email confirmation</a></li></ul></li> <li><a href="/wiki/Help:Reverting" title="Help:Reverting">Reverting</a> <ul><li><a href="/wiki/Help:Simple_guide_to_vandalism_cleanup" title="Help:Simple guide to vandalism cleanup">Simple vandalism cleanup</a></li></ul></li> <li><a href="/wiki/Help:Talk_pages" title="Help:Talk pages">Talk pages</a> (<a href="/wiki/Help:Archiving_a_talk_page" title="Help:Archiving a talk page">archiving</a></li> <li><a href="/wiki/Help:Archiving_(plain_and_simple)" title="Help:Archiving (plain and simple)">simple archiving</a>)</li> <li><a href="/wiki/Help:User_contributions" title="Help:User contributions">User contributions</a></li> <li><a href="/wiki/Help:WP_search_protocol" title="Help:WP search protocol">WP search protocol</a></li></ul> </div></td></tr><tr><th scope="row" class="navbox-group" style="text-align:center;;width:1%"><a href="/wiki/Wiki_markup" class="mw-redirect" title="Wiki markup">Coding</a> <abbr title="Wikitext information consists of the syntax used to format a page">(?)</abbr></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">Wiki markup</a></li> <li><a href="/wiki/Help:Barchart" title="Help:Barchart">Barcharts</a></li> <li><a href="/wiki/Help:Calculation" title="Help:Calculation">Calculations</a></li> <li><a href="/wiki/Help:Special_characters" title="Help:Special characters">Characters</a></li> <li><a href="/wiki/Help:Columns" title="Help:Columns">Columns</a></li> <li><a href="/wiki/Help:Elevation" title="Help:Elevation">Elevation</a></li> <li><a href="/wiki/Wikipedia:Manual_of_Style/Hidden_text" title="Wikipedia:Manual of Style/Hidden text">Hidden text</a></li> <li><a href="/wiki/Help:HTML_in_wikitext" title="Help:HTML in wikitext">HTML</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></li> <li><a href="/wiki/Help:Musical_symbols" title="Help:Musical symbols">Music symbols</a></li> <li><a href="/wiki/Help:Section" title="Help:Section">Sections</a></li> <li><a href="/wiki/Help:Sound_file_markup" title="Help:Sound file markup">Sounds</a></li> <li><a href="/wiki/Help:Table" title="Help:Table">Tables</a></li> <li><a href="/wiki/Help:Template" title="Help:Template">Templates</a></li> <li><a href="/wiki/Wikipedia:Transclusion" class="mw-redirect" title="Wikipedia:Transclusion">Transclusion</a></li> <li><a href="/wiki/Help:URL" title="Help:URL">URL</a></li> <li><a href="/wiki/Help:Visual_file_markup" title="Help:Visual file markup">Visual files</a></li></ul> </div></td></tr><tr><th scope="row" class="navbox-group" style="text-align:center;;width:1%"><a href="/wiki/Wikipedia:Directories_and_indexes" title="Wikipedia:Directories and indexes">Directories</a> <abbr title="Wikipedia's directories and indexes">(?)</abbr></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:Wikipedia_abbreviations" title="Wikipedia:Wikipedia abbreviations">Abbreviations</a></li> <li><a href="/wiki/Wikipedia:Contents" title="Wikipedia:Contents">Contents</a> <small>(Encyclopedia proper)</small></li> <li><a href="/wiki/Wikipedia:Department_directory" title="Wikipedia:Department directory">Departments</a></li> <li><a href="/wiki/Wikipedia:Editor%27s_index_to_Wikipedia" title="Wikipedia:Editor's index to Wikipedia">Editor's index</a></li> <li><a href="/wiki/Wikipedia:Essay_directory" title="Wikipedia:Essay directory">Essays</a></li> <li><a href="/wiki/Wikipedia:FAQ/Index" class="mw-redirect" title="Wikipedia:FAQ/Index">FAQs</a></li> <li><a href="/wiki/Wikipedia:Glossary" title="Wikipedia:Glossary">Glossary</a></li> <li><a href="/wiki/Wikipedia:List_of_guidelines" title="Wikipedia:List of guidelines">Guidelines</a></li> <li><a href="/wiki/Wikipedia:Manual_of_Style/Contents" title="Wikipedia:Manual of Style/Contents">Manual of Style </a></li> <li><a href="/wiki/Wikipedia:List_of_policies" title="Wikipedia:List of policies">Policies</a></li> <li><a href="/wiki/Wikipedia:Maintenance" title="Wikipedia:Maintenance">Tasks</a></li> <li><a href="/wiki/Wikipedia:Tips" title="Wikipedia:Tips">Tips</a></li> <li><a href="/wiki/Wikipedia:Tools" title="Wikipedia:Tools">Tools</a></li></ul> </div></td></tr><tr><td class="navbox-abovebelow" colspan="2" style="text-align:center;"><div><b> <a href="/wiki/Help:Wikipedia:_The_Missing_Manual" title="Help:Wikipedia: The Missing Manual">Missing Manual</a></b> <hr/> <span class="noprint plainlinks" title="Edit Special:MyTalk"><a class="external text" href="https://en.wikipedia.org/w/index.php?title=Special:MyTalk&action=edit&section=new&preload=Help:Contents/helpmepreload&preloadtitle=Help+me%21"><b>Ask for help on your talk page</b></a></span> <b><abbr title="If you need help, you can use this link to ask a question on your talk page; a volunteer will visit you there shortly!">(?)</abbr></b></div></td></tr></tbody></table></div> <div class="navbox-styles"><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1129693374"><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1236075235"></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"><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1239400231"><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 class="mw-selflink selflink">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 href="/wiki/Wikipedia:Extended_image_syntax" title="Wikipedia:Extended image syntax">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> <!-- NewPP limit report Parsed by mw‐api‐int.codfw.main‐849f99967d‐bsgdq Cached time: 20241123060658 Cache expiry: 2592000 Reduced expiry: false Complications: [vary‐revision‐sha1, show‐toc] DiscussionTools time usage: 0.099 seconds CPU time usage: 0.830 seconds Real time usage: 1.156 seconds Preprocessor visited node count: 4580/1000000 Post‐expand include size: 198003/2097152 bytes Template argument size: 12724/2097152 bytes Highest expansion depth: 14/100 Expensive parser function count: 36/500 Unstrip recursion depth: 0/20 Unstrip post‐expand size: 113907/5000000 bytes Lua time usage: 0.288/10.000 seconds Lua memory usage: 3994668/52428800 bytes Number of Wikibase entities loaded: 0/400 --> <!-- Transclusion expansion time report (%,ms,calls,template) 100.00% 713.266 1 -total 23.82% 169.896 2 Template:Sidebar_with_collapsible_lists 18.82% 134.203 1 Template:Style 11.62% 82.874 1 Template:Help_navigation 9.36% 66.742 1 Template:Wikipedia_how-to 8.13% 57.981 1 Template:Short_description 7.89% 56.300 2 Template:Ombox 6.23% 44.406 1 Template:Pagetype 5.82% 41.489 1 Template:MediaWiki 4.99% 35.596 2 Template:Shortcut --> <!-- Saved in parser cache with key enwiki:pcache:idhash:553911-0!canonical and timestamp 20241123060658 and revision id 1258315729. Rendering was triggered because: api-parse --> </div><!--esi <esi:include src="/esitest-fa8a495983347898/content" /> --><noscript><img src="https://login.wikimedia.org/wiki/Special:CentralAutoLogin/start?type=1x1" alt="" width="1" height="1" style="border: none; position: absolute;"></noscript> <div class="printfooter" data-nosnippet="">Retrieved from "<a dir="ltr" href="https://en.wikipedia.org/w/index.php?title=Help:Pictures&oldid=1258315729">https://en.wikipedia.org/w/index.php?title=Help:Pictures&oldid=1258315729</a>"</div></div> <div id="catlinks" class="catlinks" data-mw="interface"><div id="mw-normal-catlinks" class="mw-normal-catlinks"><a href="/wiki/Help:Category" title="Help:Category">Categories</a>: <ul><li><a href="/wiki/Category:Wikipedia_how-to" title="Category:Wikipedia how-to">Wikipedia how-to</a></li><li><a href="/wiki/Category:Wikipedia_tutorials" title="Category:Wikipedia tutorials">Wikipedia tutorials</a></li></ul></div><div id="mw-hidden-catlinks" class="mw-hidden-catlinks mw-hidden-cats-hidden">Hidden category: <ul><li><a href="/wiki/Category:Wikipedia_image_help" title="Category:Wikipedia image help">Wikipedia image help</a></li></ul></div></div> </div> </main> </div> <div class="mw-footer-container"> <footer id="footer" class="mw-footer" > <ul id="footer-info"> <li id="footer-info-lastmod"> This page was last edited on 19 November 2024, at 01:44<span class="anonymous-show"> (UTC)</span>.</li> <li id="footer-info-copyright">Text is available under the <a href="/wiki/Wikipedia:Text_of_the_Creative_Commons_Attribution-ShareAlike_4.0_International_License" title="Wikipedia:Text of the Creative Commons Attribution-ShareAlike 4.0 International License">Creative Commons Attribution-ShareAlike 4.0 License</a>; additional terms may apply. By using this site, you agree to the <a href="https://foundation.wikimedia.org/wiki/Special:MyLanguage/Policy:Terms_of_Use" class="extiw" title="foundation:Special:MyLanguage/Policy:Terms of Use">Terms of Use</a> and <a href="https://foundation.wikimedia.org/wiki/Special:MyLanguage/Policy:Privacy_policy" class="extiw" title="foundation:Special:MyLanguage/Policy:Privacy policy">Privacy Policy</a>. Wikipedia® is a registered trademark of the <a rel="nofollow" class="external text" href="https://wikimediafoundation.org/">Wikimedia Foundation, Inc.</a>, a non-profit organization.</li> </ul> <ul id="footer-places"> <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-mobileview"><a href="//en.m.wikipedia.org/w/index.php?title=Help:Pictures&mobileaction=toggle_view_mobile" class="noprint stopMobileRedirectToggle">Mobile view</a></li> </ul> <ul id="footer-icons" class="noprint"> <li id="footer-copyrightico"><a href="https://wikimediafoundation.org/" class="cdx-button cdx-button--fake-button cdx-button--size-large cdx-button--fake-button--enabled"><img src="/static/images/footer/wikimedia-button.svg" width="84" height="29" alt="Wikimedia Foundation" loading="lazy"></a></li> <li id="footer-poweredbyico"><a href="https://www.mediawiki.org/" class="cdx-button cdx-button--fake-button cdx-button--size-large cdx-button--fake-button--enabled"><img src="/w/resources/assets/poweredby_mediawiki.svg" alt="Powered by MediaWiki" width="88" height="31" loading="lazy"></a></li> </ul> </footer> </div> </div> </div> <div class="vector-settings" id="p-dock-bottom"> <ul></ul> </div><script>(RLQ=window.RLQ||[]).push(function(){mw.config.set({"wgHostname":"mw-web.codfw.main-f69cdc8f6-6klwk","wgBackendResponseTime":155,"wgDiscussionToolsPageThreads":[{"headingLevel":2,"name":"h-","type":"heading","level":0,"id":"h-Infobox_picture","replies":[]},{"headingLevel":2,"name":"h-","type":"heading","level":0,"id":"h-Thumbnails","replies":[{"headingLevel":3,"name":"h-","type":"heading","level":0,"id":"h-On_the_left-Thumbnails","replies":[]},{"headingLevel":3,"name":"h-","type":"heading","level":0,"id":"h-On_the_right-Thumbnails","replies":[]},{"headingLevel":3,"name":"h-","type":"heading","level":0,"id":"h-Without_flowing_text-Thumbnails","replies":[]},{"headingLevel":3,"name":"h-","type":"heading","level":0,"id":"h-Thumbnail_sizes-Thumbnails","replies":[{"headingLevel":4,"name":"h-","type":"heading","level":0,"id":"h-Upright_images-Thumbnail_sizes","replies":[]},{"headingLevel":4,"name":"h-","type":"heading","level":0,"id":"h-Shrinking_upright_images_further-Thumbnail_sizes","replies":[]},{"headingLevel":4,"name":"h-","type":"heading","level":0,"id":"h-Short,_wide_images-Thumbnail_sizes","replies":[]},{"headingLevel":4,"name":"h-","type":"heading","level":0,"id":"h-Width_in_pixels-Thumbnail_sizes","replies":[]},{"headingLevel":4,"name":"h-","type":"heading","level":0,"id":"h-Height_in_pixels-Thumbnail_sizes","replies":[]},{"headingLevel":4,"name":"h-","type":"heading","level":0,"id":"h-Width_or_height_in_pixels,_whichever_makes_the_image_smaller-Thumbnail_sizes","replies":[]},{"headingLevel":4,"name":"h-","type":"heading","level":0,"id":"h-Pixel_counts_vs._upright_factors-Thumbnail_sizes","replies":[]},{"headingLevel":4,"name":"h-","type":"heading","level":0,"id":"h-Native_size-Thumbnail_sizes","replies":[]}]},{"headingLevel":3,"name":"h-","type":"heading","level":0,"id":"h-Panoramas-Thumbnails","replies":[]},{"headingLevel":3,"name":"h-","type":"heading","level":0,"id":"h-DjVu_and_PDF_files-Thumbnails","replies":[]}]},{"headingLevel":2,"name":"h-","type":"heading","level":0,"id":"h-Avoiding_stack-ups","replies":[{"headingLevel":3,"name":"h-","type":"heading","level":0,"id":"h-Alternating_left_and_right-Avoiding_stack-ups","replies":[]},{"headingLevel":3,"name":"h-","type":"heading","level":0,"id":"h-Co-aligning-Avoiding_stack-ups","replies":[]},{"headingLevel":3,"name":"h-","type":"heading","level":0,"id":"h-Galleries-Avoiding_stack-ups","replies":[]},{"headingLevel":3,"name":"h-","type":"heading","level":0,"id":"h-Forcing_a_break-Avoiding_stack-ups","replies":[]}]},{"headingLevel":2,"name":"h-","type":"heading","level":0,"id":"h-Plain_pictures","replies":[{"headingLevel":3,"name":"h-","type":"heading","level":0,"id":"h-Plain_picture_sizes-Plain_pictures","replies":[]},{"headingLevel":3,"name":"h-","type":"heading","level":0,"id":"h-Border-Plain_pictures","replies":[]},{"headingLevel":3,"name":"h-","type":"heading","level":0,"id":"h-Horizontal_placement-Plain_pictures","replies":[]},{"headingLevel":3,"name":"h-","type":"heading","level":0,"id":"h-Vertical_alignment-Plain_pictures","replies":[]},{"headingLevel":3,"name":"h-","type":"heading","level":0,"id":"h-Links-Plain_pictures","replies":[]},{"headingLevel":3,"name":"h-","type":"heading","level":0,"id":"h-Image_maps-Plain_pictures","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-Linking_without_displaying","replies":[]},{"headingLevel":2,"name":"h-","type":"heading","level":0,"id":"h-Image_frames","replies":[]},{"headingLevel":2,"name":"h-","type":"heading","level":0,"id":"h-In_case_an_image_will_not_render","replies":[]},{"headingLevel":2,"name":"h-","type":"heading","level":0,"id":"h-Tips","replies":[]},{"headingLevel":2,"name":"h-","type":"heading","level":0,"id":"h-See_also","replies":[]},{"headingLevel":2,"name":"h-","type":"heading","level":0,"id":"h-Notes","replies":[]}],"wgPageParseReport":{"discussiontools":{"limitreport-timeusage":"0.099"},"limitreport":{"cputime":"0.830","walltime":"1.156","ppvisitednodes":{"value":4580,"limit":1000000},"postexpandincludesize":{"value":198003,"limit":2097152},"templateargumentsize":{"value":12724,"limit":2097152},"expansiondepth":{"value":14,"limit":100},"expensivefunctioncount":{"value":36,"limit":500},"unstrip-depth":{"value":0,"limit":20},"unstrip-size":{"value":113907,"limit":5000000},"entityaccesscount":{"value":0,"limit":400},"timingprofile":["100.00% 713.266 1 -total"," 23.82% 169.896 2 Template:Sidebar_with_collapsible_lists"," 18.82% 134.203 1 Template:Style"," 11.62% 82.874 1 Template:Help_navigation"," 9.36% 66.742 1 Template:Wikipedia_how-to"," 8.13% 57.981 1 Template:Short_description"," 7.89% 56.300 2 Template:Ombox"," 6.23% 44.406 1 Template:Pagetype"," 5.82% 41.489 1 Template:MediaWiki"," 4.99% 35.596 2 Template:Shortcut"]},"scribunto":{"limitreport-timeusage":{"value":"0.288","limit":"10.000"},"limitreport-memusage":{"value":3994668,"limit":52428800}},"cachereport":{"origin":"mw-api-int.codfw.main-849f99967d-bsgdq","timestamp":"20241123060658","ttl":2592000,"transientcontent":false}}});});</script> </body> </html>