CINXE.COM

<!DOCTYPE html> <html class="client-nojs" lang="de" dir="ltr"> <head> <meta charset="UTF-8"> <title>Hilfe:Bilder – Wikipedia</title> <script>(function(){var className="client-js";var cookie=document.cookie.match(/(?:^|; )dewikimwclientpreferences=([^;]+)/);if(cookie){cookie[1].split('%2C').forEach(function(pref){className=className.replace(new RegExp('(^| )'+pref.replace(/-clientpref-\w+$|[^\w-]+/g,'')+'-clientpref-\\w+( |$)'),'$1'+pref+'$2');});}document.documentElement.className=className;}());RLCONF={"wgBreakFrames":false,"wgSeparatorTransformTable":[",\t.",".\t,"],"wgDigitTransformTable":["",""],"wgDefaultDateFormat":"dmy","wgMonthNames":["","Januar","Februar","März","April","Mai","Juni","Juli","August","September","Oktober","November","Dezember"],"wgRequestId":"2acbd6de-cd7a-41ff-a0ed-0de856cd2c3a","wgCanonicalNamespace":"Help","wgCanonicalSpecialPageName":false,"wgNamespaceNumber":12,"wgPageName":"Hilfe:Bilder","wgTitle":"Bilder","wgCurRevisionId":248952679,"wgRevisionId":248952679,"wgArticleId":8421,"wgIsArticle":true,"wgIsRedirect":false,"wgAction":"view","wgUserName":null,"wgUserGroups":["*"],"wgCategories":[ "Hilfe:Bilder"],"wgPageViewLanguage":"de","wgPageContentLanguage":"de","wgPageContentModel":"wikitext","wgRelevantPageName":"Hilfe:Bilder","wgRelevantArticleId":8421,"wgIsProbablyEditable":false,"wgRelevantPageIsProbablyEditable":false,"wgRestrictionEdit":["autoconfirmed"],"wgRestrictionMove":["autoconfirmed"],"wgNoticeProject":"wikipedia","wgCiteReferencePreviewsActive":true,"wgFlaggedRevsParams":{"tags":{"accuracy":{"levels":1}}},"wgMediaViewerOnClick":true,"wgMediaViewerEnabledByDefault":true,"wgPopupsFlags":0,"wgVisualEditor":{"pageLanguageCode":"de","pageLanguageDir":"ltr","pageVariantFallbacks":"de"},"wgMFDisplayWikibaseDescriptions":{"search":true,"watchlist":true,"tagline":true,"nearby":true},"wgWMESchemaEditAttemptStepOversample":false,"wgWMEPageLength":60000,"wgRelatedArticlesCompat":[],"wgCentralAuthMobileDomain":false,"wgEditSubmitButtonLabelPublish":true,"wgDiscussionToolsFeaturesEnabled":{"replytool":true,"newtopictool":true,"sourcemodetoolbar":true,"topicsubscription": false,"autotopicsub":false,"visualenhancements":false,"visualenhancements_reply":false,"visualenhancements_pageframe":false},"wgDiscussionToolsFallbackEditMode":"visual","wgULSPosition":"interlanguage","wgULSisCompactLinksEnabled":true,"wgVector2022LanguageInHeader":false,"wgULSisLanguageSelectorEmpty":false,"wgWikibaseItemId":"Q4618557","wgCheckUserClientHintsHeadersJsApi":["brands","architecture","bitness","fullVersionList","mobile","model","platform","platformVersion"],"GEHomepageSuggestedEditsEnableTopics":true,"wgGETopicsMatchModeEnabled":false,"wgGEStructuredTaskRejectionReasonTextInputEnabled":false,"wgGELevelingUpEnabledForUser":false};RLSTATE={"ext.gadget.citeRef":"ready","ext.gadget.defaultPlainlinks":"ready","ext.gadget.dewikiCommonHide":"ready","ext.gadget.dewikiCommonLayout":"ready","ext.gadget.dewikiCommonStyle":"ready","ext.gadget.NavFrame":"ready","ext.globalCssJs.user.styles":"ready","site.styles":"ready","user.styles":"ready","ext.globalCssJs.user":"ready","user": "ready","user.options":"loading","ext.cite.styles":"ready","mediawiki.page.gallery.styles":"ready","ext.imagemap.styles":"ready","ext.tmh.player.styles":"ready","ext.discussionTools.init.styles":"ready","oojs-ui-core.styles":"ready","oojs-ui.styles.indicators":"ready","mediawiki.widgets.styles":"ready","oojs-ui-core.icons":"ready","skins.vector.styles.legacy":"ready","jquery.makeCollapsible.styles":"ready","ext.visualEditor.desktopArticleTarget.noscript":"ready","codex-search-styles":"ready","ext.uls.interlanguage":"ready","wikibase.client.init":"ready","ext.wikimediaBadges":"ready"};RLPAGEMODULES=["ext.cite.ux-enhancements","mediawiki.page.gallery","ext.imagemap","mediawiki.page.media","ext.tmh.player","site","mediawiki.page.ready","jquery.makeCollapsible","mediawiki.toc","skins.vector.legacy.js","ext.centralNotice.geoIP","ext.centralNotice.startUp","ext.gadget.WikiMiniAtlas","ext.gadget.OpenStreetMap","ext.gadget.CommonsDirekt","ext.gadget.donateLink","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.compactlinks","ext.uls.interface","ext.cx.eventlogging.campaigns","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=de&modules=codex-search-styles%7Cext.cite.styles%7Cext.discussionTools.init.styles%7Cext.imagemap.styles%7Cext.tmh.player.styles%7Cext.uls.interlanguage%7Cext.visualEditor.desktopArticleTarget.noscript%7Cext.wikimediaBadges%7Cjquery.makeCollapsible.styles%7Cmediawiki.page.gallery.styles%7Cmediawiki.widgets.styles%7Coojs-ui-core.icons%2Cstyles%7Coojs-ui.styles.indicators%7Cskins.vector.styles.legacy%7Cwikibase.client.init&only=styles&skin=vector"> <script async="" src="/w/load.php?lang=de&modules=startup&only=scripts&raw=1&skin=vector"></script> <meta name="ResourceLoaderDynamicStyles" content=""> <link rel="stylesheet" href="/w/load.php?lang=de&modules=ext.gadget.NavFrame%2CciteRef%2CdefaultPlainlinks%2CdewikiCommonHide%2CdewikiCommonLayout%2CdewikiCommonStyle&only=styles&skin=vector"> <link rel="stylesheet" href="/w/load.php?lang=de&modules=site.styles&only=styles&skin=vector"> <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="Hilfe:Bilder – 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="//de.m.wikipedia.org/wiki/Hilfe:Bilder"> <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 (de)"> <link rel="EditURI" type="application/rsd+xml" href="//de.wikipedia.org/w/api.php?action=rsd"> <link rel="canonical" href="https://de.wikipedia.org/wiki/Hilfe:Bilder"> <link rel="license" href="https://creativecommons.org/licenses/by-sa/4.0/deed.de"> <link rel="alternate" type="application/atom+xml" title="Atom-Feed für „Wikipedia“" href="/w/index.php?title=Spezial:Letzte_%C3%84nderungen&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-vector-legacy mediawiki ltr sitedir-ltr mw-hide-empty-elt ns-12 ns-subject page-Hilfe_Bilder rootpage-Hilfe_Bilder skin-vector action-view"><div id="mw-page-base" class="noprint"></div> <div id="mw-head-base" class="noprint"></div> <div id="content" class="mw-body" role="main"> <a id="top"></a> <div id="siteNotice"></div> <div class="mw-indicators"> </div> <h1 id="firstHeading" class="firstHeading mw-first-heading"><span class="mw-page-title-namespace">Hilfe</span><span class="mw-page-title-separator">:</span><span class="mw-page-title-main">Bilder</span></h1> <div id="bodyContent" class="vector-body"> <div id="siteSub" class="noprint">aus Wikipedia, der freien Enzyklopädie</div> <div id="contentSub"><div id="mw-content-subtitle"></div></div> <div id="contentSub2"></div> <div id="jump-to-nav"></div> <a class="mw-jump-link" href="#mw-head">Zur Navigation springen</a> <a class="mw-jump-link" href="#searchInput">Zur Suche springen</a> <div id="mw-content-text" class="mw-body-content"><div class="mw-content-ltr mw-parser-output" lang="de" dir="ltr"><div class="hintergrundfarbe1 rahmenfarbe1 navigation-not-searchable noprint vorlage-weiterleitungshinweis" style="border-bottom-style: solid; border-bottom-width: 1px; font-size:95%; margin-bottom:1em; padding: 0.25em; overflow: hidden; word-break: break-word; word-wrap: break-word;"><div class="noviewer noresize bksicon" style="display: table-cell; padding-bottom: 0.2em; padding-left: 0.25em; padding-right: 1em; padding-top: 0.2em; vertical-align: middle;" aria-hidden="true" role="presentation"><span typeof="mw:File"><span><img alt="" src="//upload.wikimedia.org/wikipedia/commons/thumb/e/ea/Disambig-dark.svg/25px-Disambig-dark.svg.png" decoding="async" width="25" height="19" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/e/ea/Disambig-dark.svg/38px-Disambig-dark.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/e/ea/Disambig-dark.svg/50px-Disambig-dark.svg.png 2x" data-file-width="444" data-file-height="340"/></span></span></div> <div style="display: table-cell; vertical-align: middle; width: 100%;"> <div role="navigation"> <i>WP:B</i> ist eine Weiterleitung auf diese Seite. Möglicherweise suchst du <a href="/wiki/Wikipedia:Beitragszahlen" title="Wikipedia:Beitragszahlen">WP:Beitragszahlen</a>, <a href="/wiki/Wikipedia:Belege" title="Wikipedia:Belege">WP:Belege</a>, <a href="/wiki/Wikipedia:B%C3%BCrokraten" title="Wikipedia:Bürokraten">WP:Bürokraten</a> oder <a href="/wiki/Wikipedia:Bots" title="Wikipedia:Bots">WP:Bots</a>.</div> </div></div> <div class="noprint navigation-not-searchable" style="color:107010; float: right; margin-bottom: 1em; margin-left: 0.5em; position: relative; top: -1em;" id="LinkboxHilfe" role="navigation"> <div id="shortcut-ca" class="shortcut" style="font-size: x-small; float: right; margin-bottom: 0.5em;" data-shortcut="H:B"><a href="/wiki/Wikipedia:Shortcuts" title="Wikipedia:Shortcuts">Abkürzung</a>: H:B</div><div class="hintergrundfarbe-basis" style="clear:right; border:1px solid #107010; margin-top:1em; max-width:15em; width:13em;" title="Navigation über alle Hilfeseiten"> <div style="background:#B9FFC5; color:#202122; border-bottom:solid 1px #107010; font-size:120%; padding:.5em;"> <b><a href="/wiki/Hilfe:%C3%9Cbersicht" title="Hilfe:Übersicht">Hilfe</a></b><div class="floatright noresize noviewer" aria-hidden="true" role="presentation"><span typeof="mw:File"><a href="/wiki/Hilfe:%C3%9Cbersicht" title="Hilfe"><img alt="" src="//upload.wikimedia.org/wikipedia/commons/thumb/3/3c/Wiki-lifebelt.svg/25px-Wiki-lifebelt.svg.png" decoding="async" width="25" height="25" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/3/3c/Wiki-lifebelt.svg/38px-Wiki-lifebelt.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/3/3c/Wiki-lifebelt.svg/50px-Wiki-lifebelt.svg.png 2x" data-file-width="48" data-file-height="48"/></a></span></div></div> <div style="background:#E0FFD0; color:#202122;font-size:90%; padding:.5em;"> <ul><li><a href="/wiki/Hilfe:Navigation" title="Hilfe:Navigation">Navigation</a></li> <li><a href="/wiki/Hilfe:Benutzerkonto" title="Hilfe:Benutzerkonto">Benutzerkonto</a></li> <li><a href="/wiki/Hilfe:Bearbeiten" title="Hilfe:Bearbeiten">Bearbeiten</a></li> <li><a href="/wiki/Hilfe:Wikisyntax" title="Hilfe:Wikisyntax">Wikisyntax</a></li> <li><a href="/wiki/Hilfe:Seitenverwaltung" title="Hilfe:Seitenverwaltung">Seitenverwaltung</a></li> <li><a href="/wiki/Hilfe:Bausteine" title="Hilfe:Bausteine">Bausteine</a></li> <li><a href="/wiki/Hilfe:Bild_und_Ton" title="Hilfe:Bild und Ton">Bild und Ton</a> <ul><li><a href="/wiki/Hilfe:Bildertutorial" title="Hilfe:Bildertutorial">Einsteigertutorial</a></li> <li><a href="/wiki/Hilfe:Hochladen" title="Hilfe:Hochladen">Hochladen</a></li> <li><a class="mw-selflink selflink">Bilder einbinden</a> <ul><li><a href="/wiki/Hilfe:Bilder/VisualEditor" title="Hilfe:Bilder/VisualEditor">VisualEditor</a></li></ul></li> <li><a href="/wiki/Hilfe:Galerie" title="Hilfe:Galerie">Galerie</a></li> <li><a href="/wiki/Hilfe:Imagemap" title="Hilfe:Imagemap">Imagemap</a></li> <li><a href="/wiki/Hilfe:Medienbetrachter" title="Hilfe:Medienbetrachter">Medienbetrachter</a></li> <li><a href="/wiki/Hilfe:Audio" title="Hilfe:Audio">Audio abspielen</a></li> <li><a href="/wiki/Hilfe:Video" title="Hilfe:Video">Video abspielen</a></li> <li><a href="/wiki/Hilfe:Dateien" title="Hilfe:Dateien">Dateien</a></li> <li><a href="/wiki/Hilfe:Medieneinbindung" title="Hilfe:Medieneinbindung">Medieneinbindung</a></li> <li><a href="/wiki/Hilfe:Wikimedia_Commons" title="Hilfe:Wikimedia Commons">Wikimedia Commons</a></li> <li><a href="/wiki/Hilfe:Graph" title="Hilfe:Graph">Diagramme und Karten</a></li> <li><a href="/wiki/Hilfe:Kartographer" title="Hilfe:Kartographer">Karten</a></li></ul></li> <li><a href="/wiki/Hilfe:Kommunikation" title="Hilfe:Kommunikation">Kommunikation</a></li> <li><a href="/wiki/Hilfe:Technik" title="Hilfe:Technik">Technik</a></li></ul> <hr style="margin:.5em 0;"/> <ul><li><a href="/wiki/Hilfe:Index" title="Hilfe:Index">Index – <span style="white-space:nowrap">Infos von A bis Z</span></a></li> <li><a href="/wiki/Hilfe:Alle_Hilfeseiten" title="Hilfe:Alle Hilfeseiten">Alle Hilfeseiten</a></li> <li><a href="/wiki/Hilfe:Glossar" title="Hilfe:Glossar">Glossar</a></li></ul> <div class="Hinweis_Verhalten_im_Notfall center"> <hr style="margin:.5em 0;"/> <div style="background: #FFD700; color:#202122; border: 1px solid #FFFF00; margin: auto; padding: 3px;"><a href="/wiki/Wikipedia:Verhalten_im_Notfall" title="Wikipedia:Verhalten im Notfall">Verhalten im Notfall</a></div></div> </div> </div></div><style data-mw-deduplicate="TemplateStyles:r201149660">.mw-parser-output ol.breadcrumb-nav-container,.mw-parser-output ul.breadcrumb-nav-container{list-style-image:none;list-style-position:outside;list-style-type:none;margin:0.2em;padding-left:0}.mw-parser-output ol.breadcrumb-nav-container>li,.mw-parser-output ul.breadcrumb-nav-container>li{display:inline;padding:0}.mw-parser-output ol.breadcrumb-nav-container>li,.mw-parser-output ol.breadcrumb-nav-gt>li::before,.mw-parser-output ol.breadcrumb-nav-lt>li::before,.mw-parser-output ul.breadcrumb-nav-container>li,.mw-parser-output ul.breadcrumb-nav-gt>li::before,.mw-parser-output ul.breadcrumb-nav-lt>li::before{margin-right:0.3em}.mw-parser-output ol.breadcrumb-nav-gt>li:nth-child(1n/**/+2)::before,.mw-parser-output ul.breadcrumb-nav-gt>li:nth-child(1n/**/+2)::before{content:"\3e "}.mw-parser-output ol.breadcrumb-nav-lt>li:nth-child(1n/**/+2)::before,.mw-parser-output ul.breadcrumb-nav-lt>li:nth-child(1n/**/+2)::before{content:"\3c "}.mw-parser-output ol.breadcrumb-nav-middot>li::after,.mw-parser-output ul.breadcrumb-nav-middot>li::after{content:"●";font-size:85%;margin-left:0.5em;vertical-align:top}.mw-parser-output ol.breadcrumb-nav-pipe>li::after,.mw-parser-output ul.breadcrumb-nav-pipe>li::after{content:"|";margin-left:0.5em}.mw-parser-output ol.breadcrumb-nav-middot>li:last-child::after,.mw-parser-output ul.breadcrumb-nav-middot>li:last-child::after,.mw-parser-output ol.breadcrumb-nav-pipe>li:last-child::after,.mw-parser-output ul.breadcrumb-nav-pipe>li:last-child::after{display:none}@media screen and (max-width:799px){.mw-parser-output .breadcrumb-nav-container.subpages{display:none}}</style><ol id="contentSub2" class="subpages noprint navigation-not-searchable breadcrumb-nav-container breadcrumb-nav-gt" style="list-style: outside none none; margin: 0 0 0.3em; padding-left: 0;" role="navigation"> <li><a href="/wiki/Hilfe:%C3%9Cbersicht" title="Hilfe:Übersicht">Hilfe</a></li><li><a href="/wiki/Hilfe:Bild_und_Ton" title="Hilfe:Bild und Ton">Bild und Ton</a></li> <li><b>Bilder</b></li> </ol> <div class="noprint float-right"> <table style="width:250px; font-size:100%; text-align:center; border-spacing:4px;"> <tbody><tr> <td><a href="/wiki/Benutzer_Diskussion:Bdk/Bild_des_Tages" title="Benutzer Diskussion:Bdk/Bild des Tages">Überraschungsbild des Tages</a> </td></tr> <tr> <td style="border:1px solid #666666; padding:0;"><span typeof="mw:File"><a href="/wiki/Datei:Rain_boots_on_Stairs.jpg" class="mw-file-description"><img alt="" src="//upload.wikimedia.org/wikipedia/commons/thumb/d/d2/Rain_boots_on_Stairs.jpg/250px-Rain_boots_on_Stairs.jpg" decoding="async" width="250" height="188" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/d/d2/Rain_boots_on_Stairs.jpg/375px-Rain_boots_on_Stairs.jpg 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/d/d2/Rain_boots_on_Stairs.jpg/500px-Rain_boots_on_Stairs.jpg 2x" data-file-width="4320" data-file-height="3240"/></a></span> </td></tr> <tr> <td><a href="/wiki/Gummistiefel" title="Gummistiefel">Gummistiefel</a> </td></tr></tbody></table> </div> <p>Diese Seite erklärt, <i>wie</i> du Bilder, Grafiken und Karten in Artikel einfügst und platzierst. </p> <div style="background-color: #E0E0FF; color: #000040; border: 2px solid #5050B0; margin-bottom: 1em; margin-right: 2em; margin-top: 0.5em; overflow: hidden; padding: 0.5em 0.8em;"> <div class="noviewer" style="display:inline-block; float:left; margin-right:1em;" aria-hidden="true" role="presentation"><span typeof="mw:File"><a href="/wiki/Datei:Wikipedia-logo-v2.svg" class="mw-file-description" title="Icon"><img alt="" src="//upload.wikimedia.org/wikipedia/commons/thumb/8/80/Wikipedia-logo-v2.svg/25px-Wikipedia-logo-v2.svg.png" decoding="async" width="25" height="23" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/8/80/Wikipedia-logo-v2.svg/38px-Wikipedia-logo-v2.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/8/80/Wikipedia-logo-v2.svg/50px-Wikipedia-logo-v2.svg.png 2x" data-file-width="103" data-file-height="94"/></a></span></div> <p><i>Ob</i> und <i>welche</i> Bilder sinnvoll sind, beschreibt <b><a href="/wiki/Wikipedia:Artikel_illustrieren" title="Wikipedia:Artikel illustrieren">Wikipedia:Artikel illustrieren</a></b>. </p> <i>Wie</i> und <i>auf welche Weise</i> du gute Bilder machen bzw. erstellen kannst, ist unter <a href="/wiki/Wikipedia:Fototipps" title="Wikipedia:Fototipps">Wikipedia:Fototipps</a> respektive <a href="/wiki/Wikipedia:Grafiktipps" title="Wikipedia:Grafiktipps">Wikipedia:Grafiktipps</a> zu finden.</div> <p>Bilder (und andere Dateien wie Audioaufnahmen) sind wie Artikel, Hilfeseiten usw. in einem separaten <a href="/wiki/Hilfe:Namensr%C3%A4ume#Namensräume_der_Wikipedia" title="Hilfe:Namensräume">Namensraum</a> gespeichert. </p><p>Bilder werden üblicherweise nicht in der deutschsprachigen Wikipedia selbst, sondern im zentralen bzw. internationalen Bildarchiv <a href="/wiki/Wikimedia_Commons" title="Wikimedia Commons">Wikimedia Commons</a> gespeichert, damit andere Wikimedia-Wikis (wie die Wikipedia) sie mitverwenden können. Die Syntax für das Einbinden der Bilder ist aber weitgehend unabhängig vom Speicherort Wikimedia Commons – beim Einbinden musst du dir also keine Gedanken machen, ob das Bild in der deutschsprachigen Wikipedia oder in Wikimedia Commons gespeichert ist. </p><p>Was du beim Hochladen nach Wikimedia Commons oder der Wikipedia beachten musst, erfährst du im <a href="/wiki/Hilfe:Bildertutorial" title="Hilfe:Bildertutorial">Bildertutorial</a>. Welche Bilder du hochladen darfst, erklärt der dortige Abschnitt zu den <a href="/wiki/Hilfe:Bildertutorial/2_Bildrechte" title="Hilfe:Bildertutorial/2 Bildrechte">Bildrechten</a>. Du solltest dich unbedingt mit den Bildrechten vertraut machen, wenn du nicht möchtest, dass deine Bilder wegen <a href="/wiki/Lizenz" title="Lizenz">Lizenzproblemen</a> wieder gelöscht werden. <a href="/wiki/Wikipedia:Bildrechte" title="Wikipedia:Bildrechte">Wikipedia:Bildrechte</a> erläutert jene weitestgehend mit Anpassung auf lokale (nicht auf Wikimedia Commons hochgeladene) Bilder. </p><p>Hilfe zum Finden freier, für uns verwendbarer Bilder findest du auf der Seite <a href="/wiki/Wikipedia:Public-Domain-Bilderquellen" title="Wikipedia:Public-Domain-Bilderquellen">Wikipedia:Public-Domain-Bilderquellen</a>. Falls du noch offene Fragen hast, kannst du dich gerne an die <a href="/wiki/Wikipedia:Redaktion_Bilder" title="Wikipedia:Redaktion Bilder">Redaktion Bilder</a> wenden. </p> <div id="toc" class="toc" role="navigation" aria-labelledby="mw-toc-heading"><input type="checkbox" role="button" id="toctogglecheckbox" class="toctogglecheckbox" style="display:none" /><div class="toctitle" lang="de" dir="ltr"><h2 id="mw-toc-heading">Inhaltsverzeichnis</h2><span class="toctogglespan"><label class="toctogglelabel" for="toctogglecheckbox"></label></span></div> <ul> <li class="toclevel-1 tocsection-1"><a href="#Index"><span class="tocnumber">1</span> <span class="toctext">Index</span></a></li> <li class="toclevel-1 tocsection-2"><a href="#Welchen_Editor_verwenden?"><span class="tocnumber">2</span> <span class="toctext">Welchen Editor verwenden?</span></a></li> <li class="toclevel-1 tocsection-3"><a href="#Einbindung"><span class="tocnumber">3</span> <span class="toctext">Einbindung</span></a> <ul> <li class="toclevel-2 tocsection-4"><a href="#Grundlegendes"><span class="tocnumber">3.1</span> <span class="toctext">Grundlegendes</span></a></li> <li class="toclevel-2 tocsection-5"><a href="#Vorschaubilder_(Miniatur)"><span class="tocnumber">3.2</span> <span class="toctext">Vorschaubilder (Miniatur)</span></a></li> <li class="toclevel-2 tocsection-6"><a href="#Rahmenlose_Einbindung_(ohne_Miniatur)"><span class="tocnumber">3.3</span> <span class="toctext">Rahmenlose Einbindung (ohne Miniatur)</span></a> <ul> <li class="toclevel-3 tocsection-7"><a href="#Zusätzlicher_Rand"><span class="tocnumber">3.3.1</span> <span class="toctext">Zusätzlicher Rand</span></a></li> </ul> </li> <li class="toclevel-2 tocsection-8"><a href="#Besondere_Dateitypen"><span class="tocnumber">3.4</span> <span class="toctext">Besondere Dateitypen</span></a> <ul> <li class="toclevel-3 tocsection-9"><a href="#SVG-Dateien"><span class="tocnumber">3.4.1</span> <span class="toctext">SVG-Dateien</span></a></li> <li class="toclevel-3 tocsection-10"><a href="#DjVu-_und_PDF-Dateien"><span class="tocnumber">3.4.2</span> <span class="toctext">DjVu- und PDF-Dateien</span></a></li> </ul> </li> <li class="toclevel-2 tocsection-11"><a href="#Annotiertes_Bild_(Beschnitt_und_Text)"><span class="tocnumber">3.5</span> <span class="toctext">Annotiertes Bild (Beschnitt und Text)</span></a></li> </ul> </li> <li class="toclevel-1 tocsection-12"><a href="#Bildbeschreibung"><span class="tocnumber">4</span> <span class="toctext">Bildbeschreibung</span></a> <ul> <li class="toclevel-2 tocsection-13"><a href="#Bildlegende"><span class="tocnumber">4.1</span> <span class="toctext">Bildlegende</span></a></li> <li class="toclevel-2 tocsection-14"><a href="#Alternativtext"><span class="tocnumber">4.2</span> <span class="toctext">Alternativtext</span></a></li> <li class="toclevel-2 tocsection-15"><a href="#Legende_bei_farbigen_Grafiken"><span class="tocnumber">4.3</span> <span class="toctext">Legende bei farbigen Grafiken</span></a></li> <li class="toclevel-2 tocsection-16"><a href="#Legende_bei_schmalen_Bildern"><span class="tocnumber">4.4</span> <span class="toctext">Legende bei schmalen Bildern</span></a></li> </ul> </li> <li class="toclevel-1 tocsection-17"><a href="#Anordnung/Ausrichtung"><span class="tocnumber">5</span> <span class="toctext">Anordnung/Ausrichtung</span></a> <ul> <li class="toclevel-2 tocsection-18"><a href="#Grundsätzliches_zur_Ausrichtung"><span class="tocnumber">5.1</span> <span class="toctext">Grundsätzliches zur Ausrichtung</span></a></li> <li class="toclevel-2 tocsection-19"><a href="#Ausrichtung_links_vermeiden"><span class="tocnumber">5.2</span> <span class="toctext">Ausrichtung links vermeiden</span></a></li> <li class="toclevel-2 tocsection-20"><a href="#Layoutfluss"><span class="tocnumber">5.3</span> <span class="toctext">Layoutfluss</span></a></li> <li class="toclevel-2 tocsection-21"><a href="#Umfließen_eines_Bildes_durch_nachfolgenden_Text_verhindern"><span class="tocnumber">5.4</span> <span class="toctext">Umfließen eines Bildes durch nachfolgenden Text verhindern</span></a></li> <li class="toclevel-2 tocsection-22"><a href="#Vertikale_Ausrichtung"><span class="tocnumber">5.5</span> <span class="toctext">Vertikale Ausrichtung</span></a></li> <li class="toclevel-2 tocsection-23"><a href="#Bilder_nebeneinander"><span class="tocnumber">5.6</span> <span class="toctext">Bilder nebeneinander</span></a></li> <li class="toclevel-2 tocsection-24"><a href="#Galerien"><span class="tocnumber">5.7</span> <span class="toctext">Galerien</span></a></li> <li class="toclevel-2 tocsection-25"><a href="#Bilder_in_Aufzählungen"><span class="tocnumber">5.8</span> <span class="toctext">Bilder in Aufzählungen</span></a></li> </ul> </li> <li class="toclevel-1 tocsection-26"><a href="#Bildgröße"><span class="tocnumber">6</span> <span class="toctext">Bildgröße</span></a> <ul> <li class="toclevel-2 tocsection-27"><a href="#Originalgröße"><span class="tocnumber">6.1</span> <span class="toctext">Originalgröße</span></a></li> <li class="toclevel-2 tocsection-28"><a href="#Feste_Skalierung"><span class="tocnumber">6.2</span> <span class="toctext">Feste Skalierung</span></a></li> <li class="toclevel-2 tocsection-29"><a href="#Automatische_Skalierung_mit_hochkant"><span class="tocnumber">6.3</span> <span class="toctext">Automatische Skalierung mit hochkant</span></a></li> <li class="toclevel-2 tocsection-30"><a href="#Panoramabilder"><span class="tocnumber">6.4</span> <span class="toctext">Panoramabilder</span></a></li> <li class="toclevel-2 tocsection-31"><a href="#Beschriftete_Panoramabilder"><span class="tocnumber">6.5</span> <span class="toctext">Beschriftete Panoramabilder</span></a></li> <li class="toclevel-2 tocsection-32"><a href="#360°-Kugelpanoramen"><span class="tocnumber">6.6</span> <span class="toctext">360°-Kugelpanoramen</span></a></li> </ul> </li> <li class="toclevel-1 tocsection-33"><a href="#Verlinkung"><span class="tocnumber">7</span> <span class="toctext">Verlinkung</span></a> <ul> <li class="toclevel-2 tocsection-34"><a href="#Von_der_Dateibeschreibungsseite_abweichendes_Linkziel"><span class="tocnumber">7.1</span> <span class="toctext">Von der Dateibeschreibungsseite abweichendes Linkziel</span></a></li> <li class="toclevel-2 tocsection-35"><a href="#Imagemaps"><span class="tocnumber">7.2</span> <span class="toctext">Imagemaps</span></a></li> <li class="toclevel-2 tocsection-36"><a href="#Erzeugen_eines_Links_zur_Dateibeschreibungsseite"><span class="tocnumber">7.3</span> <span class="toctext">Erzeugen eines Links zur Dateibeschreibungsseite</span></a></li> </ul> </li> <li class="toclevel-1 tocsection-37"><a href="#Technische_Aspekte"><span class="tocnumber">8</span> <span class="toctext">Technische Aspekte</span></a> <ul> <li class="toclevel-2 tocsection-38"><a href="#Nach_dem_Hochladen_einer_neuen_Bildversion"><span class="tocnumber">8.1</span> <span class="toctext">Nach dem Hochladen einer neuen Bildversion</span></a></li> <li class="toclevel-2 tocsection-39"><a href="#Technischer_Hintergrund_zu_Bildgrößen_und_Ressourcenbelastung"><span class="tocnumber">8.2</span> <span class="toctext">Technischer Hintergrund zu Bildgrößen und Ressourcenbelastung</span></a></li> </ul> </li> <li class="toclevel-1 tocsection-40"><a href="#Anmerkungen"><span class="tocnumber">9</span> <span class="toctext">Anmerkungen</span></a></li> </ul> </div> <div class="mw-heading mw-heading2 ext-discussiontools-init-section"><h2 id="Index" data-mw-thread-id="h-Index"><span data-mw-comment-start="" id="h-Index"></span>Index<span data-mw-comment-end="h-Index"></span></h2></div> <p>Schnelle Schlagwortnavigation für Fortgeschrittene: <code><a href="#Alternativtext">alt=</a></code> <code><a href="#Alternativtext">alternativtext=</a></code> <code><a href="#border">border</a></code> <code><a href="#Anordnung/Ausrichtung">center</a></code> <code><a href="#Originalgröße">framed</a></code> <code><a href="#rahmenlos">frameless</a></code> <code><a href="#Galerie"><gallery></a></code> <code><a href="#Originalgröße">gerahmt</a></code> <code><a href="#hochkant">hochkant</a></code> <code><a href="/wiki/Hilfe:Imagemap" title="Hilfe:Imagemap"><imagemap></a></code> <code><a href="#SVG">lang=</a></code> <code><a href="#Anordnung/Ausrichtung">left</a></code> <code><a href="#verweis">link=</a></code> <code><a href="#Anordnung/Ausrichtung">links</a></code> <code><a href="#Miniatur">mini</a></code> <code><a href="#Anordnung/Ausrichtung">none</a></code> <code><a href="#noviewer">class=noviewer</a></code> <code><a href="#Anordnung/Ausrichtung">ohne</a></code> <code><a href="#page">page=</a></code> <code><a href="#px">px</a></code> <code><a href="#rahmenlos">rahmenlos</a></code> <code><a href="#Rand">rand</a></code> <code><a href="#Anordnung/Ausrichtung">rechts</a></code> <code><a href="#Anordnung/Ausrichtung">right</a></code> <code><a href="#Seite">seite=</a></code> <code><a href="#Sprache">sprache=</a></code> <code><a href="#Miniatur">thumb</a></code> <code><a href="#hochkant">upright</a></code> <code><a href="#Verweis">verweis=</a></code> <code><a href="#Anordnung/Ausrichtung">zentriert</a></code> </p> <div class="mw-heading mw-heading2 ext-discussiontools-init-section"><h2 id="Welchen_Editor_verwenden?" data-mw-thread-id="h-Welchen_Editor_verwenden?"><span id="Welchen_Editor_verwenden.3F"></span><span data-mw-comment-start="" id="h-Welchen_Editor_verwenden?"></span>Welchen Editor verwenden?<span data-mw-comment-end="h-Welchen_Editor_verwenden?"></span></h2></div> <figure class="mw-default-size" typeof="mw:File/Thumb"><span><video id="mwe_player_0" poster="//upload.wikimedia.org/wikipedia/commons/thumb/0/07/Tutorial_5_Bilder_in_der_Wikipedia.webm/220px-seek%3D1-Tutorial_5_Bilder_in_der_Wikipedia.webm.jpg" controls="" preload="none" data-mw-tmh="" class="mw-file-element" width="220" height="124" data-durationhint="270" data-mwtitle="Tutorial_5_Bilder_in_der_Wikipedia.webm" data-mwprovider="wikimediacommons" resource="/wiki/Datei:Tutorial_5_Bilder_in_der_Wikipedia.webm"><source src="//upload.wikimedia.org/wikipedia/commons/transcoded/0/07/Tutorial_5_Bilder_in_der_Wikipedia.webm/Tutorial_5_Bilder_in_der_Wikipedia.webm.480p.vp9.webm" type="video/webm; codecs="vp9, opus"" data-transcodekey="480p.vp9.webm" data-width="854" data-height="480"/><source src="//upload.wikimedia.org/wikipedia/commons/transcoded/0/07/Tutorial_5_Bilder_in_der_Wikipedia.webm/Tutorial_5_Bilder_in_der_Wikipedia.webm.720p.vp9.webm" type="video/webm; codecs="vp9, opus"" data-transcodekey="720p.vp9.webm" data-width="1280" data-height="720"/><source src="//upload.wikimedia.org/wikipedia/commons/transcoded/0/07/Tutorial_5_Bilder_in_der_Wikipedia.webm/Tutorial_5_Bilder_in_der_Wikipedia.webm.1080p.vp9.webm" type="video/webm; codecs="vp9, opus"" data-transcodekey="1080p.vp9.webm" data-width="1920" data-height="1080"/><source src="//upload.wikimedia.org/wikipedia/commons/0/07/Tutorial_5_Bilder_in_der_Wikipedia.webm" type="video/webm; codecs="vp8, vorbis"" data-width="3413" data-height="1920"/><source src="//upload.wikimedia.org/wikipedia/commons/transcoded/0/07/Tutorial_5_Bilder_in_der_Wikipedia.webm/Tutorial_5_Bilder_in_der_Wikipedia.webm.240p.vp9.webm" type="video/webm; codecs="vp9, opus"" data-transcodekey="240p.vp9.webm" data-width="426" data-height="240"/><source src="//upload.wikimedia.org/wikipedia/commons/transcoded/0/07/Tutorial_5_Bilder_in_der_Wikipedia.webm/Tutorial_5_Bilder_in_der_Wikipedia.webm.360p.vp9.webm" type="video/webm; codecs="vp9, opus"" data-transcodekey="360p.vp9.webm" data-width="640" data-height="360"/><source src="//upload.wikimedia.org/wikipedia/commons/transcoded/0/07/Tutorial_5_Bilder_in_der_Wikipedia.webm/Tutorial_5_Bilder_in_der_Wikipedia.webm.360p.webm" type="video/webm; codecs="vp8, vorbis"" data-transcodekey="360p.webm" data-width="640" data-height="360"/><track src="https://commons.wikimedia.org/w/api.php?action=timedtext&title=File%3ATutorial_5_Bilder_in_der_Wikipedia.webm&lang=de&trackformat=vtt&origin=%2A" kind="subtitles" type="text/vtt" srclang="de" label="Deutsch ‪(de)‬" data-dir="ltr"/></video></span><figcaption>Dieses Video mit dem erfahrenen Wikipedianer und Fotografen <a href="/wiki/Benutzer:Raymond" title="Benutzer:Raymond">Raymond</a> erklärt dir: So bindest du Bilder mit dem VisualEditor ein.</figcaption></figure> <p>Wikipedia-Artikel (oder andere Wiki-Seiten, wie diese Hilfe-Seite) kannst du auf zwei verschiedene Weisen bearbeiten: </p> <ul><li>Traditionell gibt es den Quelltext-Editor. Man sagt auch Wikitext-Editor, Bearbeitungsfenster oder ähnliches dazu. Damit veränderst du den „Quelltext“ der Seite: Das ist normaler Text zusammen mit Zeichen, die z.B. dafür sorgen, dass ein Wort kursiv erscheint oder ein Link gesetzt wird. Zum Quelltext-Editor kommst du über den Reiter „Quelltext bearbeiten“ oberhalb einer Seite.</li> <li>Später wurde der <a href="/wiki/Hilfe:VisualEditor" title="Hilfe:VisualEditor">VisualEditor</a> eingeführt. Damit kannst du Text nach dem Prinzip <a href="/wiki/WYSIWYG" title="WYSIWYG">WYSIWYG</a> bearbeiten: Du siehst den normalen Text und kursive Wörter direkt kursiv, und Links als Links. Das ist ähnlich wie bei einem modernen Textverarbeitungsprogramm. Zum VisualEditor kommst du über den Reiter „Seite bearbeiten“ oberhalb einer Seite.</li></ul> <p>Welcher Editor ist besser, wenn du Bilder einbinden willst? Beide haben Vor- und Nachteile. Wahrscheinlich wirst du beim Bearbeiten mal den einen, mal den anderen Editor verwenden. Es ist daher sinnvoll, das Einbinden mit beiden zu erlernen. </p><p>Die Seite <a href="/wiki/Hilfe:Bilder/VisualEditor" title="Hilfe:Bilder/VisualEditor">Hilfe:Bilder/VisualEditor</a> erklärt dir jedenfalls das Einbinden mit dem VisualEditor. Auf dieser Seite hier geht es weiter mit Erläuterungen, wie man Bilder mit dem traditionellen Quelltext-Editor einbindet. </p> <div class="mw-heading mw-heading2 ext-discussiontools-init-section"><h2 id="Einbindung" data-mw-thread-id="h-Einbindung"><span data-mw-comment-start="" id="h-Einbindung"></span>Einbindung<span data-mw-comment-end="h-Einbindung"></span></h2></div> <div class="mw-heading mw-heading3"><h3 id="Grundlegendes" data-mw-thread-id="h-Grundlegendes-Einbindung"><span data-mw-comment-start="" id="h-Grundlegendes-Einbindung"></span>Grundlegendes<span data-mw-comment-end="h-Grundlegendes-Einbindung"></span></h3></div> <p>Die allermeisten Bilder, die du in der Wikipedia siehst, sind im Medienarchiv <a href="https://commons.wikimedia.org/wiki/Special:UploadWizard" class="extiw" title="c:Special:UploadWizard">Wikimedia Commons</a> gespeichert. Das ist eine getrennte Website. Wenn du also ein Bild in der Wikipedia verwenden möchtest, muss es auf Wikimedia Commons hochgeladen worden sein. Manche Bilder sind aus bestimmten Gründen nicht in Wikimedia Commons, sondern in der Wikipedia (auf Deutsch) hochgeladen worden. Sollte auf beiden Websites eine Datei mit gleichen Namen vorhanden sein, dann wird immer die lokale Datei der Wikipedia verwendet. </p><p>Wie dem auch sei: Auf einer Wikipedia-Seite kannst du ein Bild „einbinden“: Du gibst im Quelltext z.B. eines Wikipedia-Artikels an, dass an eine bestimmte Stelle ein bestimmtes Bild kommen soll. Das direkte Einbinden eines Bildes von einer externen Adresse (<code>http://…</code>) ist in Wikipedia nicht möglich. </p><p>Zum Einbinden musst du wissen, welchen Datei-Namen das gewünschte Bild hat. Überhaupt musst du wahrscheinlich erst einmal auf Wikimedia Commons suchen, welche Bilder es zu einem bestimmten Thema dort gibt. In Wikimedia Commons suchst du über die Suchfunktion, indem du ein oder mehrere Wörter in das Suchfeld eingibst. (Wenn deutsche Wörter nicht weiterhelfen, dann versuche es auf Englisch.) Oder du suchst über die <a href="https://commons.wikimedia.org/wiki/Commons:Kategorien" class="extiw" title="c:Commons:Kategorien">Kategorien</a>: In diesen thematischen Kategorien findet man Bilder zu einem Thema oder anhand von anderen Merkmalen. </p><p>Du kannst in Wikimedia Commons selbst nach Kategorien suchen. Oder aber du schaust in die Wikipedia: Unten in einem Wikipedia-Artikel steht oft ein Abschnitt „Weblinks“, und da sollte ein Link zur entsprechenden Kategorie auf Wikimedia Commons stehen (wenn es die gibt). Beispielsweise im Wikipedia-Artikel <a href="/wiki/Elefanten" title="Elefanten">Elefanten</a> siehst du im Abschnitt „Weblinks“ einen Eintrag mit dem Wikimedia-Commons-Logo und dem Text: „<b>Commons: Elefanten (Elephantidae)</b> – Sammlung von Bildern, Videos und Audiodateien“. </p><p>In Artikeln werden die Bilder in der Regel mit dem folgenden Code eingebunden (siehe Abschnitt „<a class="mw-selflink-fragment" href="#Vorschaubilder">Vorschaubilder (Miniatur)</a>“): </p><p><code>[[Datei:<i>Dateiname</i>|mini|<i>Text der Bildlegende</i>]]</code> </p> <ul><li>Der erste Parameter enthält den <a href="/wiki/Hilfe:Namensr%C3%A4ume" title="Hilfe:Namensräume">Namensraum</a> <code>Datei:</code> und dann den Dateinamen des Bildes. <code>Bild:</code> anstatt <code>Datei:</code> ist veraltet, wird aber von der <a href="/wiki/MediaWiki" title="MediaWiki">MediaWiki</a>-Software ebenso wie die englischen Begriffe <code>File:</code> und <code>Image:</code> erkannt.</li> <li>Der zweite Parameter legt die Darstellungsart fest (hier ein Vorschaubild). Anstatt <code>mini</code> geht auch <code>miniatur</code> bzw. <code>thumb</code>.</li> <li>Im letzten Parameter steht schließlich die Bildunterschrift. Diese Bildlegende soll <i>kurz</i> über den Bildinhalt informieren und wird in der Regel ohne einen <a href="/wiki/Punkt_(Satzzeichen)" title="Punkt (Satzzeichen)">Punkt</a> abgeschlossen. (→ Näheres zur Interpunktion im Abschnitt „<a href="#Bildbeschreibung">Bildbeschreibung</a>“).</li></ul> <p>Bei allen Parameterbezeichnungen ist die Groß- und Kleinschreibung zu beachten! Beispielsweise funktionieren <code>Mini</code> (statt <code>mini</code>) oder <code>Rand</code> (statt <code>rand</code>) nicht! Ob die deutschen oder englischen Parameterbezeichnungen verwendet werden sollen, darüber herrscht kein Konsens.<sup id="cite_ref-parameter.en.de_1-0" class="reference"><a href="#cite_note-parameter.en.de-1"><span class="cite-bracket">[</span>1<span class="cite-bracket">]</span></a></sup> Bearbeitungen an Artikeln, die ausschließlich eine Änderung der Parameterbezeichnungen zum Ziel haben, sollten u. a. wegen unnötiger Serverbelastung vermieden werden. Im schlechtesten Fall könnte eine weitere Bearbeitung folgen, die wiederum nur die Parameterbezeichnungen umstellt, ohne etwas zu verbessern. </p><p>Wie eine Bild- oder auch allgemeiner eine Dateieinbindung verhindert werden kann – beispielsweise um einfach nur einen Dateiverweis anzulegen –, ist weiter unten, im Abschnitt „<a href="#Dateiverweis">Erzeugen eines Links zur Dateibeschreibungsseite</a>“, beschrieben. </p> <div style="clear:both;"></div> <p><span id="class_noviewer"></span><span id="noviewer"></span> Der <a href="/wiki/Hilfe:Medienbetrachter" title="Hilfe:Medienbetrachter">Medienbetrachter</a> <i>(Media Viewer)</i> ist eine Darstellungsfunktion, die beim Anklicken eines Bildes auf einer Wikipedia-Seite standardmäßig aufgerufen wird. Anschließend kann man mittels Pfeiltasten rechts/links durch alle Bilder des entsprechenden Artikels blättern. Für manche Bildarten macht dies jedoch keinen Sinn. Beispielsweise würden kleine Symbole aus dem Fließtext (wie etwa <span class="noviewer" typeof="mw:File"><a href="/wiki/Datei:Bronzen_medaille.svg" class="mw-file-description"><img src="//upload.wikimedia.org/wikipedia/commons/thumb/6/66/Bronzen_medaille.svg/15px-Bronzen_medaille.svg.png" decoding="async" width="15" height="15" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/6/66/Bronzen_medaille.svg/23px-Bronzen_medaille.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/6/66/Bronzen_medaille.svg/30px-Bronzen_medaille.svg.png 2x" data-file-width="150" data-file-height="150"/></a></span> <span class="noviewer" typeof="mw:File"><a href="/wiki/Datei:Greek_Roman_Laurel_wreath_vector.svg" class="mw-file-description"><img src="//upload.wikimedia.org/wikipedia/commons/thumb/e/e9/Greek_Roman_Laurel_wreath_vector.svg/15px-Greek_Roman_Laurel_wreath_vector.svg.png" decoding="async" width="15" height="13" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/e/e9/Greek_Roman_Laurel_wreath_vector.svg/23px-Greek_Roman_Laurel_wreath_vector.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/e/e9/Greek_Roman_Laurel_wreath_vector.svg/30px-Greek_Roman_Laurel_wreath_vector.svg.png 2x" data-file-width="512" data-file-height="447"/></a></span> <span class="noviewer" typeof="mw:File"><a href="/wiki/Datei:Jersey_yellow.svg" class="mw-file-description"><img src="//upload.wikimedia.org/wikipedia/commons/thumb/2/29/Jersey_yellow.svg/17px-Jersey_yellow.svg.png" decoding="async" width="17" height="14" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/2/29/Jersey_yellow.svg/26px-Jersey_yellow.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/2/29/Jersey_yellow.svg/34px-Jersey_yellow.svg.png 2x" data-file-width="250" data-file-height="200"/></a></span> <span style="display:none">Vereinigte Staaten</span><span class="noviewer" typeof="mw:File"><a href="/wiki/Vereinigte_Staaten" title="Vereinigte Staaten"><img alt="Vereinigte Staaten" src="//upload.wikimedia.org/wikipedia/commons/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/commons/thumb/a/a4/Flag_of_the_United_States.svg/30px-Flag_of_the_United_States.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/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"/></a></span> <span class="noviewer" typeof="mw:File"><a href="/wiki/Datei:MarkTunnel.png" class="mw-file-description"><img src="//upload.wikimedia.org/wikipedia/commons/thumb/9/91/MarkTunnel.png/15px-MarkTunnel.png" decoding="async" width="15" height="11" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/9/91/MarkTunnel.png/23px-MarkTunnel.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/9/91/MarkTunnel.png/30px-MarkTunnel.png 2x" data-file-width="708" data-file-height="533"/></a></span> ) oder von Karten (z. B. <span class="noviewer" typeof="mw:File"><a href="/wiki/Datei:Red_pog.svg" class="mw-file-description"><img src="//upload.wikimedia.org/wikipedia/commons/thumb/0/0c/Red_pog.svg/15px-Red_pog.svg.png" decoding="async" width="15" height="15" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/0/0c/Red_pog.svg/23px-Red_pog.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/0/0c/Red_pog.svg/30px-Red_pog.svg.png 2x" data-file-width="64" data-file-height="64"/></a></span> <span class="noviewer" typeof="mw:File"><a href="/wiki/Datei:Castlesymbol.svg" class="mw-file-description"><img src="//upload.wikimedia.org/wikipedia/commons/thumb/f/f6/Castlesymbol.svg/18px-Castlesymbol.svg.png" decoding="async" width="18" height="16" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/f/f6/Castlesymbol.svg/27px-Castlesymbol.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/f/f6/Castlesymbol.svg/36px-Castlesymbol.svg.png 2x" data-file-width="21" data-file-height="19"/></a></span> <span class="noviewer" typeof="mw:File"><a href="/wiki/Datei:Map_marker.svg" class="mw-file-description"><img src="//upload.wikimedia.org/wikipedia/commons/thumb/8/88/Map_marker.svg/10px-Map_marker.svg.png" decoding="async" width="10" height="15" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/8/88/Map_marker.svg/15px-Map_marker.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/8/88/Map_marker.svg/20px-Map_marker.svg.png 2x" data-file-width="512" data-file-height="786"/></a></span> ) beim Blättern ebenfalls – als Vollbild – erscheinen. Um dies zu vermeiden und solche Bilder vom Medienbetrachter auszuschließen, wird ihnen die Klasse <code>noviewer</code> zugewiesen: </p><p><code>[[Datei:<i>Dateiname</i>|<i>15px</i>|<b>class=noviewer</b>]]</code> </p> <div class="mw-heading mw-heading3"><h3 id="Vorschaubilder_(Miniatur)" data-mw-thread-id="h-Vorschaubilder_(Miniatur)-Einbindung"><span id="Vorschaubilder_.28Miniatur.29"></span><span data-mw-comment-start="" id="h-Vorschaubilder_(Miniatur)-Einbindung"></span><span id="Miniatur"></span><span id="Thumb"></span><span id="Thumbnail"></span><span id="Thumbnails"></span><span id="Vorschaubilder"></span><span id="mini"></span><span id="miniatur"></span><span id="thumb"></span><span id="thumbnail"></span><span id="thumbnails"></span>Vorschaubilder (Miniatur)<span data-mw-comment-end="h-Vorschaubilder_(Miniatur)-Einbindung"></span></h3></div> <figure class="mw-default-size" typeof="mw:File/Thumb"><a href="/wiki/Datei:Feather.svg" class="mw-file-description"><img alt="Alternativer Text" src="//upload.wikimedia.org/wikipedia/commons/thumb/4/40/Feather.svg/220px-Feather.svg.png" decoding="async" width="220" height="183" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/4/40/Feather.svg/330px-Feather.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/4/40/Feather.svg/440px-Feather.svg.png 2x" data-file-width="400" data-file-height="332"/></a><figcaption>Kurze Bildbeschreibung</figcaption></figure> <p><a href="/wiki/Vorschaubild" title="Vorschaubild">Vorschaubilder</a> (Miniaturansichten oder englisch <i><span lang="en">thumbnails</span></i>) sind die am weitesten verbreitete Variante, Bilder in einem Artikel einzubinden. Dazu wird der Parameter <code>mini</code> (oder <code>miniatur</code> oder englisch <code>thumb</code>)<sup id="cite_ref-parameter.en.de_1-1" class="reference"><a href="#cite_note-parameter.en.de-1"><span class="cite-bracket">[</span>1<span class="cite-bracket">]</span></a></sup> zwischen Dateiname und Text der Bildbeschreibung eingefügt: </p><p><code>[[Datei:Feather.svg|mini|Kurze Bildbeschreibung]]</code> </p><p>Das so erzeugte (hier am Beispiel der Feder dargestellte) Vorschaubild wird rechtsbündig ausgerichtet und vom Artikeltext umflossen (siehe auch <a href="/wiki/Flie%C3%9Ftext" title="Fließtext">Fließtext</a>). Die [kurze] Bildbeschreibung wird unter dem Bild innerhalb des Rahmens angezeigt. Abweichenden Formatierungsmöglichkeiten werden unten erläutert, z. B. wie <a href="#Bilder_nebeneinander"> Bilder nebeneinander</a> oder <a href="#Ausrichtung_links_vermeiden">ausnahmsweise links</a> ausgerichtet werden können. </p><p>Vorschaubilder sind immer in einem Rahmen (Rahmenfarbe grau #C8CCD1 mit einem hellgrauen Hintergrund #F8F9FA) eingebunden. Soll der Rahmen vermieden werden, siehe Abschnitt dazu „<a class="mw-selflink-fragment" href="#Rahmenlose_Einbindung_(ohne_Miniatur)">Rahmenlose Einbindung (ohne Miniatur)</a>“ </p><p>Ein Klick in das Bild oder auf das dort enthaltene Vergrößerungselement <span typeof="mw:File"><a href="/wiki/Datei:Magnify-clip_(sans_arrow).svg" class="mw-file-description" title="vergrößern und Informationen zum Bild anzeigen"><img alt="" src="//upload.wikimedia.org/wikipedia/commons/thumb/f/fd/Magnify-clip_%28sans_arrow%29.svg/16px-Magnify-clip_%28sans_arrow%29.svg.png" decoding="async" width="16" height="11" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/f/fd/Magnify-clip_%28sans_arrow%29.svg/24px-Magnify-clip_%28sans_arrow%29.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/f/fd/Magnify-clip_%28sans_arrow%29.svg/32px-Magnify-clip_%28sans_arrow%29.svg.png 2x" data-file-width="14" data-file-height="10"/></a></span> (rechts neben der Bildbeschreibung) führt üblicherweise (bei angeschaltetem <a href="/wiki/Hilfe:Medienbetrachter" title="Hilfe:Medienbetrachter">Medienbetrachter</a>) zur Vergrößerung des Bildes oder (bei abgeschaltetem Medienbetrachter) zu dessen [ausführlicheren] Beschreibung (auf dessen Bild- oder Dateibeschreibungsseite). </p><p>Es ist möglich, die Größe der Vorschaubilder zu beeinflussen – eine <i>feste</i> Größenangabe ist im Allgemeinen aber nicht erwünscht. Siehe hierzu den folgenden Abschnitt „<a href="#Bildgröße">Bildgröße</a>“. </p><p>Angemeldete Benutzer können die Bildgröße der Vorschaubilder in ihren <a href="/wiki/Hilfe:Einstellungen#Aussehen" title="Hilfe:Einstellungen">Benutzereinstellungen – Reiter „Aussehen“</a> festlegen; für nichtangemeldete Leser erscheinen diese Bilder mit einer Bildbreite von 220 <a href="/wiki/Pixel" title="Pixel">Pixeln</a>. Da die meisten Leser der Wikipedia diese Standardgröße sehen, empfiehlt es sich für Autoren, nach dem Einbau von Bildern testweise auch einmal diese Einstellung anzuschauen, da sich das Layout unter Umständen drastisch verschieben kann. </p> <figure class="mw-default-size" typeof="mw:File/Thumb"><a href="/wiki/Datei:Feather.svg" class="mw-file-description"><img alt="Alternativer Text" src="//upload.wikimedia.org/wikipedia/commons/thumb/4/40/Feather.svg/220px-Feather.svg.png" decoding="async" width="220" height="183" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/4/40/Feather.svg/330px-Feather.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/4/40/Feather.svg/440px-Feather.svg.png 2x" data-file-width="400" data-file-height="332"/></a><figcaption>Kurze Bildbeschreibung</figcaption></figure> <p>Für eine bessere Barrierefreiheit ist es zudem wünschenswert, einen von der Bildbeschreibung abweichenden <i>Alternativtext</i> mit dem Parameter <code>alt=</code> wie folgt anzugeben: </p><p><code>[[Datei:Feather.svg|mini|alt=Alternativer Text|Kurze Bildbeschreibung]]</code> </p><p>(genaueres im Abschnitt „<a href="#Bildbeschreibung">Bildbeschreibung</a>“) </p><p>Die erstellten Vorschaubilder werden bei Bildern im <a href="/wiki/JPEG" title="JPEG">JPEG</a>-Format <a href="/wiki/Sch%C3%A4rfen" title="Schärfen">nachgeschärft</a>, nicht jedoch bei Bildern im <a href="/wiki/Portable_Network_Graphics" title="Portable Network Graphics">PNG</a>-Format.<sup id="cite_ref-2" class="reference"><a href="#cite_note-2"><span class="cite-bracket">[</span>2<span class="cite-bracket">]</span></a></sup> </p><p>In verschiedenen Situationen kann es wünschenswert sein, eine Vorschau (oder <i>Miniatur</i>) zu simulieren, obwohl es sich beim darzustellenden Inhalt um keine hochgeladene Datei handelt – beispielsweise bei mit der <a href="/wiki/Hilfe:Zeitleisten" title="Hilfe:Zeitleisten">Zeitleisten</a>-Erweiterung dynamisch generierten Grafiken. Für diese Zwecke kann die <a href="/wiki/Vorlage:Manueller_Rahmen" title="Vorlage:Manueller Rahmen">Vorlage:Manueller Rahmen</a> verwendet werden. </p> <div style="clear:both;"></div> <div class="mw-heading mw-heading3"><h3 id="Rahmenlose_Einbindung_(ohne_Miniatur)" data-mw-thread-id="h-Rahmenlose_Einbindung_(ohne_Miniatur)-Einbindung"><span id="Rahmenlose_Einbindung_.28ohne_Miniatur.29"></span><span data-mw-comment-start="" id="h-Rahmenlose_Einbindung_(ohne_Miniatur)-Einbindung"></span><span id="frameless"></span><span id="rahmenlos"></span>Rahmenlose Einbindung (ohne Miniatur)<span data-mw-comment-end="h-Rahmenlose_Einbindung_(ohne_Miniatur)-Einbindung"></span></h3></div> <figure class="mw-default-size mw-halign-right" typeof="mw:File/Frameless"><a href="/wiki/Datei:Feather.svg" class="mw-file-description" title="Kurze Bildbeschreibung, erscheint als Tooltip"><img alt="Kurze Bildbeschreibung, erscheint als Tooltip" src="//upload.wikimedia.org/wikipedia/commons/thumb/4/40/Feather.svg/220px-Feather.svg.png" decoding="async" width="220" height="183" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/4/40/Feather.svg/330px-Feather.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/4/40/Feather.svg/440px-Feather.svg.png 2x" data-file-width="400" data-file-height="332"/></a><figcaption>Kurze Bildbeschreibung, erscheint als Tooltip</figcaption></figure> <p>Miniaturbilder schließen eine Rahmung des Bildes ein. Soll kein Rahmen dargestellt werden, so ist stattdessen der Parameter <code>rahmenlos</code> (oder englisch <code>frameless</code>)<sup id="cite_ref-parameter.en.de_1-2" class="reference"><a href="#cite_note-parameter.en.de-1"><span class="cite-bracket">[</span>1<span class="cite-bracket">]</span></a></sup> einzufügen. Dabei ist zu beachten, dass rahmenlose Bilder standardmäßig links ausgerichtet sind, so dass der zusätzliche Parameter <code>rechts</code> (oder <code>right</code>) notwendig wird, beispielsweise so: </p><p><code>[[Datei:Feather.svg|rahmenlos|rechts|Kurze Bildbeschreibung, erscheint als Tooltip]]</code> </p><p>Die Bildbeschreibung wird bei rahmenlosen Bildern als <a href="/wiki/Tooltip" title="Tooltip">Tooltip</a> angezeigt. </p> <div style="clear:both;"></div> <p>Sollen rahmenlose Bilder möglichst den gleichen Raum einnehmen wie der Rahmen bei Verwendung des Parameters <code>mini</code> , kann die Bildgröße mit dem Parameter <code>hochkant=1.039</code> angepasst werden: </p><p><code>[[Datei:Feather.svg|rahmenlos|rechts|hochkant=1.039|Kurze Bildbeschreibung]]</code> </p> <div class="mw-heading mw-heading4"><h4 id="Zusätzlicher_Rand" data-mw-thread-id="h-Zusätzlicher_Rand-Rahmenlose_Einbindung_(ohne_Miniatur)"><span id="Zus.C3.A4tzlicher_Rand"></span><span data-mw-comment-start="" id="h-Zusätzlicher_Rand-Rahmenlose_Einbindung_(ohne_Miniatur)"></span><span id="Rand"></span><span id="border"></span><span id="rand"></span>Zusätzlicher Rand<span data-mw-comment-end="h-Zusätzlicher_Rand-Rahmenlose_Einbindung_(ohne_Miniatur)"></span></h4></div> <figure class="mw-default-size mw-halign-right mw-image-border" typeof="mw:File/Frameless"><a href="/wiki/Datei:Flag_of_Vatican_City_(2023%E2%80%93present).svg" class="mw-file-description" title="Flagge des Vatikan"><img alt="Flagge des Vatikan" src="//upload.wikimedia.org/wikipedia/commons/thumb/b/b3/Flag_of_Vatican_City_%282023%E2%80%93present%29.svg/110px-Flag_of_Vatican_City_%282023%E2%80%93present%29.svg.png" decoding="async" width="110" height="110" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/b/b3/Flag_of_Vatican_City_%282023%E2%80%93present%29.svg/165px-Flag_of_Vatican_City_%282023%E2%80%93present%29.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/b/b3/Flag_of_Vatican_City_%282023%E2%80%93present%29.svg/220px-Flag_of_Vatican_City_%282023%E2%80%93present%29.svg.png 2x" data-file-width="1000" data-file-height="1000"/></a><figcaption>Flagge des Vatikan</figcaption></figure> <p>Bei der rahmenlosen Einbindung zum Beispiel von Grafiken oder Flaggen, die einen weißen Untergrund haben, ist manchmal ein zusätzlicher dünner Rand (Breite 1 Pixel) direkt um die Bilddatei hilfreich. Dieser kann mit dem Parameter <code>rand</code> (Kleinschreibung beachten!) bzw. <code>border</code><sup id="cite_ref-parameter.en.de_1-3" class="reference"><a href="#cite_note-parameter.en.de-1"><span class="cite-bracket">[</span>1<span class="cite-bracket">]</span></a></sup> erzeugt werden: </p><p><code>[[Datei:Flag of the Vatican City.svg|rahmenlos|rand|rechts|hochkant=0.5|Flagge des Vatikan]]</code> </p> <div style="clear:both;"></div> <div class="mw-heading mw-heading3"><h3 id="Besondere_Dateitypen" data-mw-thread-id="h-Besondere_Dateitypen-Einbindung"><span data-mw-comment-start="" id="h-Besondere_Dateitypen-Einbindung"></span>Besondere Dateitypen<span data-mw-comment-end="h-Besondere_Dateitypen-Einbindung"></span></h3></div> <div class="mw-heading mw-heading4"><h4 id="SVG-Dateien" data-mw-thread-id="h-SVG-Dateien-Besondere_Dateitypen"><span data-mw-comment-start="" id="h-SVG-Dateien-Besondere_Dateitypen"></span><span id="SVG"></span><span id="Sprache"></span><span id="lang"></span><span id="sprache"></span>SVG-Dateien<span data-mw-comment-end="h-SVG-Dateien-Besondere_Dateitypen"></span></h4></div> <figure typeof="mw:File/Thumb"><a href="/w/index.php?title=Datei:Gerrit_patchset_25838_test.svg&lang=en" class="mw-file-description"><img src="//upload.wikimedia.org/wikipedia/commons/thumb/4/45/Gerrit_patchset_25838_test.svg/200px-Gerrit_patchset_25838_test.svg.png" decoding="async" width="200" height="124" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/4/45/Gerrit_patchset_25838_test.svg/300px-Gerrit_patchset_25838_test.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/4/45/Gerrit_patchset_25838_test.svg/400px-Gerrit_patchset_25838_test.svg.png 2x" data-file-width="345" data-file-height="214"/></a><figcaption>Dieselbe SVG-Datei mit englischem Text</figcaption></figure> <div class="tright" style="clear:none;"><figure class="mw-halign-none" typeof="mw:File/Thumb"><a href="/wiki/Datei:Gerrit_patchset_25838_test.svg" class="mw-file-description"><img src="//upload.wikimedia.org/wikipedia/commons/thumb/4/45/Gerrit_patchset_25838_test.svg/langde-200px-Gerrit_patchset_25838_test.svg.png" decoding="async" width="200" height="124" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/4/45/Gerrit_patchset_25838_test.svg/langde-300px-Gerrit_patchset_25838_test.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/4/45/Gerrit_patchset_25838_test.svg/langde-400px-Gerrit_patchset_25838_test.svg.png 2x" data-file-width="345" data-file-height="214"/></a><figcaption>SVG-Datei mit Text in Standard-Sprache des Wikis</figcaption></figure></div> <p><a href="/wiki/Scalable_Vector_Graphics" title="Scalable Vector Graphics">SVG</a>-Dateien werden wie normale pixelbasierte Dateien (JPEG usw.) eingebunden. Serverseitig wird immer eine PNG in der benötigten Größe erstellt und an den Browser ausgeliefert. Die native Darstellung von SVG-Dateien im Browser ist in Vorbereitung. </p><p>SVG-Dateien können Beschriftungen in unterschiedlichen Sprachen enthalten. Die Sprache kann mit dem Parameter <code>sprache=</code> (Kleinschreibung beachten!) oder <code><a href="/wiki/Hilfe:Tags#lang" title="Hilfe:Tags">lang=</a></code> ausgewählt werden: </p><p><code>[[Datei:Gerrit patchset 25838 test.svg|<b>sprache=</b>en|mini|100px|SVG-Datei mit englischem Text]]</code> </p> <div style="clear:both;"></div> <div class="mw-heading mw-heading4"><h4 id="DjVu-_und_PDF-Dateien" data-mw-thread-id="h-DjVu-_und_PDF-Dateien-Besondere_Dateitypen"><span data-mw-comment-start="" id="h-DjVu-_und_PDF-Dateien-Besondere_Dateitypen"></span><span id="Seite"></span><span id="page"></span><span id="pagedMedia"></span><span id="seite"></span>DjVu- und PDF-Dateien<span data-mw-comment-end="h-DjVu-_und_PDF-Dateien-Besondere_Dateitypen"></span></h4></div> <figure typeof="mw:File/Thumb"><a href="/w/index.php?title=Datei:Max_and_Moritz-_A_Story_of_Naughty_Boys_in_Seven_Pranks_WDL7495.pdf&page=7" class="mw-file-description"><img src="//upload.wikimedia.org/wikipedia/commons/thumb/1/1b/Max_and_Moritz-_A_Story_of_Naughty_Boys_in_Seven_Pranks_WDL7495.pdf/page7-180px-Max_and_Moritz-_A_Story_of_Naughty_Boys_in_Seven_Pranks_WDL7495.pdf.jpg" decoding="async" width="180" height="273" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/1/1b/Max_and_Moritz-_A_Story_of_Naughty_Boys_in_Seven_Pranks_WDL7495.pdf/page7-270px-Max_and_Moritz-_A_Story_of_Naughty_Boys_in_Seven_Pranks_WDL7495.pdf.jpg 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/1/1b/Max_and_Moritz-_A_Story_of_Naughty_Boys_in_Seven_Pranks_WDL7495.pdf/page7-360px-Max_and_Moritz-_A_Story_of_Naughty_Boys_in_Seven_Pranks_WDL7495.pdf.jpg 2x" data-file-width="2477" data-file-height="3750"/></a><figcaption>Vorwort von <i>Max und Moritz</i> von Wilhelm Busch – Seite 7 eines 118-Seiten-PDF-Dokuments</figcaption></figure> <p>Einzelne Seiten von blattweise organisierten Dokumenten, die im <a href="/wiki/DjVu" title="DjVu">DjVu</a>-Format oder als <a href="/wiki/Portable_Document_Format" title="Portable Document Format">PDF</a> vorliegen, können mit dem Parameter <code>seite=</code> (Kleinschreibung beachten!) oder <code>page=</code> eingebunden werden: </p><p><code>[[Datei:Max and Moritz- A Story of Naughty Boys in Seven Pranks WDL7495.pdf|<b>seite</b>=7|mini|180px|Vorwort von ''Max und Moritz'' von Wilhelm Busch - Seite 7 eines 118-Seiten-PDF-Dokuments]]</code> </p> <div style="clear:both;"></div> <div class="mw-heading mw-heading3"><h3 id="Annotiertes_Bild_(Beschnitt_und_Text)" data-mw-thread-id="h-Annotiertes_Bild_(Beschnitt_und_Text)-Einbindung"><span id="Annotiertes_Bild_.28Beschnitt_und_Text.29"></span><span data-mw-comment-start="" id="h-Annotiertes_Bild_(Beschnitt_und_Text)-Einbindung"></span>Annotiertes Bild (Beschnitt und Text)<span data-mw-comment-end="h-Annotiertes_Bild_(Beschnitt_und_Text)-Einbindung"></span></h3></div> <div class="noresize thumb tright" style=";"> <div class="thumbinner" style="overflow:hidden;width:402px;"> <div class="thumbimage" style="overflow:hidden; position:relative; ;"> <div style=";left:0px; top:0px; width:400px; position:absolute; background-color:white;"> <span typeof="mw:File"><a href="/wiki/Datei:Pacific_Ocean_-_panoramio_-_---%3DXEON%3D---_(1).jpg" class="mw-file-description" title="Ein annotiertes Bild"><img alt="alternative Beschreibung" src="//upload.wikimedia.org/wikipedia/commons/thumb/8/86/Pacific_Ocean_-_panoramio_-_---%3DXEON%3D---_%281%29.jpg/400px-Pacific_Ocean_-_panoramio_-_---%3DXEON%3D---_%281%29.jpg" decoding="async" width="400" height="300" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/8/86/Pacific_Ocean_-_panoramio_-_---%3DXEON%3D---_%281%29.jpg/600px-Pacific_Ocean_-_panoramio_-_---%3DXEON%3D---_%281%29.jpg 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/8/86/Pacific_Ocean_-_panoramio_-_---%3DXEON%3D---_%281%29.jpg/800px-Pacific_Ocean_-_panoramio_-_---%3DXEON%3D---_%281%29.jpg 2x" data-file-width="3072" data-file-height="2304"/></a></span></div> <div style="text-align:left; background-color:transparent; line-height:110%;"> <div id="annotation_290x66" style="position:absolute; left:290px; top:66px; font-size:16px; font-weight:bold; line-height:18px;"><div style="background-color:transparent; color:#FFF; transform:translate(0%, 0% );">Himmel</div></div> <div id="annotation_167x147" style="position:absolute; left:167px; top:147px; font-size:16px; font-weight:bold; line-height:18px;"><div style="background-color:transparent; color:#FFF; transform:translate(0%, 0% );">Horizont</div></div> <div id="annotation_56x233" style="position:absolute; left:56px; top:233px; font-size:16px; font-weight:bold; line-height:18px;"><div style="background-color:transparent; color:#FFF; transform:translate(0%, 0% );">Meer</div></div> </div><div style="visibility:hidden"><span class="noviewer" typeof="mw:File/Frameless"><a href="/wiki/Datei:Pacific_Ocean_-_panoramio_-_---%3DXEON%3D---_(1).jpg" class="mw-file-description" title="page={{{page}}}"><img alt="" src="//upload.wikimedia.org/wikipedia/commons/thumb/8/86/Pacific_Ocean_-_panoramio_-_---%3DXEON%3D---_%281%29.jpg/400px-Pacific_Ocean_-_panoramio_-_---%3DXEON%3D---_%281%29.jpg" decoding="async" width="400" height="300" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/8/86/Pacific_Ocean_-_panoramio_-_---%3DXEON%3D---_%281%29.jpg/600px-Pacific_Ocean_-_panoramio_-_---%3DXEON%3D---_%281%29.jpg 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/8/86/Pacific_Ocean_-_panoramio_-_---%3DXEON%3D---_%281%29.jpg/800px-Pacific_Ocean_-_panoramio_-_---%3DXEON%3D---_%281%29.jpg 2x" data-file-width="3072" data-file-height="2304"/></a></span></div> </div><div class="thumbcaption" style="width:300px !important;">Ein annotiertes Bild</div> </div></div> <div class="noresize thumb tleft" style=";"> <div class="thumbinner" style="overflow:hidden;width:252px;"> <div class="thumbimage" style="height:252px; overflow:hidden; position:relative; ;"> <div style=";left:-825px; top:-1100px; width:2000px; position:absolute; background-color:white;"> <span typeof="mw:File"><a href="/wiki/Datei:Leonardo_da_Vinci_043-mod.jpg" class="mw-file-description" title="Bildausschnitt"><img alt="alternative Beschreibung" src="//upload.wikimedia.org/wikipedia/commons/thumb/3/39/Leonardo_da_Vinci_043-mod.jpg/2000px-Leonardo_da_Vinci_043-mod.jpg" decoding="async" width="2000" height="2408" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/3/39/Leonardo_da_Vinci_043-mod.jpg/3000px-Leonardo_da_Vinci_043-mod.jpg 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/3/39/Leonardo_da_Vinci_043-mod.jpg/4000px-Leonardo_da_Vinci_043-mod.jpg 2x" data-file-width="4479" data-file-height="5393"/></a></span></div> <div style="text-align:left; background-color:transparent; line-height:110%;"> </div><div style="visibility:hidden"><span class="noviewer" typeof="mw:File/Frameless"><a href="/wiki/Datei:Leonardo_da_Vinci_043-mod.jpg" class="mw-file-description" title="page={{{page}}}"><img alt="" src="//upload.wikimedia.org/wikipedia/commons/thumb/3/39/Leonardo_da_Vinci_043-mod.jpg/2000px-Leonardo_da_Vinci_043-mod.jpg" decoding="async" width="2000" height="2408" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/3/39/Leonardo_da_Vinci_043-mod.jpg/3000px-Leonardo_da_Vinci_043-mod.jpg 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/3/39/Leonardo_da_Vinci_043-mod.jpg/4000px-Leonardo_da_Vinci_043-mod.jpg 2x" data-file-width="4479" data-file-height="5393"/></a></span></div> </div><div class="thumbcaption" style="width:250px !important;">Bildausschnitt</div> </div></div> <dl><dd>Mit der <a href="/wiki/Vorlage:Annotiertes_Bild" title="Vorlage:Annotiertes Bild">Vorlage:Annotiertes Bild</a> kann man:</dd> <dd><a href="/wiki/Vorlage:Annotiertes_Bild#Annotation" title="Vorlage:Annotiertes Bild">Texte auf Bildern platzieren</a> (siehe rechts)</dd> <dd><a href="/wiki/Vorlage:Annotiertes_Bild#Bildzuschnitt" title="Vorlage:Annotiertes Bild">Bildausschnitte erstellen</a> (siehe links)</dd> <dd>Mehr dazu auf <a href="/wiki/Vorlage:Annotiertes_Bild/Doku" title="Vorlage:Annotiertes Bild/Doku">Vorlage:Annotiertes Bild/Doku</a></dd></dl> <div style="clear:both;"></div> <div class="mw-heading mw-heading2 ext-discussiontools-init-section"><h2 id="Bildbeschreibung" data-mw-thread-id="h-Bildbeschreibung"><span data-mw-comment-start="" id="h-Bildbeschreibung"></span><span id="Bildlegende_und_Alternativtext"></span><span id="Bildunterschrift"></span>Bildbeschreibung<span data-mw-comment-end="h-Bildbeschreibung"></span></h2></div> <p>Zur Unterscheidung: </p> <ul><li>Die <i>Bildlegende</i> wird immer angezeigt: bei Vorschaubildern als Bildunterschrift, bei rahmenloser oder sonstiger Einbindung als <a href="/wiki/Tooltip" title="Tooltip">Tooltip</a> (Text, der beim Überfahren des Bildes mit der Maus erscheint).</li> <li>Der <i>Alternativtext</i> wird „normal“ nicht angezeigt, ist für die <a href="/wiki/Barrierefreiheit" title="Barrierefreiheit">Barrierefreiheit</a> wichtig und wird beispielsweise von <a href="/wiki/Screenreader" title="Screenreader">Screenreadern</a> vorgelesen.</li></ul> <div class="mw-heading mw-heading3"><h3 id="Bildlegende" data-mw-thread-id="h-Bildlegende-Bildbeschreibung"><span data-mw-comment-start="" id="h-Bildlegende-Bildbeschreibung"></span>Bildlegende<span data-mw-comment-end="h-Bildlegende-Bildbeschreibung"></span></h3></div> <figure class="mw-default-size" typeof="mw:File/Thumb"><a href="/wiki/Datei:Rubens_Anghiarischlacht2.jpg" class="mw-file-description"><img src="//upload.wikimedia.org/wikipedia/commons/thumb/6/6a/Rubens_Anghiarischlacht2.jpg/220px-Rubens_Anghiarischlacht2.jpg" decoding="async" width="220" height="153" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/6/6a/Rubens_Anghiarischlacht2.jpg/330px-Rubens_Anghiarischlacht2.jpg 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/6/6a/Rubens_Anghiarischlacht2.jpg/440px-Rubens_Anghiarischlacht2.jpg 2x" data-file-width="1415" data-file-height="987"/></a><figcaption>Detail der <i>Anghiarischlacht</i>, 1603<br/> gezeichnete Kopie von <a href="/wiki/Peter_Paul_Rubens" title="Peter Paul Rubens">Peter Paul Rubens</a></figcaption></figure> <p>Das erste Wort einer Bildlegende wird immer großgeschrieben. Die Bildlegende soll am Ende nur dann mit einem <a href="/wiki/Punkt_(Satzzeichen)#Schlusspunkt" title="Punkt (Satzzeichen)">Punkt</a> abgeschlossen werden, wenn sie <i>mehr als einen</i> <a href="/wiki/Satz_(Grammatik)" title="Satz (Grammatik)">Satz</a> enthält. Ein einzelner Satz erhält alle üblichen <a href="/wiki/Satzzeichen" title="Satzzeichen">Satzzeichen</a>, außer dem Schlusspunkt. Außerdem sind die Konventionen zur <a href="/wiki/Hilfe:Textgestaltung" title="Hilfe:Textgestaltung">Textgestaltung</a> und <a href="/wiki/Wikipedia:Typografie" title="Wikipedia:Typografie">Typografie</a> im <a href="/wiki/Wikipedia:Artikel" title="Wikipedia:Artikel">Artikelnamensraum</a> der Wikipedia zu beachten und unerwünschte Formatierungen wie zum Beispiel <a href="/wiki/Blocksatz" title="Blocksatz">Blocksatz</a> oder Unterstreichungen zu vermeiden. </p><p>Die Bilder mit ihren Legenden können als Verdeutlichung eines Themenaspekts betrachtet werden. Es kann ein Verweis auf den Autor des Bildes vermerkt werden, wenn der Autor selbst wegen seines künstlerischen oder fotografischen Wirkens relevant ist (also zum Beispiel einen eigenen Wikipedia-Artikel hat) – siehe Beispiel rechts. Insgesamt sollen Bildlegenden aber möglichst kurz und knapp gehalten werden; längere Darlegungen gehören in den Haupttext, wo sie besser zu lesen sind und das normale Layout erhalten. </p><p><code>[[Datei:Rubens Anghiarischlacht2.jpg|mini|Detail der ''Anghiarischlacht'', 1603<br /> gezeichnete Kopie von [[Peter Paul Rubens]]]]</code> </p> <div style="clear:both;"></div> <div class="mw-heading mw-heading3"><h3 id="Alternativtext" data-mw-thread-id="h-Alternativtext-Bildbeschreibung"><span data-mw-comment-start="" id="h-Alternativtext-Bildbeschreibung"></span>Alternativtext<span data-mw-comment-end="h-Alternativtext-Bildbeschreibung"></span></h3></div> <figure class="mw-default-size" typeof="mw:File/Thumb"><a href="/wiki/Datei:First_electric_tram-_Siemens_1881_in_Lichterfelde.jpg" class="mw-file-description"><img alt="Ein 5 Meter langer Straßenbahnwagen mit offenem Führerstand, besetzt mit Fahrer, Schaffner und vier Passagieren" src="//upload.wikimedia.org/wikipedia/commons/thumb/9/90/First_electric_tram-_Siemens_1881_in_Lichterfelde.jpg/220px-First_electric_tram-_Siemens_1881_in_Lichterfelde.jpg" decoding="async" width="220" height="132" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/9/90/First_electric_tram-_Siemens_1881_in_Lichterfelde.jpg/330px-First_electric_tram-_Siemens_1881_in_Lichterfelde.jpg 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/9/90/First_electric_tram-_Siemens_1881_in_Lichterfelde.jpg/440px-First_electric_tram-_Siemens_1881_in_Lichterfelde.jpg 2x" data-file-width="1135" data-file-height="682"/></a><figcaption>Erste elektrische Straßenbahn in Lichterfelde (1881)</figcaption></figure> <p>Der Alternativtext wurde im Internet anfangs nur aus formalen Gründen gebraucht, um zum Beispiel Bilder statistisch zu erfassen. Mit seiner Hilfe kann die Barrierefreiheit insbesondere für Sehbehinderte verbessert werden. Der Alternativtext soll einen Eindruck vom Bild vermitteln. Ein Text wie „Das Logo von XYZ“ vermittelt keinen Bildeindruck. Die Beschreibung sollte also in etwa ähnlich erfolgen, wie man einem Gesprächspartner am Telefon ein Bild beschreiben würde. Ein Alternativtext wird mittels <code>alt=Alternativtext</code> einem Bild beigefügt. (Technischer Hintergrund: In der aus dem Wikitext erzeugten HTML-Übersetzung wird damit die alt-Eigenschaft des img-Tags festgelegt.) </p> <div class="sieheauch" role="navigation" style="font-style:italic;"><span class="sieheauch-text">Siehe auch</span>: <a href="/wiki/Wikipedia:Barrierefreiheit#Alternativtext_für_Bilder" title="Wikipedia:Barrierefreiheit">Informationen zu Alternativtexten</a></div> <p><code>[[Datei:First electric tram- Siemens 1881 in Lichterfelde.jpg|mini|alt=Ein 5 Meter langer Straßenbahnwagen mit offenem Führerstand, besetzt mit Fahrer, Schaffner und vier Passagieren|Erste elektrische Straßenbahn in Lichterfelde (1881)]]</code> </p> <div class="mw-heading mw-heading3"><h3 id="Legende_bei_farbigen_Grafiken" data-mw-thread-id="h-Legende_bei_farbigen_Grafiken-Bildbeschreibung"><span data-mw-comment-start="" id="h-Legende_bei_farbigen_Grafiken-Bildbeschreibung"></span>Legende bei farbigen Grafiken<span data-mw-comment-end="h-Legende_bei_farbigen_Grafiken-Bildbeschreibung"></span></h3></div> <figure class="mw-default-size" typeof="mw:File/Thumb"><a href="/wiki/Datei:Map_of_nationalities_in_the_2017_Tour_de_France.svg" class="mw-file-description"><img src="//upload.wikimedia.org/wikipedia/commons/thumb/1/1a/Map_of_nationalities_in_the_2017_Tour_de_France.svg/220px-Map_of_nationalities_in_the_2017_Tour_de_France.svg.png" decoding="async" width="220" height="113" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/1/1a/Map_of_nationalities_in_the_2017_Tour_de_France.svg/330px-Map_of_nationalities_in_the_2017_Tour_de_France.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/1/1a/Map_of_nationalities_in_the_2017_Tour_de_France.svg/440px-Map_of_nationalities_in_the_2017_Tour_de_France.svg.png 2x" data-file-width="863" data-file-height="443"/></a><figcaption> <table> <tbody><tr> <td colspan="2">Tour de France 2017, Anzahl der Fahrer pro Nation </td></tr> <tr> <td><li style="list-style-type: none; list-style-image: none; margin: 0;"><span style="border-left: 1.2em solid; border-left-color: #FFAAAA; padding-left: 0.4em;" title="Farbe #FFAAAA"></span>20+</li> </td> <td><li style="list-style-type: none; list-style-image: none; margin: 0;"><span style="border-left: 1.2em solid; border-left-color: #AAFFAA; padding-left: 0.4em;" title="Farbe #AAFFAA"></span>2–9</li> </td></tr> <tr> <td><li style="list-style-type: none; list-style-image: none; margin: 0;"><span style="border-left: 1.2em solid; border-left-color: #AAAAFF; padding-left: 0.4em;" title="Farbe #AAAAFF"></span>10–19</li> </td> <td><li style="list-style-type: none; list-style-image: none; margin: 0;"><span style="border-left: 1.2em solid; border-left-color: #FFFFAA; padding-left: 0.4em;" title="Farbe #FFFFAA"></span>1</li> </td></tr></tbody></table> </figcaption></figure> <p>Eine <a href="/wiki/Legende_(Karte)" title="Legende (Karte)">Legende</a> zu einer farbigen Grafik kann über die <a href="/wiki/Vorlage:Farblegende" title="Vorlage:Farblegende">Vorlage:Farblegende</a> realisiert werden, zum Beispiel so (eingebettet in eine rahmenlose Tabelle aus zwei Spalten und drei Zeilen): </p> <pre style="overflow:auto;">[[Datei:Map of nationalities in the 2017 Tour de France.svg|mini| {| |- |colspan="2"| Tour de France 2017, Anzahl der Fahrer pro Nation |- | {{Farblegende|#FFAAAA|20+}} | {{Farblegende|#AAFFAA|2–9}} |- | {{Farblegende|#AAAAFF|10–19}} | {{Farblegende|#FFFFAA|1}} |} ]] </pre> <div class="mw-heading mw-heading3"><h3 id="Legende_bei_schmalen_Bildern" data-mw-thread-id="h-Legende_bei_schmalen_Bildern-Bildbeschreibung"><span data-mw-comment-start="" id="h-Legende_bei_schmalen_Bildern-Bildbeschreibung"></span>Legende bei schmalen Bildern<span data-mw-comment-end="h-Legende_bei_schmalen_Bildern-Bildbeschreibung"></span></h3></div> <figure class="mw-default-size" typeof="mw:File/Thumb"><a href="/wiki/Datei:DDSG-Sch%C3%B6nbrunn1.jpg" class="mw-file-description"><img src="//upload.wikimedia.org/wikipedia/commons/thumb/3/36/DDSG-Sch%C3%B6nbrunn1.jpg/130px-DDSG-Sch%C3%B6nbrunn1.jpg" decoding="async" width="130" height="98" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/3/36/DDSG-Sch%C3%B6nbrunn1.jpg/195px-DDSG-Sch%C3%B6nbrunn1.jpg 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/3/36/DDSG-Sch%C3%B6nbrunn1.jpg/260px-DDSG-Sch%C3%B6nbrunn1.jpg 2x" data-file-width="1280" data-file-height="960"/></a><figcaption>Donaudampfschifffahrtsgesellschaftsschiff (mit bedingten Trennstrichen in der Legende)</figcaption></figure> <div class="tright" style="clear:none;"><figure class="mw-default-size mw-halign-none" typeof="mw:File/Thumb"><a href="/wiki/Datei:DDSG-Sch%C3%B6nbrunn1.jpg" class="mw-file-description"><img src="//upload.wikimedia.org/wikipedia/commons/thumb/3/36/DDSG-Sch%C3%B6nbrunn1.jpg/130px-DDSG-Sch%C3%B6nbrunn1.jpg" decoding="async" width="130" height="98" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/3/36/DDSG-Sch%C3%B6nbrunn1.jpg/195px-DDSG-Sch%C3%B6nbrunn1.jpg 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/3/36/DDSG-Sch%C3%B6nbrunn1.jpg/260px-DDSG-Sch%C3%B6nbrunn1.jpg 2x" data-file-width="1280" data-file-height="960"/></a><figcaption>Donaudampfschifffahrtsgesellschaftsschiff (ohne bedingten Trennstrich in der Legende)</figcaption></figure></div> <p>Bei schmalen Bildern kann es vorkommen, dass die Legende Wörter enthält, die so lang sind, dass die Bildbreite für ihre vollständige Anzeige nicht ausreicht. In diesem Fall können <a href="/wiki/Bedingter_Trennstrich" title="Bedingter Trennstrich">bedingte Trennstriche</a> eingesetzt werden, mit denen das Wort bei Bedarf automatisch getrennt wird. </p><p>Dazu fügt man im Legendentext an den möglichen Trennstellen den <a href="/wiki/Hypertext_Markup_Language" title="Hypertext Markup Language">HTML</a>-Code <code>&shy;</code> (für englisch „soft hyphen“) ein: </p><p><code>[[Datei:Bildname.jpg|mini|Donau<span style="background:#E0E0E0;color: #000000; padding:0 2px; line-height:16px;display:inline-block;">&shy;</span>dampf<span style="background:#E0E0E0;color: #000000; padding:0 2px; line-height:16px;display:inline-block;">&shy;</span>schiff<span style="background:#E0E0E0;color: #000000; padding:0 2px; line-height:16px;display:inline-block;">&shy;</span>fahrts<span style="background:#E0E0E0;color: #000000; padding:0 2px; line-height:16px;display:inline-block;">&shy;</span>gesell<span style="background:#E0E0E0;color: #000000; padding:0 2px; line-height:16px;display:inline-block;">&shy;</span>schafts<span style="background:#E0E0E0;color: #000000; padding:0 2px; line-height:16px;display:inline-block;">&shy;</span>schiff]]</code> </p><p>Es ist nicht sinnvoll, den bedingten Trennstrich direkt als Zeichen einzufügen, auch wenn es die verwendete Tastaturbelegung erlaubt (zum Beispiel <span class="skin-invert"><kbd style="background: #F7F7F7; color: #202122; background-image:linear-gradient(rgba(255,255,255,.4),rgba(127,127,127,.2)); border-color:#DDDDDD #AAAAAA #888888 #CCCCCC; border-radius:2px; border-style:solid; border-width:1px; font-family:inherit; padding:0 .4em; text-shadow:0 1px rgba(255,255,255,.2); white-space:nowrap;">AltGr</kbd></span>+<span class="skin-invert"><kbd style="background: #F7F7F7; color: #202122; background-image:linear-gradient(rgba(255,255,255,.4),rgba(127,127,127,.2)); border-color:#DDDDDD #AAAAAA #888888 #CCCCCC; border-radius:2px; border-style:solid; border-width:1px; padding:0 .4em; text-shadow:0 1px rgba(255,255,255,.2); white-space:nowrap;">-</kbd></span> auf der deutschen <a href="/wiki/E1_(Tastaturbelegung)" title="E1 (Tastaturbelegung)">E1-Belegung</a>). Dieses Zeichen ist für spätere Bearbeiter der Seite in der Regel unsichtbar und kann deshalb beim Bearbeiten zu unbeabsichtigten Effekten führen; deshalb wird es u. U. auch automatisch durch <a href="/wiki/Bot" title="Bot">Bots</a> gelöscht. Die Zeichenfolge <code>&shy;</code> ist hingegen unmissverständlich. Allerdings findet die Suche im Quelltext nach Dampfschiff nicht mehr <code>Dampf&shy;schiff</code>. Der bedingte Trennstrich sollte daher sparsam genutzt werden. </p> <div style="clear:both;"></div> <div class="mw-heading mw-heading2 ext-discussiontools-init-section"><h2 id="Anordnung/Ausrichtung" data-mw-thread-id="h-Anordnung/Ausrichtung"><span id="Anordnung.2FAusrichtung"></span><span data-mw-comment-start="" id="h-Anordnung/Ausrichtung"></span><span id="center"></span><span id="left"></span><span id="links"></span><span id="none"></span><span id="ohne"></span><span id="rechts"></span><span id="right"></span><span id="zentriert"></span>Anordnung/Ausrichtung<span data-mw-comment-end="h-Anordnung/Ausrichtung"></span></h2></div> <p>Die Bilder sollten möglichst in die zugehörigen Kapitel gesetzt werden. Zu viele Bilder am Anfang des Artikels, die von der Software untereinander platziert werden und sich so „von selbst“ auf den Artikel verteilen, sind ungünstig. Sie können den weiter unten positionierten Bildern den Platz wegnehmen. Diese erscheinen dann nicht mehr in den eigentlich für sie vorgesehenen Abschnitten, weil erst die oberhalb aufgereihten Bilder abgebildet werden. In der speziellen Ansicht für <a href="/wiki/Mobilger%C3%A4t" title="Mobilgerät">Mobile Endgeräte</a> werden Bilder zudem nicht vom Text umflossen, so dass die im Quelltext untereinander stehenden Bilder sich alle an einer Stelle zusammenballen. </p> <div class="mw-heading mw-heading3"><h3 id="Grundsätzliches_zur_Ausrichtung" data-mw-thread-id="h-Grundsätzliches_zur_Ausrichtung-Anordnung/Ausrichtung"><span id="Grunds.C3.A4tzliches_zur_Ausrichtung"></span><span data-mw-comment-start="" id="h-Grundsätzliches_zur_Ausrichtung-Anordnung/Ausrichtung"></span>Grundsätzliches zur Ausrichtung<span data-mw-comment-end="h-Grundsätzliches_zur_Ausrichtung-Anordnung/Ausrichtung"></span></h3></div> <p>Die Ausrichtungs-Optionen <code>links</code>, <code>rechts</code>, <code>zentriert</code> und <code>ohne</code> (oder englisch <code>left</code>, <code>right</code>, <code>center</code> und <code>none</code>)<sup id="cite_ref-parameter.en.de_1-4" class="reference"><a href="#cite_note-parameter.en.de-1"><span class="cite-bracket">[</span>1<span class="cite-bracket">]</span></a></sup> richten Bilder im Text nach links bzw. rechts aus. Dabei ist jedoch zu beachten, dass die Darstellung je nach Browser sehr unterschiedlich sein kann. Um Probleme bei der Darstellung zu vermeiden, empfiehlt es sich, alle Bilder als Vorschaubilder auf der rechten Seite einzufügen. </p><p>Ohne Angaben von Ausrichtungsoptionen werden <a href="#Vorschaubilder">Vorschaubilder</a> selbsttätig rechtsbündig ausgerichtet, und der (im Quelltext) nachfolgende Text umfließt das Bild auf der linken Seite; die erste Zeile ist auf Höhe der Oberkante des Bildes. </p><p>Bilder, die bestimmten Abschnitten zugeordnet werden sollen, werden entweder unterhalb oder unmittelbar oberhalb des Titels des jeweiligen Abschnitts eingefügt. Letzteres positioniert die Oberkante des ersten Bildes platzsparend auf Höhe der Überschrift. </p><p>Werden Bilder nicht an erwarteter Stelle im gewünschten Abschnitt angezeigt, sondern unterhalb, so sind weiter oben im Artikel so viele Bilder vorhanden, dass sie vertikal ausgedehnter sind als der Text der zugehörigen Abschnitte. Als Abhilfe können Bilder entfernt, verkleinert, zu einer <a href="#Galerie">Galerie</a> zusammengefasst oder weiter nach unten verschoben werden. </p> <table border="1" style="border-collapse:collapse"> <tbody><tr> <th>Eingabe </th> <th>Ergebnis </th></tr> <tr> <td class="hintergrundfarbe5"><code>[[Datei:Smile.png|links|Ein Smiley]] Ein '''Smiley''' ist ein vor allem im Chat beliebtes Emoticon. </code> </td> <td class="hintergrundfarbe5"><figure class="mw-default-size mw-halign-left" typeof="mw:File"><a href="/wiki/Datei:Smile.png" class="mw-file-description" title="Ein Smiley"><img alt="Ein Smiley" src="//upload.wikimedia.org/wikipedia/commons/2/26/Smile.png" decoding="async" width="20" height="20" class="mw-file-element" data-file-width="20" data-file-height="20"/></a><figcaption>Ein Smiley</figcaption></figure> Ein <b>Smiley</b> ist ein vor allem im Chat beliebtes Emoticon. </td></tr> <tr> <td class="hintergrundfarbe5"><code>[[Datei:Smile.png|rechts|Ein Smiley]] Ein '''Smiley''' ist ein vor allem im Chat beliebtes Emoticon. </code> </td> <td class="hintergrundfarbe5"><figure class="mw-default-size mw-halign-right" typeof="mw:File"><a href="/wiki/Datei:Smile.png" class="mw-file-description" title="Ein Smiley"><img alt="Ein Smiley" src="//upload.wikimedia.org/wikipedia/commons/2/26/Smile.png" decoding="async" width="20" height="20" class="mw-file-element" data-file-width="20" data-file-height="20"/></a><figcaption>Ein Smiley</figcaption></figure> Ein <b>Smiley</b> ist ein vor allem im Chat beliebtes Emoticon. </td></tr> <tr> <td class="hintergrundfarbe5"><code>[[Datei:Pilzkorb.jpg|mini|zentriert|100px|Ein Korb voller Speisepilze]]</code> </td> <td class="hintergrundfarbe5"><figure class="mw-halign-center" typeof="mw:File/Thumb"><a href="/wiki/Datei:Pilzkorb.jpg" class="mw-file-description"><img src="//upload.wikimedia.org/wikipedia/commons/thumb/3/34/Pilzkorb.jpg/100px-Pilzkorb.jpg" decoding="async" width="100" height="75" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/3/34/Pilzkorb.jpg/150px-Pilzkorb.jpg 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/3/34/Pilzkorb.jpg/200px-Pilzkorb.jpg 2x" data-file-width="600" data-file-height="450"/></a><figcaption>Ein Korb voller Speisepilze</figcaption></figure> zentriert ein Bild innerhalb einer <a href="/wiki/Hilfe:Tabellen" title="Hilfe:Tabellen">Tabellenzelle</a>. </td></tr></tbody></table> <p>Der Parameter <code>ohne</code> schaltet jegliches links oder rechts Umfließen des Textes ab und stellt das Bild im Text („inline“) linksbündig dar. Ferner wird der Abstand zu anderen Inhalten der Webseite auf Null gesetzt, was besonders wichtig ist, wenn man zwei Bilder nebeneinander darstellen will (siehe Abschnitt „<a href="#nebeneinander">Bilder nebeneinander</a>“). Ein Darstellen im Textfluss ist nur ohne Ausrichtung und ohne Rahmen, aber mit Größenangabe möglich. </p> <table border="1" style="border-collapse:collapse"> <tbody><tr> <td class="hintergrundfarbe5"><code>Ein '''Smiley''' [[Datei:Smile.png|ohne|Ein Smiley]] ist ein vor allem im Chat beliebtes Emoticon. </code> </td> <td class="hintergrundfarbe5">Ein <b>Smiley</b> <figure class="mw-default-size mw-halign-none" typeof="mw:File"><a href="/wiki/Datei:Smile.png" class="mw-file-description" title="Ein Smiley"><img alt="Ein Smiley" src="//upload.wikimedia.org/wikipedia/commons/2/26/Smile.png" decoding="async" width="20" height="20" class="mw-file-element" data-file-width="20" data-file-height="20"/></a><figcaption>Ein Smiley</figcaption></figure> ist ein vor allem im Chat beliebtes Emoticon. </td></tr> <tr> <td class="hintergrundfarbe5"><code>Ein '''Smiley''' [[Datei:Smile.png|gerahmt|[[Smiley]]]] ist ein vor allem im Chat beliebtes Emoticon. </code> </td> <td class="hintergrundfarbe5">Ein <b>Smiley</b> <figure typeof="mw:File/Frame"><a href="/wiki/Datei:Smile.png" class="mw-file-description"><img src="//upload.wikimedia.org/wikipedia/commons/2/26/Smile.png" decoding="async" width="20" height="20" class="mw-file-element" data-file-width="20" data-file-height="20"/></a><figcaption><a href="/wiki/Smiley" title="Smiley">Smiley</a></figcaption></figure> ist ein vor allem im Chat beliebtes Emoticon. </td></tr> <tr> <td class="hintergrundfarbe5"><code>Ein '''Smiley''' [[Datei:Smile.png|15px|Ein Smiley]] ist ein vor allem im Chat beliebtes Emoticon. </code> </td> <td class="hintergrundfarbe5">Ein <b>Smiley</b> <span typeof="mw:File"><a href="/wiki/Datei:Smile.png" class="mw-file-description" title="Ein Smiley"><img alt="" src="//upload.wikimedia.org/wikipedia/commons/thumb/2/26/Smile.png/15px-Smile.png" decoding="async" width="15" height="15" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/2/26/Smile.png 1.5x" data-file-width="20" data-file-height="20"/></a></span> ist ein vor allem im Chat beliebtes Emoticon. </td></tr></tbody></table> <p>Die meisten Optionen lassen sich beliebig, jeweils durch senkrechte Striche getrennt, miteinander kombinieren, unbekannte Optionen ignoriert die Software. </p> <div class="mw-heading mw-heading3"><h3 id="Ausrichtung_links_vermeiden" data-mw-thread-id="h-Ausrichtung_links_vermeiden-Anordnung/Ausrichtung"><span data-mw-comment-start="" id="h-Ausrichtung_links_vermeiden-Anordnung/Ausrichtung"></span>Ausrichtung links vermeiden<span data-mw-comment-end="h-Ausrichtung_links_vermeiden-Anordnung/Ausrichtung"></span></h3></div> <p>Generell sollten Bilder aus Gründen der Gestaltungseinheitlichkeit und des Layouts am (standardmäßig vorgegebenen) rechten Rand der Seite platziert werden. <a href="/wiki/Grafiker" title="Grafiker">Grafiker</a> und <a href="/wiki/Mediengestalter_Digital_und_Print" title="Mediengestalter Digital und Print">Mediengestalter</a> achten zwar darauf, dass abgebildete Personen im <a href="/wiki/Layout" title="Layout">Layout</a> von Text und Bild nicht „aus der Seite herausschauen“. Allerdings hat die Wikipedia durch die verschiedenen Bildauflösungen der Anzeigegeräte keine feste Seitenbreite und damit keine feste Absatzhöhe. Durch die dynamische Anpassung an die Breite des Browserfensters können Abschnittsüberschriften rechts neben links ausgerichteten Bilder rutschen und schlimmstenfalls zwischen Bildern „eingeklemmt“ werden. Im Zusammenspiel mit Listen, Tabellen und anderen Elemente kann es zu Verschneidungen kommen. Es ergibt sich ein unübersichtliches und zerpflückt aussehendes Layout. Links ausgerichtete Fotos in der Einleitung des Artikels würden meist mit dem Inhaltsverzeichnis kollidieren. </p><p>Wenn ein Artikel eine lange Infobox enthält, so könnten Bilder, die auf Höhe der Infobox stehen sollen, ausnahmsweise links platziert werden. Alternative Lösungen sind vorzuziehen. </p><p>Immer wenn ein Bild auf Höhe eines anderen Bilds, einer Infobox, Tabelle, Liste oder eines anderen graphischen Elements dargestellt wird, wäre mit verschiedenen Einstellungen für die Breite des Browserfensters zu prüfen, ob der Text auch bei schmalerer Darstellung problemlos lesbar bleibt und nicht zerstückelt wird. Damit das Bild an der gewünschten Stelle links angezeigt wird, muss es im Quelltext <i>vor</i> dem ersten rechts eingebundenen Bild (das also unter der Infobox erscheinen würde) platziert werden (siehe dazu auch dieses <a href="/wiki/Spezial:Diff/185878672" title="Spezial:Diff/185878672">Beispiel</a>). </p><p>Insbesondere aufgrund der begrenzten Bildschirmbreite von Mobilgeräten wie <a href="/wiki/Tablet" class="mw-redirect" title="Tablet">Tablets</a> ist es nicht empfehlenswert, links von einer Infobox noch Bilder unterzubringen. Durch das sich daraus ergebende dreispaltige Layout wird der Text oftmals mit nur wenigen Wörtern pro Zeile zwischen Bild und Infobox zerquetscht. Es müssten daher Vorkehrungen getroffen werden, dass entweder die Breite der Textspalte eine hinreichende Größe erhält oder aber der Text erst unterhalb des Bildes beginnt. </p> <figure class="mw-default-size mw-halign-left" typeof="mw:File/Thumb"><a href="/wiki/Datei:Ruud_Lubbers_1-1.jpg" class="mw-file-description"><img src="//upload.wikimedia.org/wikipedia/commons/thumb/d/d7/Ruud_Lubbers_1-1.jpg/220px-Ruud_Lubbers_1-1.jpg" decoding="async" width="220" height="206" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/d/d7/Ruud_Lubbers_1-1.jpg/330px-Ruud_Lubbers_1-1.jpg 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/d/d7/Ruud_Lubbers_1-1.jpg/440px-Ruud_Lubbers_1-1.jpg 2x" data-file-width="636" data-file-height="595"/></a><figcaption><a href="/wiki/Ruud_Lubbers" title="Ruud Lubbers">Ruud Lubbers</a> schaut auf diesem Bild vom Betrachter aus nach rechts. Dies <i>kann</i> ein Grund sein, das Bild ausnahmsweise am linken Textrand zu platzieren.</figcaption></figure> <p>Blickt der Abgebildete deutlich nach rechts (wie auf dem Beispielbild), so kann das Bild mit dem Parameter <code>links</code> am linken Seitenrand positioniert werden, damit er in die Bildschirmmitte blickt. Ergibt sich hierdurch allerdings eine Störung im <a href="/wiki/Layout" title="Layout">Layout</a>, indem etwa rechts neben dem Bild nachfolgende Abschnittsüberschriften oder eine unerwünschte Leerfläche angezeigt werden, so sollte hiervon abgesehen werden. </p><p><code>[[Datei:Ruud Lubbers 1-1.jpg|<b>links</b>|mini|[[Ruud Lubbers]] schaut auf diesem Bild…]]</code> </p><p>Das <a href="/wiki/Spiegelverkehrtes_Bild" title="Spiegelverkehrtes Bild">Spiegeln von Bildern ist zu vermeiden</a>! Dies würde die dokumentarische Integrität des Bildes verletzen. </p> <div class="mw-heading mw-heading3"><h3 id="Layoutfluss" data-mw-thread-id="h-Layoutfluss-Anordnung/Ausrichtung"><span data-mw-comment-start="" id="h-Layoutfluss-Anordnung/Ausrichtung"></span>Layoutfluss<span data-mw-comment-end="h-Layoutfluss-Anordnung/Ausrichtung"></span></h3></div> <p>Eine allgemeine Einführung zum Layoutfluss ist unter <a href="/wiki/Hilfe:Textgestaltung/Layoutfluss" title="Hilfe:Textgestaltung/Layoutfluss">Hilfe:Textgestaltung/Layoutfluss</a> zu finden. </p> <div style="clear:left;"></div> <div class="mw-heading mw-heading3"><h3 id="Umfließen_eines_Bildes_durch_nachfolgenden_Text_verhindern" data-mw-thread-id="h-Umfließen_eines_Bildes_durch_nachfolgenden_Text_verhindern-Anordnung/Ausrichtung"><span id="Umflie.C3.9Fen_eines_Bildes_durch_nachfolgenden_Text_verhindern"></span><span data-mw-comment-start="" id="h-Umfließen_eines_Bildes_durch_nachfolgenden_Text_verhindern-Anordnung/Ausrichtung"></span><span id="Absatz"></span>Umfließen eines Bildes durch nachfolgenden Text verhindern<span data-mw-comment-end="h-Umfließen_eines_Bildes_durch_nachfolgenden_Text_verhindern-Anordnung/Ausrichtung"></span></h3></div> <div class="sieheauch" role="navigation" style="font-style:italic;"><span class="sieheauch-text">Siehe auch</span>: <a href="/wiki/Vorlage:Absatz" title="Vorlage:Absatz">Vorlage:Absatz</a></div> <p>Wenn ein Bild am Rand angeordnet wurde und nachfolgender Text nicht seitlich vom Bild erscheinen soll, kann die Vorlage <code>{{Absatz}}</code> verwendet werden, um einen Absatz einzufügen. Der folgende Text (z. B. ein neuer Abschnitt) wird dann unterhalb des Bildes positioniert – gerade so wie dieser Textabschnitt unterhalb des Portraits von „Ruud Lubbers“ steht. </p><p>Die Variante <code>{{Absatz|links}}</code> fügt den Absatz nur unterhalb von linksbündigen Bildern ein. Rechtsbündig angeordnete Bilder oder Tabellen können dagegen weiterhin vom Text umflossen werden. Da diese Vorlage auch hier vor die Überschrift dieses Abschnitts <i>Umfließen eines Bildes durch nachfolgenden Text verhindern</i> gesetzt wurde, wird verhindert, dass dieser Abschnitt nach oben rutscht, wo er normalerweise rechts vom Bild „Ruud Lubbers“ erscheinen würde. </p> <div class="mw-heading mw-heading3"><h3 id="Vertikale_Ausrichtung" data-mw-thread-id="h-Vertikale_Ausrichtung-Anordnung/Ausrichtung"><span data-mw-comment-start="" id="h-Vertikale_Ausrichtung-Anordnung/Ausrichtung"></span>Vertikale Ausrichtung<span data-mw-comment-end="h-Vertikale_Ausrichtung-Anordnung/Ausrichtung"></span></h3></div> <p>Grafiken innerhalb eines Fließtextes können auch senkrecht zum Text ausgerichtet werden, siehe <a href="/wiki/Hilfe:Bilder/vertikale_Ausrichtung" title="Hilfe:Bilder/vertikale Ausrichtung">Hilfe:Bilder/vertikale Ausrichtung</a>. </p> <div class="mw-heading mw-heading3"><h3 id="Bilder_nebeneinander" data-mw-thread-id="h-Bilder_nebeneinander-Anordnung/Ausrichtung"><span data-mw-comment-start="" id="h-Bilder_nebeneinander-Anordnung/Ausrichtung"></span><span id="nebeneinander"></span>Bilder nebeneinander<span data-mw-comment-end="h-Bilder_nebeneinander-Anordnung/Ausrichtung"></span></h3></div> <div class="sieheauch" role="navigation" style="font-style:italic;"><span class="sieheauch-text">Siehe auch</span>: <a href="/wiki/Vorlage:Doppeltes_Bild" title="Vorlage:Doppeltes Bild">Vorlage:Doppeltes Bild</a> und <a href="/wiki/Vorlage:Mehrere_Bilder" title="Vorlage:Mehrere Bilder">Vorlage:Mehrere Bilder</a></div> <figure class="mw-halign-left" typeof="mw:File/Thumb"><a href="/wiki/Datei:0_white,_red_rounded_rectangle.svg" class="mw-file-description"><img src="//upload.wikimedia.org/wikipedia/commons/thumb/8/87/0_white%2C_red_rounded_rectangle.svg/70px-0_white%2C_red_rounded_rectangle.svg.png" decoding="async" width="70" height="100" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/8/87/0_white%2C_red_rounded_rectangle.svg/105px-0_white%2C_red_rounded_rectangle.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/8/87/0_white%2C_red_rounded_rectangle.svg/140px-0_white%2C_red_rounded_rectangle.svg.png 2x" data-file-width="175" data-file-height="250"/></a><figcaption>LINKS-0</figcaption></figure> <div class="tleft" style="clear:none;"><figure class="mw-halign-none" typeof="mw:File/Thumb"><a href="/wiki/Datei:1_white,_red_rounded_rectangle.svg" class="mw-file-description"><img src="//upload.wikimedia.org/wikipedia/commons/thumb/8/86/1_white%2C_red_rounded_rectangle.svg/70px-1_white%2C_red_rounded_rectangle.svg.png" decoding="async" width="70" height="117" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/8/86/1_white%2C_red_rounded_rectangle.svg/105px-1_white%2C_red_rounded_rectangle.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/8/86/1_white%2C_red_rounded_rectangle.svg/140px-1_white%2C_red_rounded_rectangle.svg.png 2x" data-file-width="150" data-file-height="250"/></a><figcaption>L-1</figcaption></figure></div> <div class="tleft" style="clear:none;"><figure class="mw-halign-none" typeof="mw:File/Thumb"><a href="/wiki/Datei:2_white,_red_rounded_rectangle.svg" class="mw-file-description"><img src="//upload.wikimedia.org/wikipedia/commons/thumb/6/6a/2_white%2C_red_rounded_rectangle.svg/70px-2_white%2C_red_rounded_rectangle.svg.png" decoding="async" width="70" height="100" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/6/6a/2_white%2C_red_rounded_rectangle.svg/105px-2_white%2C_red_rounded_rectangle.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/6/6a/2_white%2C_red_rounded_rectangle.svg/140px-2_white%2C_red_rounded_rectangle.svg.png 2x" data-file-width="175" data-file-height="250"/></a><figcaption>L-2</figcaption></figure></div> <figure class="mw-default-size" typeof="mw:File/Thumb"><a href="/wiki/Datei:0_white,_green_rounded_rectangle.svg" class="mw-file-description"><img src="//upload.wikimedia.org/wikipedia/commons/thumb/0/0c/0_white%2C_green_rounded_rectangle.svg/56px-0_white%2C_green_rounded_rectangle.svg.png" decoding="async" width="56" height="80" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/0/0c/0_white%2C_green_rounded_rectangle.svg/84px-0_white%2C_green_rounded_rectangle.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/0/0c/0_white%2C_green_rounded_rectangle.svg/112px-0_white%2C_green_rounded_rectangle.svg.png 2x" data-file-width="175" data-file-height="250"/></a><figcaption>R-0</figcaption></figure> <div class="tright" style="clear:none;"><figure class="mw-default-size mw-halign-none" typeof="mw:File/Thumb"><a href="/wiki/Datei:1_white,_green_rounded_rectangle.svg" class="mw-file-description"><img src="//upload.wikimedia.org/wikipedia/commons/thumb/1/10/1_white%2C_green_rounded_rectangle.svg/48px-1_white%2C_green_rounded_rectangle.svg.png" decoding="async" width="48" height="80" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/1/10/1_white%2C_green_rounded_rectangle.svg/72px-1_white%2C_green_rounded_rectangle.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/1/10/1_white%2C_green_rounded_rectangle.svg/96px-1_white%2C_green_rounded_rectangle.svg.png 2x" data-file-width="150" data-file-height="250"/></a><figcaption>R-1</figcaption></figure></div> <div class="tright" style="clear:none;"><figure class="mw-default-size mw-halign-none" typeof="mw:File/Thumb"><a href="/wiki/Datei:2_white,_green_rounded_rectangle.svg" class="mw-file-description"><img src="//upload.wikimedia.org/wikipedia/commons/thumb/8/84/2_white%2C_green_rounded_rectangle.svg/56px-2_white%2C_green_rounded_rectangle.svg.png" decoding="async" width="56" height="80" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/8/84/2_white%2C_green_rounded_rectangle.svg/84px-2_white%2C_green_rounded_rectangle.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/8/84/2_white%2C_green_rounded_rectangle.svg/112px-2_white%2C_green_rounded_rectangle.svg.png 2x" data-file-width="175" data-file-height="250"/></a><figcaption>R-2</figcaption></figure></div> <p>Die einfachste Möglichkeit, mehrere Bilder einheitlich nebeneinander anzuordnen, findet sich unter „<a href="/wiki/Hilfe:Galerie" title="Hilfe:Galerie">Hilfe:Galerie</a>“. </p><p>Eine flexiblere Möglichkeit bieten die div-Tags <code>class="tright"</code> und <code>class="tleft"</code>. Begonnen wird jeweils mit dem Bild, das sich ganz außen am Seitenrand befinden soll. Dieses wird ganz gewöhnlich ohne div-tags platziert. Jedes weitere wird für sich einzeln in div-tags gesetzt. Hierbei ist der Parameter <code>ohne</code> entscheidend, damit dem Bild <i>kein</i> Abstand nach oben angefügt wird und die Bilder somit oben in einer Linie abschließen. Sollen die Bilder auch unten bündig abschließen, muss vor die Größenangabe in Pixeln ein <code>x</code> gesetzt werden, damit alle Bilder dieselbe <i>Höhe</i> erhalten. </p><p>Beispiel: Für drei Bilder am rechten Seitenrand (<code>class="tright"</code>), die nebeneinander stehen und sowohl oben (<code>ohne</code>) als auch unten (<code>x80px</code>) in einer Linie abschließen sollen, ergibt sich folgende Schreibweise: </p> <pre>[[Datei:Bild-0 ganz aussen.jpg|mini|x80px|Bildbeschreibung R-0]] <div class="tright" style="clear:none">[[Datei:Bild-1.jpg|mini|ohne|x80px|Bildbeschreibung R-1]]</div> <div class="tright" style="clear:none">[[Datei:Bild-2.jpg|mini|ohne|x80px|Bildbeschreibung R-2]]</div> </pre> <p>Im Fließtext sollte diese Formatierung jedoch vermieden werden, da sie die Zugänglichkeit des Quelltextes erschwert. </p> <figure class="mw-default-size" typeof="mw:File/Thumb"><a href="/wiki/Datei:0_white,_green_rounded_rectangle.svg" class="mw-file-description"><img src="//upload.wikimedia.org/wikipedia/commons/thumb/0/0c/0_white%2C_green_rounded_rectangle.svg/56px-0_white%2C_green_rounded_rectangle.svg.png" decoding="async" width="56" height="80" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/0/0c/0_white%2C_green_rounded_rectangle.svg/84px-0_white%2C_green_rounded_rectangle.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/0/0c/0_white%2C_green_rounded_rectangle.svg/112px-0_white%2C_green_rounded_rectangle.svg.png 2x" data-file-width="175" data-file-height="250"/></a><figcaption>R-0</figcaption></figure> <div class="tright" style="clear:none;"><figure class="mw-default-size" typeof="mw:File/Thumb"><a href="/wiki/Datei:1_white,_green_rounded_rectangle.svg" class="mw-file-description"><img src="//upload.wikimedia.org/wikipedia/commons/thumb/1/10/1_white%2C_green_rounded_rectangle.svg/48px-1_white%2C_green_rounded_rectangle.svg.png" decoding="async" width="48" height="80" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/1/10/1_white%2C_green_rounded_rectangle.svg/72px-1_white%2C_green_rounded_rectangle.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/1/10/1_white%2C_green_rounded_rectangle.svg/96px-1_white%2C_green_rounded_rectangle.svg.png 2x" data-file-width="150" data-file-height="250"/></a><figcaption>R-1</figcaption></figure></div> <div class="tright" style="clear:none;"><figure class="mw-default-size mw-halign-none" typeof="mw:File/Thumb"><a href="/wiki/Datei:2_white,_green_rounded_rectangle.svg" class="mw-file-description"><img src="//upload.wikimedia.org/wikipedia/commons/thumb/8/84/2_white%2C_green_rounded_rectangle.svg/56px-2_white%2C_green_rounded_rectangle.svg.png" decoding="async" width="56" height="80" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/8/84/2_white%2C_green_rounded_rectangle.svg/84px-2_white%2C_green_rounded_rectangle.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/8/84/2_white%2C_green_rounded_rectangle.svg/112px-2_white%2C_green_rounded_rectangle.svg.png 2x" data-file-width="175" data-file-height="250"/></a><figcaption>R-2</figcaption></figure></div> <p>Negativbeispiel: Ohne den <code>ohne</code>-Parameter sind die Bilder am oberen Rand leicht versetzt: </p> <pre style="overflow:auto;">[[Datei:Bild-0 ganz aussen.jpg|mini|x80px|Bildbeschreibung R-0]] <div class="tright" style="clear:none">[[Datei:Bild-1.jpg|mini|x80px|Bildbeschreibung R-1]]</div> <div class="tright" style="clear:none">[[Datei:Bild-2.jpg|mini|ohne|x80px|Bildbeschreibung R-2]]</div> </pre> <div style="clear:both;"></div> <div class="mw-heading mw-heading3"><h3 id="Galerien" data-mw-thread-id="h-Galerien-Anordnung/Ausrichtung"><span data-mw-comment-start="" id="h-Galerien-Anordnung/Ausrichtung"></span><span id="Galerie"></span>Galerien<span data-mw-comment-end="h-Galerien-Anordnung/Ausrichtung"></span></h3></div> <div class="hauptartikel" role="navigation"><span class="hauptartikel-pfeil" title="siehe" aria-hidden="true" role="presentation">→ </span><i><span class="hauptartikel-text">Hauptseite</span>: <a href="/wiki/Hilfe:Galerie" title="Hilfe:Galerie">Hilfe:Galerie</a></i></div> <p>Um mehrere Bilder zeilenweise mit automatisch an die Bildschirmbreite angepassten Umbrüchen anzuordnen, kann eine Galerie direkt in der Seite erstellt werden. Beispiel für eine Galerie: </p> <ul class="gallery mw-gallery-packed"> <li class="gallerybox" style="width: 176px"> <div class="thumb" style="width: 174px;"><span typeof="mw:File"><a href="/wiki/Datei:Rotkehlchen_gr.jpg" class="mw-file-description" title="Rotkehlchen"><img alt="Rotkehlchen" src="//upload.wikimedia.org/wikipedia/commons/thumb/8/85/Rotkehlchen_gr.jpg/261px-Rotkehlchen_gr.jpg" decoding="async" width="174" height="120" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/8/85/Rotkehlchen_gr.jpg/391px-Rotkehlchen_gr.jpg 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/8/85/Rotkehlchen_gr.jpg/521px-Rotkehlchen_gr.jpg 2x" data-file-width="699" data-file-height="483"/></a></span></div> <div class="gallerytext"><a href="/wiki/Rotkehlchen" title="Rotkehlchen">Rotkehlchen</a></div> </li> <li class="gallerybox" style="width: 92px"> <div class="thumb" style="width: 90px;"><span typeof="mw:File"><a href="/wiki/Datei:Gaense2004.jpg" class="mw-file-description" title="Gänse"><img alt="Gänse" src="//upload.wikimedia.org/wikipedia/commons/thumb/9/91/Gaense2004.jpg/135px-Gaense2004.jpg" decoding="async" width="90" height="120" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/9/91/Gaense2004.jpg/202px-Gaense2004.jpg 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/9/91/Gaense2004.jpg/270px-Gaense2004.jpg 2x" data-file-width="600" data-file-height="800"/></a></span></div> <div class="gallerytext"><a href="/wiki/Gans" class="mw-redirect" title="Gans">Gänse</a></div> </li> <li class="gallerybox" style="width: 226.66666666667px"> <div class="thumb" style="width: 224.66666666667px;"><span typeof="mw:File"><a href="/wiki/Datei:Waran.jpg" class="mw-file-description" title="Komodowaran"><img alt="Komodowaran" src="//upload.wikimedia.org/wikipedia/commons/thumb/0/0d/Waran.jpg/337px-Waran.jpg" decoding="async" width="225" height="120" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/0/0d/Waran.jpg/506px-Waran.jpg 1.5x, //upload.wikimedia.org/wikipedia/commons/0/0d/Waran.jpg 2x" data-file-width="601" data-file-height="321"/></a></span></div> <div class="gallerytext"><a href="/wiki/Komodowaran" title="Komodowaran">Komodowaran</a></div> </li> <li class="gallerybox" style="width: 162px"> <div class="thumb" style="width: 160px;"><span typeof="mw:File"><a href="/wiki/Datei:Cat_outside.jpg" class="mw-file-description" title="Hauskatze"><img alt="Hauskatze" src="//upload.wikimedia.org/wikipedia/commons/thumb/a/a2/Cat_outside.jpg/240px-Cat_outside.jpg" decoding="async" width="160" height="120" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/a/a2/Cat_outside.jpg/360px-Cat_outside.jpg 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/a/a2/Cat_outside.jpg/480px-Cat_outside.jpg 2x" data-file-width="1048" data-file-height="786"/></a></span></div> <div class="gallerytext"><a href="/wiki/Hauskatze" title="Hauskatze">Hauskatze</a></div> </li> <li class="gallerybox" style="width: 182px"> <div class="thumb" style="width: 180px;"><span typeof="mw:File"><a href="/wiki/Datei:Turtle_mazunte_oaxaca_mexico_claudio_giovenzana_2010.jpg" class="mw-file-description" title="Schildkröte"><img alt="Schildkröte" src="//upload.wikimedia.org/wikipedia/commons/thumb/c/c6/Turtle_mazunte_oaxaca_mexico_claudio_giovenzana_2010.jpg/270px-Turtle_mazunte_oaxaca_mexico_claudio_giovenzana_2010.jpg" decoding="async" width="180" height="120" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/c/c6/Turtle_mazunte_oaxaca_mexico_claudio_giovenzana_2010.jpg/405px-Turtle_mazunte_oaxaca_mexico_claudio_giovenzana_2010.jpg 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/c/c6/Turtle_mazunte_oaxaca_mexico_claudio_giovenzana_2010.jpg/540px-Turtle_mazunte_oaxaca_mexico_claudio_giovenzana_2010.jpg 2x" data-file-width="4134" data-file-height="2758"/></a></span></div> <div class="gallerytext"><a href="/wiki/Schildkr%C3%B6te" class="mw-redirect" title="Schildkröte">Schildkröte</a></div> </li> <li class="gallerybox" style="width: 182px"> <div class="thumb" style="width: 180px;"><span typeof="mw:File"><a href="/wiki/Datei:Carcharhinus_melanopterus_Luc_Viatour.jpg" class="mw-file-description" title="Hai"><img alt="Hai" src="//upload.wikimedia.org/wikipedia/commons/thumb/d/d5/Carcharhinus_melanopterus_Luc_Viatour.jpg/270px-Carcharhinus_melanopterus_Luc_Viatour.jpg" decoding="async" width="180" height="120" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/d/d5/Carcharhinus_melanopterus_Luc_Viatour.jpg/405px-Carcharhinus_melanopterus_Luc_Viatour.jpg 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/d/d5/Carcharhinus_melanopterus_Luc_Viatour.jpg/540px-Carcharhinus_melanopterus_Luc_Viatour.jpg 2x" data-file-width="3584" data-file-height="2389"/></a></span></div> <div class="gallerytext"><a href="/wiki/Haie" title="Haie">Hai</a></div> </li> </ul> <p>In <a href="/wiki/Wikipedia:Artikel_illustrieren" title="Wikipedia:Artikel illustrieren">Wikipedia:Artikel illustrieren</a> gibt es Informationen zum sinnvollen Einsatz von Galerien und zu Alternativen. </p><p>Die Slideshow ist eine über Parameter gesteuerte Sonderform der Galerie, kann aber auch mit der Vorlage {{<a href="/wiki/Vorlage:Galerie" title="Vorlage:Galerie">Galerie</a>}} realisiert werden. </p> <div class="mw-heading mw-heading3"><h3 id="Bilder_in_Aufzählungen" data-mw-thread-id="h-Bilder_in_Aufzählungen-Anordnung/Ausrichtung"><span id="Bilder_in_Aufz.C3.A4hlungen"></span><span data-mw-comment-start="" id="h-Bilder_in_Aufzählungen-Anordnung/Ausrichtung"></span><span id="Bilder_in_gegliederten_Abs.C3.A4tzen"></span><span id="Bilder_in_gegliederten_Absätzen"></span>Bilder in Aufzählungen<span data-mw-comment-end="h-Bilder_in_Aufzählungen-Anordnung/Ausrichtung"></span></h3></div> <p>Grundlegendes (siehe auch <a href="/wiki/Hilfe:Listen" title="Hilfe:Listen">Hilfe:Listen</a>): Bei geschachtelten Aufzählungen/gegliederten Absätzen muss der Quelltext zusammenhängend und ohne Zeilenumbrüche gestaltet sein, sonst entstehen fehlerhafte Aufzählungspunkte, wie hier: </p> <ul><li>Absatz <ul><li>Einrückung</li></ul></li></ul> <p><span typeof="mw:File"><a href="/wiki/Datei:Aerial_image_of_Grand_Prismatic_Spring_(view_from_the_west).jpg" class="mw-file-description" title="Luftaufnahme der Grand Prismatic Spring"><img alt="" src="//upload.wikimedia.org/wikipedia/commons/thumb/0/0a/Aerial_image_of_Grand_Prismatic_Spring_%28view_from_the_west%29.jpg/120px-Aerial_image_of_Grand_Prismatic_Spring_%28view_from_the_west%29.jpg" decoding="async" width="120" height="96" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/0/0a/Aerial_image_of_Grand_Prismatic_Spring_%28view_from_the_west%29.jpg/180px-Aerial_image_of_Grand_Prismatic_Spring_%28view_from_the_west%29.jpg 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/0/0a/Aerial_image_of_Grand_Prismatic_Spring_%28view_from_the_west%29.jpg/240px-Aerial_image_of_Grand_Prismatic_Spring_%28view_from_the_west%29.jpg 2x" data-file-width="3500" data-file-height="2800"/></a></span> </p> <ul><li><ul><li>Einrückung</li> <li>Einrückung</li></ul></li></ul> <p>Wird ein Bild ohne Zeilenumbruch in einer Aufzählung integriert, befindet es sich quasi im Fließtext (siehe Abschnitt „<a href="#Grundsätzliches_zur_Ausrichtung">Grundsätzliches zur Ausrichtung</a>“) und wird vertikal mittig auf der Zeile platziert (bzw. wird die Textzeile vertikal mittig zum Bild ausgerichtet, wie man es sehen will): </p> <ul><li>Absatz <ul><li>Einrückung, Einrückung, Einrückung</li> <li>Einrückung <span typeof="mw:File"><a href="/wiki/Datei:Aerial_image_of_Grand_Prismatic_Spring_(view_from_the_west).jpg" class="mw-file-description" title="Luftaufnahme der Grand Prismatic Spring"><img alt="" src="//upload.wikimedia.org/wikipedia/commons/thumb/0/0a/Aerial_image_of_Grand_Prismatic_Spring_%28view_from_the_west%29.jpg/120px-Aerial_image_of_Grand_Prismatic_Spring_%28view_from_the_west%29.jpg" decoding="async" width="120" height="96" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/0/0a/Aerial_image_of_Grand_Prismatic_Spring_%28view_from_the_west%29.jpg/180px-Aerial_image_of_Grand_Prismatic_Spring_%28view_from_the_west%29.jpg 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/0/0a/Aerial_image_of_Grand_Prismatic_Spring_%28view_from_the_west%29.jpg/240px-Aerial_image_of_Grand_Prismatic_Spring_%28view_from_the_west%29.jpg 2x" data-file-width="3500" data-file-height="2800"/></a></span></li> <li>Einrückung, Einrückung, Einrückung</li></ul></li></ul> <p>Um dies zu verhindern, schreibt man einen Zeilenvorschub <code style="white-space:nowrap"><br /></code> vor den Dateinamen, wodurch das Bild darunter gesetzt wird, ohne den Absatz zu zerstören: </p> <pre>* Absatz ** Einrückung ** Einrückung<br /> [[Datei:<i>Dateiname</i>|<i>…px</i>|<i>Dateibeschreibung/Tooltip</i>]] ** Einrückung </pre> <ul><li>Absatz <ul><li>Einrückung</li> <li>Einrückung<br/> <span typeof="mw:File"><a href="/wiki/Datei:Aerial_image_of_Grand_Prismatic_Spring_(view_from_the_west).jpg" class="mw-file-description" title="Luftaufnahme der Grand Prismatic Spring"><img alt="" src="//upload.wikimedia.org/wikipedia/commons/thumb/0/0a/Aerial_image_of_Grand_Prismatic_Spring_%28view_from_the_west%29.jpg/120px-Aerial_image_of_Grand_Prismatic_Spring_%28view_from_the_west%29.jpg" decoding="async" width="120" height="96" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/0/0a/Aerial_image_of_Grand_Prismatic_Spring_%28view_from_the_west%29.jpg/180px-Aerial_image_of_Grand_Prismatic_Spring_%28view_from_the_west%29.jpg 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/0/0a/Aerial_image_of_Grand_Prismatic_Spring_%28view_from_the_west%29.jpg/240px-Aerial_image_of_Grand_Prismatic_Spring_%28view_from_the_west%29.jpg 2x" data-file-width="3500" data-file-height="2800"/></a></span></li> <li>Einrückung</li></ul></li></ul> <div class="mw-heading mw-heading2 ext-discussiontools-init-section"><h2 id="Bildgröße" data-mw-thread-id="h-Bildgröße"><span id="Bildgr.C3.B6.C3.9Fe"></span><span data-mw-comment-start="" id="h-Bildgröße"></span>Bildgröße<span data-mw-comment-end="h-Bildgröße"></span></h2></div> <p>Gutes Webdesign zeichnet sich dadurch aus, dass es auf vielen verschiedenen Browsern und auch in der <a href="/wiki/Wikipedia:Unterwegs" title="Wikipedia:Unterwegs">mobilen Ansicht</a> übersichtlich dargestellt wird. </p><p>Die Darstellung eines Wikipedia-Artikels als Webseite auf dem jeweils verwendeten Wiedergabegerät hängt von verschiedenen Faktoren ab: </p> <ul><li>der Fensterbreite des Browsers, beschränkt durch Bildschirmbreite und -auflösung,</li> <li>der Art und den Einstellungen des verwendeten <a href="/wiki/Webbrowser" title="Webbrowser">Browsers</a>,</li> <li>der <a href="/wiki/Spezial:Einstellungen#mw-prefsection-rendering" title="Spezial:Einstellungen">Anzeige-Einstellungen</a> der Wikipedia-Software (hier kann u. a. die Standard-Anzeigegröße der Vorschaubilder vorgegeben werden) und</li> <li>der Verwendung besonderer Technologien, etwa für Sehbehinderte.</li></ul> <p>Die spätere Darstellung des Artikels kann daher bei der Erstellung nicht genau festgelegt werden. </p><p>Um die dynamische Anpassung der Bildgröße für die verschiedenen Anwendungsfälle zu ermöglichen, sollte auf die starre Vorgabe der Bildgrößen (in Pixeln) im Quelltext des Artikels möglichst verzichtet werden. Die Leser haben in Bezug auf die Bildgröße unterschiedliche Bedürfnisse und möglicherweise die Anzeigeeinstellungen entsprechend angepasst. Statisch perfektioniertes Layout wird nur für gedruckte Ausgaben wie den <a href="/wiki/Wikipedia:WikiReader" title="Wikipedia:WikiReader">WikiReader</a> benötigt. </p> <div class="mw-heading mw-heading3"><h3 id="Originalgröße" data-mw-thread-id="h-Originalgröße-Bildgröße"><span id="Originalgr.C3.B6.C3.9Fe"></span><span data-mw-comment-start="" id="h-Originalgröße-Bildgröße"></span><span id="gerahmt"></span>Originalgröße<span data-mw-comment-end="h-Originalgröße-Bildgröße"></span></h3></div> <p>Ohne die Angabe <code>mini</code>, <code>miniatur</code> oder <code>thumb</code> wird das Bild in Originalgröße, rahmenlos und links im Artikel angezeigt. Die Bildlegende wird beim Platzieren der Maus über dem Bild (sogenannter <a href="/wiki/Tooltip" title="Tooltip">Tooltip</a>) sichtbar. </p><p>Durch den Parameter <code>gerahmt</code> bekommt das Bild einen Rahmen, wird auf jeden Fall in Originalgröße dargestellt (alle Skalierungen werden ignoriert) und immer an den rechten Rand verschoben. Die Bildlegende ist immer sichtbar. </p> <table border="1" style="border-collapse:collapse"> <tbody><tr> <th>Eingabe </th> <th>Ergebnis </th> <th>Bemerkungen </th></tr> <tr> <td class="hintergrundfarbe5"><code>[[Datei:Feather 150 transparent.png|Feder]]</code> </td> <td><span class="mw-default-size" typeof="mw:File"><a href="/wiki/Datei:Feather_150_transparent.png" class="mw-file-description" title="Feder"><img alt="" src="//upload.wikimedia.org/wikipedia/commons/b/b7/Feather_150_transparent.png" decoding="async" width="365" height="310" class="mw-file-element" data-file-width="365" data-file-height="310"/></a></span> </td> <td>Bild am linken Rand,<br/>kein Rand, keine Legende </td></tr> <tr> <td class="hintergrundfarbe5"><code>[[Datei:Feather 150 transparent.png|gerahmt|Eine Feder mit Rahmen]]</code> </td> <td><figure typeof="mw:File/Frame"><a href="/wiki/Datei:Feather_150_transparent.png" class="mw-file-description"><img src="//upload.wikimedia.org/wikipedia/commons/b/b7/Feather_150_transparent.png" decoding="async" width="365" height="310" class="mw-file-element" data-file-width="365" data-file-height="310"/></a><figcaption>Eine Feder mit Rahmen</figcaption></figure> </td> <td>Bild am rechten Rand,<br/>gerahmt, mit Legende </td></tr></tbody></table> <p>In der Regel wird die Darstellung in Originalgröße nicht gewünscht. Manche Bilder würden die gesamte Breite der Seite einnehmen und hätten eine lange Ladezeit. Stattdessen wird eine verkleinerte Vorschauansicht eingesetzt, eine so genannte <a href="#Miniatur">Miniatur</a>. </p> <div class="mw-heading mw-heading3"><h3 id="Feste_Skalierung" data-mw-thread-id="h-Feste_Skalierung-Bildgröße"><span data-mw-comment-start="" id="h-Feste_Skalierung-Bildgröße"></span><span id="px"></span>Feste Skalierung<span data-mw-comment-end="h-Feste_Skalierung-Bildgröße"></span></h3></div> <p>Außerhalb von <a href="/wiki/Hilfe:Infoboxen" title="Hilfe:Infoboxen">Infoboxen</a> und in einigen Fällen bei <a href="/wiki/Hilfe:Tabellen" title="Hilfe:Tabellen">Tabellen</a> sollten keine festen Bildbreiten verwendet werden, weil sie die persönlichen Einstellungen überschreiben, die beispielsweise für Sehbehinderte wichtig sind. Für den Fließtext im <a href="/wiki/Hilfe:Namensr%C3%A4ume" title="Hilfe:Namensräume">Artikelnamensraum</a> gibt es <a href="#Miniatur">Miniaturen</a> in Verbindung mit der <i>automatischen Skalierung:</i> Um ein Bild in besonderen Fällen dennoch größer – etwa Landkarten mit integrierter Legende, Abbildungen mit für den Artikel wichtigen Details oder textergänzende Grafiken – als auch kleiner darzustellen, kann der „hochkant“-Parameter verwendet werden. Damit erfolgt eine prozentuale Skalierung, die sich an den Benutzereinstellungen orientiert. </p> <figure typeof="mw:File/Thumb"><a href="/wiki/Datei:Feather.svg" class="mw-file-description"><img src="//upload.wikimedia.org/wikipedia/commons/thumb/4/40/Feather.svg/100px-Feather.svg.png" decoding="async" width="100" height="83" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/4/40/Feather.svg/150px-Feather.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/4/40/Feather.svg/200px-Feather.svg.png 2x" data-file-width="400" data-file-height="332"/></a><figcaption>Text der Bildlegende</figcaption></figure> <p>Mit <code>[[Datei:Feather.svg|mini|<b>100px</b>|Text der Bildlegende]]</code> wird die Breite des generierten Bildes auf 100 Pixel festgelegt (Standardgröße, keine Definition: 220 Pixel oder der Vorgabewert des Benutzers). </p><p>Mit <code>[[Datei:Feather.svg|mini|<b>x100px</b>|Text der Bildlegende]]</code> wird die Höhe des Bildes festgelegt. Die zugehörige Breite wird aus dem Seitenverhältnis automatisch berechnet. Hinweis für Experten: <small>Wegen <a href="https://phabricator.wikimedia.org/T36974" class="extiw" title="phab:T36974">phab:T36974</a> <small style="font-weight:normal">(<a class="external text" href="https://old-bugzilla.wikimedia.org/show_bug.cgi?id=34974">Bugzilla:34974</a>)</small> kann es bei manchen Seitenverhältnissen und Höhenangaben dazu kommen, dass die eigentlich angefragte Höhe nicht serverseitig verfügbar ist – die nächstkleinere Bildhöhe wird dann verwendet und der Browser angewiesen, auf die passende Höhe zu skalieren, wodurch es je nach Art der Skalierung im Browser zu Artefakten kommen kann.</small> </p><p>Wenn man mit <code>[[Datei:Feather.svg|mini|<b>100x100px</b>|Text der Bildlegende]]</code> sowohl die Maximalbreite als auch die Maximalhöhe angibt <i>(Maximalbreite</i><code>x</code><i>Maximalhöhe)</i>, wird der im Verhältnis kleinere Wert genommen. In diesem Beispiel würde das Bild weder breiter noch höher als 100 Pixel werden. Das Zeichen zwischen den beiden Zahlen ist kein Mal-Zeichen, sondern der (kleine) Buchstabe x. </p> <div class="mw-heading mw-heading3"><h3 id="Automatische_Skalierung_mit_hochkant" data-mw-thread-id="h-Automatische_Skalierung_mit_hochkant-Bildgröße"><span data-mw-comment-start="" id="h-Automatische_Skalierung_mit_hochkant-Bildgröße"></span><span id="hochkant"></span><span id="upright"></span>Automatische Skalierung mit <code>hochkant</code><span data-mw-comment-end="h-Automatische_Skalierung_mit_hochkant-Bildgröße"></span></h3></div> <p>Standardmäßig werden Bilder mit <code>mini</code>-Eigenschaft anhand ihrer Breite skaliert. Mehrere untereinander stehende Bilder mit <code>mini</code>-Parameter werden also gleich breit sein, unabhängig von ihrer jeweiligen Höhe. Bei Bildern im Hochkantformat bedeutet dies, dass sie im Vergleich zu querformatigen Bildern mehr Fläche im Artikel einnehmen und somit größer wirken. Ein Beispiel: Ein Hochformat-Bild im Verhältnis 3:2 nimmt gegenüber einem Querformat-Bild im Verhältnis 2:3 bereits die 2,3-fache Fläche im Artikel ein; dies wird umso extremer, je größer das Bildverhältnis ist. </p><p><b>Beispiel</b> anhand eines Bildes mit extremem Seitenverhältnis (ausklappen zur Anzeige): </p> <div style="clear:both; padding-left:0em; padding-right:0" class="mw-collapsible mw-collapsed hintergrundfarbe5"><wbr/> <div class="mw-collapsible-content"><hr/> <figure class="mw-default-size" typeof="mw:File/Thumb"><a href="/wiki/Datei:Dortmund_Florianturm_nachts_IMGP8456.jpg" class="mw-file-description"><img src="//upload.wikimedia.org/wikipedia/commons/thumb/9/99/Dortmund_Florianturm_nachts_IMGP8456.jpg/110px-Dortmund_Florianturm_nachts_IMGP8456.jpg" decoding="async" width="110" height="331" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/9/99/Dortmund_Florianturm_nachts_IMGP8456.jpg/165px-Dortmund_Florianturm_nachts_IMGP8456.jpg 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/9/99/Dortmund_Florianturm_nachts_IMGP8456.jpg/220px-Dortmund_Florianturm_nachts_IMGP8456.jpg 2x" data-file-width="797" data-file-height="2400"/></a><figcaption>Turmbild mit „hochkant=0.5“-<br/>Angabe</figcaption></figure> <div class="tright" style="clear:none;"><figure class="mw-default-size mw-halign-none" typeof="mw:File/Thumb"><a href="/wiki/Datei:Dortmund_Florianturm_nachts_IMGP8456.jpg" class="mw-file-description"><img src="//upload.wikimedia.org/wikipedia/commons/thumb/9/99/Dortmund_Florianturm_nachts_IMGP8456.jpg/170px-Dortmund_Florianturm_nachts_IMGP8456.jpg" decoding="async" width="170" height="512" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/9/99/Dortmund_Florianturm_nachts_IMGP8456.jpg/255px-Dortmund_Florianturm_nachts_IMGP8456.jpg 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/9/99/Dortmund_Florianturm_nachts_IMGP8456.jpg/340px-Dortmund_Florianturm_nachts_IMGP8456.jpg 2x" data-file-width="797" data-file-height="2400"/></a><figcaption>Turmbild mit „hochkant“-Angabe ohne Faktor</figcaption></figure></div> <div class="tright" style="clear:none;"><figure class="mw-default-size mw-halign-none" typeof="mw:File/Thumb"><a href="/wiki/Datei:Dortmund_Florianturm_nachts_IMGP8456.jpg" class="mw-file-description"><img src="//upload.wikimedia.org/wikipedia/commons/thumb/9/99/Dortmund_Florianturm_nachts_IMGP8456.jpg/220px-Dortmund_Florianturm_nachts_IMGP8456.jpg" decoding="async" width="220" height="662" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/9/99/Dortmund_Florianturm_nachts_IMGP8456.jpg/330px-Dortmund_Florianturm_nachts_IMGP8456.jpg 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/9/99/Dortmund_Florianturm_nachts_IMGP8456.jpg/440px-Dortmund_Florianturm_nachts_IMGP8456.jpg 2x" data-file-width="797" data-file-height="2400"/></a><figcaption>Turmbild ohne „hochkant“-Angabe. Dem Bild wird die Standard-Breite für Vorschaubilder zugewiesen, wodurch sich aufgrund des Bildverhältnisses eine enorme Höhe ergibt.</figcaption></figure></div> <div style="clear:both;"></div></div></div> <p>Um diesem Effekt entgegenzuwirken, existiert der Parameter <code>hochkant</code> bzw. <code>upright</code>.<sup id="cite_ref-parameter.en.de_1-5" class="reference"><a href="#cite_note-parameter.en.de-1"><span class="cite-bracket">[</span>1<span class="cite-bracket">]</span></a></sup> Damit wird das entsprechende Bild in der Breite um den Faktor 0,75 schmaler dargestellt, was einen überproportional starken Effekt auf die Bildfläche hat. Dem Parameter <code>hochkant</code> kann außerdem ein Faktor mitgegeben werden, falls es sich um sehr hohe Bilder handelt, bei denen eine Skalierung auf 0,75 noch nicht reicht. Die Standard-Bildbreite im Miniaturmodus wird dann mit dem Faktor multipliziert. Stark hochkante Bilder können mit einem Faktor kleiner als 0,75 somit noch schmaler dargestellt werden. </p><p>Darüber hinaus ist es möglich, diesen Faktor auch für Bilder zu verwenden, die breiter dargestellt werden sollen als der Standard – dann ist ein Faktor größer als 1 zu verwenden. So kann ein Panoramabild ohne weitere Parameter deutlich zu klein erscheinen. </p><p>Grundsätzlich sollte mit dem Einsatz von <code>hochkant</code> behutsam umgegangen werden, um eine einheitliche Darstellung in den Artikeln zu erzeugen. Dies gilt insbesondere für die Verwendung des optionalen Faktors, wie vorstehend beschrieben. Ein möglicher Nachteil der Verwendung des <code>hochkant</code>-Parameters ist, dass hierdurch bei hochformatigen Bildern zwar die Bildfläche ähnlich zu querformatigen Bildern bleibt, durch die unterschiedliche Breite aber ein unruhiges Erscheinungsbild des Artikels entstehen könnte. Es kann also auch angemessen sein, auf den Parameter zu verzichten, wodurch hochformatige Bilder mehr Fläche einnehmen, aber bündig zu den anderen Bildern im Artikel stehen. Dies muss im Zweifelsfall individuell abgewogen werden. </p><p><b>Code-Beispiele:</b> </p><p><code>[[Datei:Bildname.jpg|mini|hochkant|Ohne „px“-, aber mit „hochkant“-Angabe]]</code> </p><p><code>[[Datei:Bildname.jpg|mini|hochkant=0.5|Ohne „px“-, aber mit „hochkant=0.5“-Angabe]]</code> </p><p><code>[[Datei:Panorama.jpg|mini|hochkant=1.8|Skalierbare Vergrößerung mit 180 % der Standardbreite bei einem sehr breitformatigen Foto (Panorama)]]</code> </p><p><b>Zu beachten:</b> </p> <ul><li><code>hochkant</code> muss nicht bei sämtlichen Bildern angegeben werden, die höher als breit sind. Es dient dazu, Bilder mit ungewöhnlichen oder stark unterschiedlichen Seitenverhältnissen bezüglich der Darstellungsfläche harmonisch anzupassen.</li> <li>Der Faktor bei Dezimalbrüchen muss mit Punkt anstatt Komma angegeben werden (Beispiel: <code>1.8</code> anstatt <code>1,8</code>).</li> <li>Die Breite der so berechneten Vorschaubilder wird immer auf den nächsthöheren 10er-Wert aufgerundet.</li> <li><code>hochkant</code> kann nicht dafür eingesetzt werden, um sehr kleine Vorlagen, wie zum Beispiel SVGs mit zu geringer Basisgröße, zu vergrößern, das geht derzeit nur mit fester Größenangabe wie im Abschnitt „<a href="#Feste_Skalierung">Feste Skalierung</a>“ beschrieben.</li></ul> <p>Die automatische Skalierung per <code>hochkant</code> funktioniert nicht nur zusammen mit dem Parameter <code>mini</code>, sondern auch mit <code>rahmenlos</code>. Sie funktioniert jedoch nicht ohne einen der beiden Parameter. </p> <div class="tleft" style="clear:none;"><figure class="mw-default-size" typeof="mw:File/Thumb"><a href="/wiki/Datei:Forestry_Forwarder_%C3%96sa_250_2.jpg" class="mw-file-description"><img src="//upload.wikimedia.org/wikipedia/commons/thumb/9/98/Forestry_Forwarder_%C3%96sa_250_2.jpg/400px-Forestry_Forwarder_%C3%96sa_250_2.jpg" decoding="async" width="400" height="164" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/9/98/Forestry_Forwarder_%C3%96sa_250_2.jpg/600px-Forestry_Forwarder_%C3%96sa_250_2.jpg 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/9/98/Forestry_Forwarder_%C3%96sa_250_2.jpg/800px-Forestry_Forwarder_%C3%96sa_250_2.jpg 2x" data-file-width="4000" data-file-height="1640"/></a><figcaption>Skalierbare Vergrößerung mit 180 % der Standardbreite bei einem sehr breitformatigen Foto (Panorama), mit „hochkant=1.8“</figcaption></figure></div> <div style="clear:both;"></div> <div class="mw-heading mw-heading3"><h3 id="Panoramabilder" data-mw-thread-id="h-Panoramabilder-Bildgröße"><span data-mw-comment-start="" id="h-Panoramabilder-Bildgröße"></span>Panoramabilder<span data-mw-comment-end="h-Panoramabilder-Bildgröße"></span></h3></div> <p>Panoramabilder einzubinden ist immer eine gewisse Herausforderung. Grund dafür ist, dass die Größe des Browser-Fensters des Lesers nicht direkt ermittelt werden kann: Also sollte das Bild nie größer werden als die Breite der Druckversion. </p><p>Im Moment können dafür die Vorlagen <samp>{{<a href="/wiki/Vorlage:Panorama" title="Vorlage:Panorama">Panorama</a>}}</samp> und <samp>{{<a href="/wiki/Vorlage:Gro%C3%9Fe_Imagemap" title="Vorlage:Große Imagemap">Große Imagemap</a>}}</samp> verwendet werden: </p><p><code>{{Panorama|Panorama Schwerin Wasserturm Neumuehle.jpg|2000|Panoramabild Schwerins}}</code> </p> <div style="box-sizing:border-box;clear:{{{clear}}}; max-width:100%;margin-top:0.1em; margin-bottom:0.1em; margin-left:auto; margin-right:auto;"><div class="thumbinner centered panorama" style="max-width:2002px; width: 100%; width: inherit;"><div class="thumbimage noresize" style="overflow-y:hidden; overflow-x:scroll; overflow:auto; width:100%; width:inherit;"><span typeof="mw:File"><a href="/wiki/Datei:Panorama_Schwerin_Wasserturm_Neumuehle.jpg" class="mw-file-description"><img alt="" src="//upload.wikimedia.org/wikipedia/commons/thumb/6/65/Panorama_Schwerin_Wasserturm_Neumuehle.jpg/2000px-Panorama_Schwerin_Wasserturm_Neumuehle.jpg" decoding="async" width="2000" height="154" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/6/65/Panorama_Schwerin_Wasserturm_Neumuehle.jpg/3000px-Panorama_Schwerin_Wasserturm_Neumuehle.jpg 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/6/65/Panorama_Schwerin_Wasserturm_Neumuehle.jpg/4000px-Panorama_Schwerin_Wasserturm_Neumuehle.jpg 2x" data-file-width="11070" data-file-height="852"/></a></span></div><div class="thumbcaption" style="text-align: center;"><div class="magnify"><a href="/wiki/Datei:Panorama_Schwerin_Wasserturm_Neumuehle.jpg" title="Datei:Panorama Schwerin Wasserturm Neumuehle.jpg">vergrößern und Informationen zum Bild anzeigen</a></div><div style="float:right; margin:0 3px"><span class="skin-invert" typeof="mw:File"><a href="https://tools.wmflabs.org/zoomviewer/?flash=no&f=Panorama+Schwerin+Wasserturm+Neumuehle.jpg" title="Interaktiver Bildbetrachter"><img alt="" src="//upload.wikimedia.org/wikipedia/commons/thumb/8/81/Magnifying_glass.svg/12px-Magnifying_glass.svg.png" decoding="async" width="12" height="12" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/8/81/Magnifying_glass.svg/18px-Magnifying_glass.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/8/81/Magnifying_glass.svg/24px-Magnifying_glass.svg.png 2x" data-file-width="110" data-file-height="110"/></a></span></div><div style="float:left; width:30px; height:12px;"></div>Panoramabild Schwerins</div></div></div> <p>und mit verlinktem Gittermast im Vordergrund (siehe dazu auch: Abschnitt „<a href="/wiki/Hilfe:Imagemap" title="Hilfe:Imagemap">Imagemaps</a>“): </p> <pre>{{Große Imagemap|<imagemap>Datei:Panorama Schwerin Wasserturm Neumuehle.jpg|2000px rect 1992 0 2124 852 [[Gittermast]] desc bottom-left</imagemap>|Panoramabild Schwerins}} </pre> <div class="thumb tnone"><div class="thumbinner" style="overflow:auto;margin-bottom:1ex; clear:both;"><div class="thumbimage" style="overflow-y:hidden; overflow-x:scroll; width: 100%; text-align:left; position:relative;"><figure class="noresize mw-ext-imagemap-desc-bottom-left" typeof="mw:File"><span><img src="//upload.wikimedia.org/wikipedia/commons/thumb/6/65/Panorama_Schwerin_Wasserturm_Neumuehle.jpg/2000px-Panorama_Schwerin_Wasserturm_Neumuehle.jpg" decoding="async" width="2000" height="154" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/6/65/Panorama_Schwerin_Wasserturm_Neumuehle.jpg/3000px-Panorama_Schwerin_Wasserturm_Neumuehle.jpg 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/6/65/Panorama_Schwerin_Wasserturm_Neumuehle.jpg/4000px-Panorama_Schwerin_Wasserturm_Neumuehle.jpg 2x" data-file-width="11070" data-file-height="852" usemap="#ImageMap_05b92584e537bf50" resource="/wiki/Datei:Panorama_Schwerin_Wasserturm_Neumuehle.jpg"/></span><map name="ImageMap_05b92584e537bf50"><area href="/wiki/Gittermast" shape="rect" coords="360,0,384,154" alt="Gittermast" title="Gittermast"/></map><figcaption></figcaption></figure></div><div class="thumbcaption" style="text-align:center;">Panoramabild Schwerins</div></div></div> <p>Diese Vorlagen sollen wegen der fehlenden <a href="/wiki/Barrierefreiheit" title="Barrierefreiheit">Barrierefreiheit</a> nur verwendet werden, wenn das Seitenverhältnis des Bildes über 4:1 ist (wie beim verwendeten Beispielbild; es ist 13:1). Ansonsten (unter 4:1) reicht Folgendes: </p><p>Als Workaround kann auch die Galeriefunktion verwendet werden. Wird dem gallery-Tag nur ein Bild mitgegeben und die gewünschte Höhe sehr groß gewählt (im Beispiel heights="1000"), dann versucht die Galeriefunktion das Bild nicht breiter als den vorhandenen Platz werden zu lassen. Das Bild nimmt also die gesamte zur Verfügung stehende Bildschirmbreite ein, ist aber niedriger als der angegebene Wert für heights. </p><p>Dieser Workaround hat auch den Vorteil, dass die Bilder in der Druckversion auf die Breite des Papiers angepasst werden. Nachteil ist eine etwas geringere Performance, da die Rechenleistung höher ist. Die Performance kann man aber verbessern, indem man die Bildhöhe statt auf 1000 auf einen Wert setzt, für den es bereits fertige Bilder gibt. Die Werte der fertigen Bilder lassen sich einfach ermitteln: in unserem Beispiel sind sie <a href="https://commons.wikimedia.org/wiki/File:Panorama_Schwerin_Wasserturm_Neumuehle.jpg" class="extiw" title="c:File:Panorama Schwerin Wasserturm Neumuehle.jpg">Commons</a> direkt unter dem Bild hinter „Weitere Auflösungen:“ angegeben. Unten wählen wir daher eine Höhe von 79, um das Bild mit der Auflösung 1.024 × 79 Pixel zu benutzen. </p> <pre><gallery caption="Breites Bild via gallery" mode="packed" heights="79" perrow="1"> Panorama Schwerin Wasserturm Neumuehle.jpg|Panoramabild Schwerins </gallery> </pre> <ul class="gallery mw-gallery-packed"> <li class="gallerycaption">Breites Bild via gallery</li> <li class="gallerybox" style="width: 892px"> <div class="thumb" style="width: 890px;"><span typeof="mw:File"><a href="/wiki/Datei:Panorama_Schwerin_Wasserturm_Neumuehle.jpg" class="mw-file-description" title="Panoramabild Schwerins"><img alt="Panoramabild Schwerins" src="//upload.wikimedia.org/wikipedia/commons/thumb/6/65/Panorama_Schwerin_Wasserturm_Neumuehle.jpg/1335px-Panorama_Schwerin_Wasserturm_Neumuehle.jpg" decoding="async" width="890" height="69" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/6/65/Panorama_Schwerin_Wasserturm_Neumuehle.jpg/2003px-Panorama_Schwerin_Wasserturm_Neumuehle.jpg 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/6/65/Panorama_Schwerin_Wasserturm_Neumuehle.jpg/2670px-Panorama_Schwerin_Wasserturm_Neumuehle.jpg 2x" data-file-width="11070" data-file-height="852"/></a></span></div> <div class="gallerytext">Panoramabild Schwerins</div> </li> </ul> <div class="mw-heading mw-heading3"><h3 id="Beschriftete_Panoramabilder" data-mw-thread-id="h-Beschriftete_Panoramabilder-Bildgröße"><span data-mw-comment-start="" id="h-Beschriftete_Panoramabilder-Bildgröße"></span>Beschriftete Panoramabilder<span data-mw-comment-end="h-Beschriftete_Panoramabilder-Bildgröße"></span></h3></div> <p>Unter <a href="/wiki/Hilfe:Bilder/beschriftete_Panoramabilder" title="Hilfe:Bilder/beschriftete Panoramabilder">Hilfe:Bilder/beschriftete Panoramabilder</a> sind verschiedene Varianten zu finden. <br/>Durch Einbinden der <a href="/wiki/Vorlage:%C2%B0Skale" title="Vorlage:°Skale">Vorlage:°Skale</a> kann man unter dem Bild die Himmelsrichtungen und/oder eine Kompassskala anzeigen. </p> <div class="mw-heading mw-heading3"><h3 id="360°-Kugelpanoramen" data-mw-thread-id="h-360°-Kugelpanoramen-Bildgröße"><span id="360.C2.B0-Kugelpanoramen"></span><span data-mw-comment-start="" id="h-360°-Kugelpanoramen-Bildgröße"></span>360°-Kugelpanoramen<span data-mw-comment-end="h-360°-Kugelpanoramen-Bildgröße"></span></h3></div> <figure class="mw-default-size" typeof="mw:File/Thumb"><a href="https://panoviewer.toolforge.org/#Chapel_Royal_360x180,_Dublin_Castle,_Dublin,_Ireland_-_Diliff.jpg"><img resource="/wiki/Datei:Chapel_Royal_360x180,_Dublin_Castle,_Dublin,_Ireland_-_Diliff.jpg" src="//upload.wikimedia.org/wikipedia/commons/thumb/0/05/Chapel_Royal_360x180%2C_Dublin_Castle%2C_Dublin%2C_Ireland_-_Diliff.jpg/310px-Chapel_Royal_360x180%2C_Dublin_Castle%2C_Dublin%2C_Ireland_-_Diliff.jpg" decoding="async" width="310" height="155" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/0/05/Chapel_Royal_360x180%2C_Dublin_Castle%2C_Dublin%2C_Ireland_-_Diliff.jpg/465px-Chapel_Royal_360x180%2C_Dublin_Castle%2C_Dublin%2C_Ireland_-_Diliff.jpg 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/0/05/Chapel_Royal_360x180%2C_Dublin_Castle%2C_Dublin%2C_Ireland_-_Diliff.jpg/620px-Chapel_Royal_360x180%2C_Dublin_Castle%2C_Dublin%2C_Ireland_-_Diliff.jpg 2x" data-file-width="18000" data-file-height="9000"/></a><figcaption>Die königliche Kapelle in <a href="/wiki/Dublin_Castle" title="Dublin Castle">Dublin Castle</a><br/><small><a class="external text" href="https://panoviewer.toolforge.org/#Chapel_Royal_360x180,_Dublin_Castle,_Dublin,_Ireland_-_Diliff.jpg">Als Kugelpanorama anzeigen</a></small></figcaption></figure> <p><b><a href="/wiki/Kugelpanorama" title="Kugelpanorama">Kugelpanoramen</a></b> oder <b>sphärische Panoramen</b> sind <a href="/wiki/Panoramabild" title="Panoramabild">Panoramabilder</a>, bei denen sämtliche Blickwinkel wiedergegeben werden, die von einem Standpunkt aus sichtbar sind. Auf solchen <a href="/wiki/Fotografie" title="Fotografie">Fotografien</a> wird also ein <a href="/wiki/Bildwinkel" title="Bildwinkel">Bildwinkel</a> von 360° in der Breite und 180° in der Höhe wiedergegeben. Sie decken also die vollständige Oberfläche einer <a href="/wiki/Kugel" title="Kugel">Kugel</a> ab, in deren Mittelpunkt der Aufnahmestandpunkt liegt. </p> <ul><li>Bei einer Einbindung analog zu einem normalen Foto erscheint nur ein verzerrtes Bild, das für Wikipedia-Artikel wenig Nutzen bringt</li> <li>Die Wikimedia-Software stellt ein Kugelpanorama derzeit nur mit Hilfe einer Vorlage dar: {{PanoViewer|Dateiname|Bildbeschreibung}} Die Vorschau entspricht der verzerrten Darstellung bei normaler Einbindung, nach Mausklick öffnet sich aber ein entsprechender Bildbetrachter für das Kugelpanorama.</li> <li>Auf der Commons-Bildbeschreibungsseite sollte die Vorlage {{Pano360}} eingesetzt werden, die ebenfalls den Einsatz des Betrachters ermöglicht</li> <li>Videos können derzeit noch gar nicht eingebunden werden</li></ul> <div class="mw-heading mw-heading2 ext-discussiontools-init-section"><h2 id="Verlinkung" data-mw-thread-id="h-Verlinkung"><span data-mw-comment-start="" id="h-Verlinkung"></span>Verlinkung<span data-mw-comment-end="h-Verlinkung"></span></h2></div> <div class="mw-heading mw-heading3"><h3 id="Von_der_Dateibeschreibungsseite_abweichendes_Linkziel" data-mw-thread-id="h-Von_der_Dateibeschreibungsseite_abweichendes_Linkziel-Verlinkung"><span data-mw-comment-start="" id="h-Von_der_Dateibeschreibungsseite_abweichendes_Linkziel-Verlinkung"></span><span id="Link"></span><span id="Verweis"></span><span id="link"></span><span id="verweis"></span>Von der Dateibeschreibungsseite abweichendes Linkziel<span data-mw-comment-end="h-Von_der_Dateibeschreibungsseite_abweichendes_Linkziel-Verlinkung"></span></h3></div> <p>Hin und wieder kann es praktisch sein, dass man bei einem Klick auf das Bild nicht zur Dateibeschreibungsseite, sondern zum Beispiel zu einem anderen Artikel gelangt; Beispiel: die Datei <span typeof="mw:File"><a href="/wiki/Abfalleimer" title="Abfalleimer"><img src="//upload.wikimedia.org/wikipedia/commons/thumb/d/d9/Gnome-fs-trash-empty.svg/30px-Gnome-fs-trash-empty.svg.png" decoding="async" width="30" height="30" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/d/d9/Gnome-fs-trash-empty.svg/45px-Gnome-fs-trash-empty.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/d/d9/Gnome-fs-trash-empty.svg/60px-Gnome-fs-trash-empty.svg.png 2x" data-file-width="160" data-file-height="160"/></a></span>, die zum Artikel „Abfalleimer“ führt. </p><p>Hierfür gibt es den Parameter <code>verweis</code> (Kleinschreibung beachten!) bzw. <code>link</code>.<sup id="cite_ref-parameter.en.de_1-6" class="reference"><a href="#cite_note-parameter.en.de-1"><span class="cite-bracket">[</span>1<span class="cite-bracket">]</span></a></sup> Hinter <code>verweis=</code> wird die Zielseite bzw. der Abschnitt angegeben (ohne <code>[[ ]]</code>). </p><p>Das <i>Bild nicht anklickbar </i>zu<i> machen</i> ist auch möglich: Wenn hinter dem Gleichheitszeichen nichts steht (leer), ist das Bild kein Link: <span class="mw-default-size" typeof="mw:File"><span><img src="//upload.wikimedia.org/wikipedia/commons/thumb/1/19/QS_icon_grey_empty.svg/16px-QS_icon_grey_empty.svg.png" decoding="async" width="16" height="16" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/1/19/QS_icon_grey_empty.svg/24px-QS_icon_grey_empty.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/1/19/QS_icon_grey_empty.svg/32px-QS_icon_grey_empty.svg.png 2x" data-file-width="24" data-file-height="24"/></span></span> </p> <div class="Vorlage_Achtung" style="border:0.18em solid #FF6666; border-left:1em solid #FF6666; margin:0.5em 0em; overflow:hidden; padding:0.5em; text-align:left; width:auto; box-sizing:border-box;"> <p><i>Achtung:</i> Nur bei gemeinfreien Bildern (vom Autor als gemeinfrei angegeben oder Bild ohne <a href="/wiki/Sch%C3%B6pfungsh%C3%B6he" title="Schöpfungshöhe">Schöpfungshöhe</a>) darf <code>verweis</code> angegeben werden! Ansonsten entspricht die Einbindung nicht mehr der angegebenen Lizenz, die einen Link zur Dateibeschreibungsseite erfordert. </p> </div> <table border="1" style="border-collapse:collapse"> <tbody><tr> <th>Eingabe </th> <th>Ergebnis </th></tr> <tr class="center"> <td class="hintergrundfarbe5"><code>In den [[Datei:Gnome-fs-trash-empty.svg|30px|verweis=Abfalleimer]] damit!</code> </td> <td>In den <span typeof="mw:File"><a href="/wiki/Abfalleimer" title="Abfalleimer"><img src="//upload.wikimedia.org/wikipedia/commons/thumb/d/d9/Gnome-fs-trash-empty.svg/30px-Gnome-fs-trash-empty.svg.png" decoding="async" width="30" height="30" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/d/d9/Gnome-fs-trash-empty.svg/45px-Gnome-fs-trash-empty.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/d/d9/Gnome-fs-trash-empty.svg/60px-Gnome-fs-trash-empty.svg.png 2x" data-file-width="160" data-file-height="160"/></a></span> damit! </td></tr> <tr> <td class="hintergrundfarbe5"><code>[[Datei:Gnome-fs-trash-empty.svg|links|verweis=Abfalleimer]] Viele Verwendungen von „imagemap“ gehören in den Abfalleimer! Imagemaps ermöglichen anklickbare Bildbereiche. Wenn das ganze Bild klickbar sein soll, reicht meist „datei“ mit Verweis.</code> </td> <td><figure class="mw-default-size mw-halign-left" typeof="mw:File"><a href="/wiki/Abfalleimer" title="Abfalleimer"><img src="//upload.wikimedia.org/wikipedia/commons/thumb/d/d9/Gnome-fs-trash-empty.svg/160px-Gnome-fs-trash-empty.svg.png" decoding="async" width="160" height="160" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/d/d9/Gnome-fs-trash-empty.svg/240px-Gnome-fs-trash-empty.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/d/d9/Gnome-fs-trash-empty.svg/320px-Gnome-fs-trash-empty.svg.png 2x" data-file-width="160" data-file-height="160"/></a><figcaption></figcaption></figure> Viele Verwendungen von „imagemap“ gehören in den Abfalleimer! Imagemaps ermöglichen anklickbare Bildbereiche. Wenn das ganze Bild klickbar sein soll, reicht meist „datei“ mit Verweis. </td></tr></tbody></table> <figure class="mw-default-size" typeof="mw:File/Thumb"><a href="/wiki/Abfalleimer" title="Abfalleimer"><img resource="/wiki/Datei:Gnome-fs-trash-empty.svg" src="//upload.wikimedia.org/wikipedia/commons/thumb/d/d9/Gnome-fs-trash-empty.svg/170px-Gnome-fs-trash-empty.svg.png" decoding="async" width="170" height="170" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/d/d9/Gnome-fs-trash-empty.svg/255px-Gnome-fs-trash-empty.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/d/d9/Gnome-fs-trash-empty.svg/340px-Gnome-fs-trash-empty.svg.png 2x" data-file-width="160" data-file-height="160"/></a><figcaption>Noch ist er leer …</figcaption></figure> <p>Auch bei Miniatur funktioniert <code>verweis</code>: </p><p><code>[[Datei:Gnome-fs-trash-empty.svg|mini|hochkant|verweis=Abfalleimer|Noch ist er leer …]]</code> </p><p>Der Vergrößernknopf verweist dann auf das derzeit angezeigte Bild, und mit einem Klick auf das Bild gelangt man zum abweichenden Linkziel. </p> <div class="mw-heading mw-heading3"><h3 id="Imagemaps" data-mw-thread-id="h-Imagemaps-Verlinkung"><span data-mw-comment-start="" id="h-Imagemaps-Verlinkung"></span>Imagemaps<span data-mw-comment-end="h-Imagemaps-Verlinkung"></span></h3></div> <div class="hauptartikel" role="navigation"><span class="hauptartikel-pfeil" title="siehe" aria-hidden="true" role="presentation">→ </span><i><span class="hauptartikel-text">Hauptseite</span>: <a href="/wiki/Hilfe:Imagemap" title="Hilfe:Imagemap">Hilfe:Imagemap</a></i></div> <p><span lang="en">Imagemap</span> ist das englischsprachige Wort für <a href="/wiki/Verweissensitive_Grafik" title="Verweissensitive Grafik">verweissensitive Grafik</a>. Die Idee hinter diesem Konzept ist es, mehreren Flächen innerhalb einer Grafik einen <a href="/wiki/Hyperlink" title="Hyperlink">Link</a> zuzuweisen, die von dem üblichen Linkziel – der <a href="/wiki/Hilfe:Dateien" title="Hilfe:Dateien">Dateibeschreibungsseite</a> – abweichen. </p><p>Eine Imagemap kann mit der in der deutschsprachigen Wikipedia installierten <a href="/wiki/MediaWiki" title="MediaWiki">MediaWiki</a>-Erweiterung „<a href="https://www.mediawiki.org/wiki/Extension:ImageMap" class="extiw" title="mw:Extension:ImageMap"><span title="englische Bildbeschreibung der Erweiterung bei www.mediawiki.org">ImageMap</span></a>“ als <a href="/wiki/Verweissensitive_Grafik" title="Verweissensitive Grafik">verweissensitive Grafik</a> (multipel klickbares Bild) erstellt werden. Die Idee hierbei ist es, Flächen innerhalb einer Grafik zu definieren, denen ein Link zugewiesen wird. </p> <div class="mw-heading mw-heading3"><h3 id="Erzeugen_eines_Links_zur_Dateibeschreibungsseite" data-mw-thread-id="h-Erzeugen_eines_Links_zur_Dateibeschreibungsseite-Verlinkung"><span data-mw-comment-start="" id="h-Erzeugen_eines_Links_zur_Dateibeschreibungsseite-Verlinkung"></span><span id="Dateibeschreibungsseite"></span><span id="Dateilink"></span><span id="Dateiverweis"></span>Erzeugen eines Links zur Dateibeschreibungsseite<span data-mw-comment-end="h-Erzeugen_eines_Links_zur_Dateibeschreibungsseite-Verlinkung"></span></h3></div> <p>Wenn ein Bild nicht angezeigt, aber auf dessen <a href="/wiki/Hilfe:Dateien" title="Hilfe:Dateien">Dateibeschreibungsseite</a> verwiesen werden soll, schreibt man vor das Wort <code>Datei</code> einen <code>:</code> (Doppelpunkt) – aus <code>[[:Datei:Lörrach – Museum am Burghof.jpg|ein das Bild beschreibender Text]]</code> wird: <a href="/wiki/Datei:L%C3%B6rrach_-_Museum_am_Burghof.jpg" title="Datei:Lörrach - Museum am Burghof.jpg">ein das Bild beschreibender Text</a>. </p><p>Möchte man speziell auf die Dateibeschreibung bei Commons Bezug nehmen (die Daten sind ausführlicher: Beispielsweise werden bei der deWP keine Commons-Kategorien, GPS-Verortungsdaten, Dateieinbindung in Schwesterprojekte etc. angezeigt), dann schreibt man vor das Wort <code>File</code> (bei Commons funktioniert <i>Datei</i> nicht!) ein <i>commons:</i> – aus <code>[[commons:File:Lörrach – Museum am Burghof.jpg|ein das Bild beschreibender Text]]</code> wird: <a href="https://commons.wikimedia.org/wiki/File:L%C3%B6rrach_-_Museum_am_Burghof.jpg" class="extiw" title="commons:File:Lörrach - Museum am Burghof.jpg">ein das Bild beschreibender Text</a>. <i>commons</i> kann auch mit <i>c</i> abgekürzt werden (siehe <a href="/wiki/Hilfe:Interwiki-Links" title="Hilfe:Interwiki-Links">Hilfe:Interwiki-Links</a>). </p> <div class="mw-heading mw-heading2 ext-discussiontools-init-section"><h2 id="Technische_Aspekte" data-mw-thread-id="h-Technische_Aspekte"><span data-mw-comment-start="" id="h-Technische_Aspekte"></span>Technische Aspekte<span data-mw-comment-end="h-Technische_Aspekte"></span></h2></div> <div class="mw-heading mw-heading3"><h3 id="Nach_dem_Hochladen_einer_neuen_Bildversion" data-mw-thread-id="h-Nach_dem_Hochladen_einer_neuen_Bildversion-Technische_Aspekte"><span data-mw-comment-start="" id="h-Nach_dem_Hochladen_einer_neuen_Bildversion-Technische_Aspekte"></span>Nach dem Hochladen einer neuen Bildversion<span data-mw-comment-end="h-Nach_dem_Hochladen_einer_neuen_Bildversion-Technische_Aspekte"></span></h3></div> <p>Wenn man Bilder überarbeitet und danach unter dem bisherigen Namen wieder hochlädt, gibt es Besonderheiten zu beachten, die teils die Erfolgskontrolle, teils die Wiki-Software betreffen: </p> <ul><li>Manche Webbrowser zeigen nach dem Hochladen einer neuen Version immer noch das alte Bild an. In diesem Fall hilft es meist, die fragliche Seite mit der Funktion des Webbrowsers neu zu laden <i>(Refresh</i> oder <i>Reload)</i>. Es kann aber auch nötig sein, gezielt den <a href="/wiki/Browser-Cache" title="Browser-Cache">Browser-Cache</a> zu <a href="/wiki/Hilfe:Cache#Browsercache_leeren" title="Hilfe:Cache">leeren</a>.</li> <li>Manchmal wird das neue Bild im Seitenverhältnis des alten Bildes angezeigt. Es erscheint dann verzerrt. In diesem Fall braucht nichts dagegen unternommen zu werden, denn die betroffenen Seiten werden nach einiger Zeit automatisch neu erzeugt, und die Verzerrungen verschwinden dann von selbst. Will man dem nachhelfen, hilft eine „leere Bearbeitung“ (das heißt, man klickt auf „Seite bearbeiten“ und speichert die Seite ohne Änderung sofort wieder) oder ein sogenanntes „<a href="/wiki/Hilfe:Cache#Purging_bei_Bildern" title="Hilfe:Cache">Purge</a>“.</li></ul> <div class="mw-heading mw-heading3"><h3 id="Technischer_Hintergrund_zu_Bildgrößen_und_Ressourcenbelastung" data-mw-thread-id="h-Technischer_Hintergrund_zu_Bildgrößen_und_Ressourcenbelastung-Technische_Aspekte"><span id="Technischer_Hintergrund_zu_Bildgr.C3.B6.C3.9Fen_und_Ressourcenbelastung"></span><span data-mw-comment-start="" id="h-Technischer_Hintergrund_zu_Bildgrößen_und_Ressourcenbelastung-Technische_Aspekte"></span>Technischer Hintergrund zu Bildgrößen und Ressourcenbelastung<span data-mw-comment-end="h-Technischer_Hintergrund_zu_Bildgrößen_und_Ressourcenbelastung-Technische_Aspekte"></span></h3></div> <p>Auf Wikipedia hochgeladene Bilder werden bei Bedarf automatisch und für Standardgrößen im Voraus in das jeweils benötigte Kleinformat <a href="/wiki/Skalierung_(Computergrafik)" title="Skalierung (Computergrafik)">skaliert</a> (bei <a href="/wiki/JPEG" title="JPEG">JPEG</a>- und <a href="/wiki/Portable_Network_Graphics" title="Portable Network Graphics">PNG</a>-Rasterbildern – nicht für <a href="/wiki/Graphics_Interchange_Format" title="Graphics Interchange Format">GIF</a>-Rasterbilder) bzw. <a href="/wiki/Rasterung" title="Rasterung">gerastert</a> (bei <a href="/wiki/Scalable_Vector_Graphics" title="Scalable Vector Graphics">SVG</a>-Vektorgrafiken)<sup id="cite_ref-3" class="reference"><a href="#cite_note-3"><span class="cite-bracket">[</span>3<span class="cite-bracket">]</span></a></sup> und für spätere, wiederholte Verwendung in einem serverseitigen <a href="/wiki/Hilfe:Cache" title="Hilfe:Cache">Cache</a> gespeichert.<sup id="cite_ref-FzWganz_4-0" class="reference"><a href="#cite_note-FzWganz-4"><span class="cite-bracket">[</span>4<span class="cite-bracket">]</span></a></sup> </p><p>Wird ein Bild in einer bereits zuvor verwendeten Größe in einem Artikel benötigt, wird auf den Cache zurückgegriffen. So muss das Bild in dieser Größe nicht erneut erzeugt, sondern kann sofort geliefert werden. Auf diese Weise bleibt die Belastung der Wikipedia-Server gering. Auch die Dateigröße ist (außer in manchen Fällen bei Bildern im PNG-Format) geringer, als wenn die Bilder in Originalgröße versendet würden.<sup id="cite_ref-FzWganz_4-1" class="reference"><a href="#cite_note-FzWganz-4"><span class="cite-bracket">[</span>4<span class="cite-bracket">]</span></a></sup> </p><p>Beispielsweise werden von dem <a href="/wiki/Datei:Image2.JPG" title="Datei:Image2.JPG">9194 × 1784 Pixel großen Original</a> u. a. Versionen mit <a class="external text" href="https://upload.wikimedia.org/wikipedia/commons/thumb/3/35/Image2.JPG/180px-Image2.JPG">180</a>, <a class="external text" href="https://upload.wikimedia.org/wikipedia/commons/thumb/3/35/Image2.JPG/200px-Image2.JPG">200</a> und <a class="external text" href="https://upload.wikimedia.org/wikipedia/commons/thumb/3/35/Image2.JPG/300px-Image2.JPG">300</a> Pixel Breite gespeichert. </p> <div class="mw-heading mw-heading2 ext-discussiontools-init-section"><h2 id="Anmerkungen" data-mw-thread-id="h-Anmerkungen"><span data-mw-comment-start="" id="h-Anmerkungen"></span>Anmerkungen<span data-mw-comment-end="h-Anmerkungen"></span></h2></div> <ol class="references"> <li id="cite_note-parameter.en.de-1"><span class="mw-cite-backlink">↑ <sup><a href="#cite_ref-parameter.en.de_1-0">a</a></sup> <sup><a href="#cite_ref-parameter.en.de_1-1">b</a></sup> <sup><a href="#cite_ref-parameter.en.de_1-2">c</a></sup> <sup><a href="#cite_ref-parameter.en.de_1-3">d</a></sup> <sup><a href="#cite_ref-parameter.en.de_1-4">e</a></sup> <sup><a href="#cite_ref-parameter.en.de_1-5">f</a></sup> <sup><a href="#cite_ref-parameter.en.de_1-6">g</a></sup></span> <span class="reference-text">Nur die englischen Parameternamen funktionieren global in allen Wikimediaprojekten.</span> </li> <li id="cite_note-2"><span class="mw-cite-backlink"><a href="#cite_ref-2">↑</a></span> <span class="reference-text"><a href="/wiki/Spezial:Permanenter_Link/70894655#Schärfung_von_thumbs:_bei_jpg:_ja,_bei_png:_nein?!" title="Spezial:Permanenter Link/70894655">Diskussion mit Bildbeispielen vom 19. Februar 2010</a></span> </li> <li id="cite_note-3"><span class="mw-cite-backlink"><a href="#cite_ref-3">↑</a></span> <span class="reference-text"><a href="/wiki/Wikipedia:WikiProjekt_SVG#Allgemein" title="Wikipedia:WikiProjekt SVG">Wikiprojekt SVG</a>, Stand: 25. Februar 2010.</span> </li> <li id="cite_note-FzWganz-4"><span class="mw-cite-backlink">↑ <sup><a href="#cite_ref-FzWganz_4-0">a</a></sup> <sup><a href="#cite_ref-FzWganz_4-1">b</a></sup></span> <span class="reference-text"><a href="/wiki/Wikipedia:Fragen_zur_Wikipedia" title="Wikipedia:Fragen zur Wikipedia">Fragen zur Wikipedia</a> vom 17. Februar 2010: <a href="/wiki/Wikipedia:Fragen_zur_Wikipedia/Archiv/2010/Woche_07#Muss_für_miniatur_(thumb)_das_ganze_Bild_geladen_werden?" title="Wikipedia:Fragen zur Wikipedia/Archiv/2010/Woche 07"><i>Muss für mini (miniatur/thumb) das ganze Bild geladen werden?</i></a></span> </li> </ol>    </div><noscript><img src="https://login.wikimedia.org/wiki/Special:CentralAutoLogin/start?type=1x1" alt="" width="1" height="1" style="border: none; position: absolute;"></noscript> <div class="printfooter" data-nosnippet="">Abgerufen von „<a dir="ltr" href="https://de.wikipedia.org/w/index.php?title=Hilfe:Bilder&oldid=248952679">https://de.wikipedia.org/w/index.php?title=Hilfe:Bilder&oldid=248952679</a>“</div></div> <div id="catlinks" class="catlinks" data-mw="interface"><div id="mw-normal-catlinks" class="mw-normal-catlinks"><a href="/wiki/Wikipedia:Kategorien" title="Wikipedia:Kategorien">Kategorie</a>: <ul><li><a href="/wiki/Kategorie:Hilfe:Bilder" title="Kategorie:Hilfe:Bilder">Hilfe:Bilder</a></li></ul></div></div> </div> </div> <div id="mw-navigation"> <h2>Navigationsmenü</h2> <div id="mw-head"> <nav id="p-personal" class="mw-portlet mw-portlet-personal vector-user-menu-legacy vector-menu" aria-labelledby="p-personal-label" > <h3 id="p-personal-label" class="vector-menu-heading " > <span class="vector-menu-heading-label">Meine Werkzeuge</span> </h3> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="pt-anonuserpage" class="mw-list-item"><span title="Benutzerseite der IP-Adresse, von der aus du Änderungen durchführst">Nicht angemeldet</span></li><li id="pt-anontalk" class="mw-list-item"><a href="/wiki/Spezial:Meine_Diskussionsseite" title="Diskussion über Änderungen von dieser IP-Adresse [n]" accesskey="n"><span>Diskussionsseite</span></a></li><li id="pt-anoncontribs" class="mw-list-item"><a href="/wiki/Spezial:Meine_Beitr%C3%A4ge" title="Eine Liste der Bearbeitungen, die von dieser IP-Adresse gemacht wurden [y]" accesskey="y"><span>Beiträge</span></a></li><li id="pt-createaccount" class="mw-list-item"><a href="/w/index.php?title=Spezial:Benutzerkonto_anlegen&returnto=Hilfe%3ABilder" title="Wir ermutigen dich dazu, ein Benutzerkonto zu erstellen und dich anzumelden. Es ist jedoch nicht zwingend erforderlich."><span>Benutzerkonto erstellen</span></a></li><li id="pt-login" class="mw-list-item"><a href="/w/index.php?title=Spezial:Anmelden&returnto=Hilfe%3ABilder" title="Anmelden ist zwar keine Pflicht, wird aber gerne gesehen. [o]" accesskey="o"><span>Anmelden</span></a></li> </ul> </div> </nav> <div id="left-navigation"> <nav id="p-namespaces" class="mw-portlet mw-portlet-namespaces vector-menu-tabs vector-menu-tabs-legacy vector-menu" aria-labelledby="p-namespaces-label" > <h3 id="p-namespaces-label" class="vector-menu-heading " > <span class="vector-menu-heading-label">Namensräume</span> </h3> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="ca-nstab-help" class="selected mw-list-item"><a href="/wiki/Hilfe:Bilder" title="Hilfeseite anzeigen [c]" accesskey="c"><span>Hilfeseite</span></a></li><li id="ca-talk" class="mw-list-item"><a href="/wiki/Hilfe_Diskussion:Bilder" rel="discussion" title="Diskussion zum Seiteninhalt [t]" accesskey="t"><span>Diskussion</span></a></li> </ul> </div> </nav> <nav id="p-variants" class="mw-portlet mw-portlet-variants emptyPortlet vector-menu-dropdown vector-menu" aria-labelledby="p-variants-label" > <input type="checkbox" id="p-variants-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-p-variants" class="vector-menu-checkbox" aria-labelledby="p-variants-label" > <label id="p-variants-label" class="vector-menu-heading " > <span class="vector-menu-heading-label">Deutsch</span> </label> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> </ul> </div> </nav> </div> <div id="right-navigation"> <nav id="p-views" class="mw-portlet mw-portlet-views vector-menu-tabs vector-menu-tabs-legacy vector-menu" aria-labelledby="p-views-label" > <h3 id="p-views-label" class="vector-menu-heading " > <span class="vector-menu-heading-label">Ansichten</span> </h3> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="ca-view" class="selected mw-list-item"><a href="/wiki/Hilfe:Bilder"><span>Lesen</span></a></li><li id="ca-viewsource" class="mw-list-item"><a href="/w/index.php?title=Hilfe:Bilder&action=edit" title="Diese Seite ist geschützt. Ihr Quelltext kann dennoch angesehen und kopiert werden. [e]" accesskey="e"><span>Quelltext anzeigen</span></a></li><li id="ca-history" class="mw-list-item"><a href="/w/index.php?title=Hilfe:Bilder&action=history" title="Frühere Versionen dieser Seite [h]" accesskey="h"><span>Versionsgeschichte</span></a></li> </ul> </div> </nav> <nav id="p-cactions" class="mw-portlet mw-portlet-cactions emptyPortlet vector-menu-dropdown vector-menu" aria-labelledby="p-cactions-label" title="Weitere Optionen" > <input type="checkbox" id="p-cactions-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-p-cactions" class="vector-menu-checkbox" aria-labelledby="p-cactions-label" > <label id="p-cactions-label" class="vector-menu-heading " > <span class="vector-menu-heading-label">Weitere</span> </label> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> </ul> </div> </nav> <div id="p-search" role="search" class="vector-search-box-vue vector-search-box-show-thumbnail vector-search-box-auto-expand-width vector-search-box"> <h3 >Suche</h3> <form action="/w/index.php" id="searchform" class="vector-search-box-form"> <div id="simpleSearch" class="vector-search-box-inner" data-search-loc="header-navigation"> <input class="vector-search-box-input" type="search" name="search" placeholder="Wikipedia durchsuchen" aria-label="Wikipedia durchsuchen" autocapitalize="sentences" title="Durchsuche die Wikipedia [f]" accesskey="f" id="searchInput" > <input type="hidden" name="title" value="Spezial:Suche"> <input id="mw-searchButton" class="searchButton mw-fallbackSearchButton" type="submit" name="fulltext" title="Suche nach Seiten, die diesen Text enthalten" value="Suchen"> <input id="searchButton" class="searchButton" type="submit" name="go" title="Gehe direkt zu der Seite mit genau diesem Namen, falls sie vorhanden ist." value="Artikel"> </div> </form> </div> </div> </div> <div id="mw-panel" class="vector-legacy-sidebar"> <div id="p-logo" role="banner"> <a class="mw-wiki-logo" href="/wiki/Wikipedia:Hauptseite" title="Hauptseite"></a> </div> <nav id="p-navigation" class="mw-portlet mw-portlet-navigation vector-menu-portal portal vector-menu" aria-labelledby="p-navigation-label" > <h3 id="p-navigation-label" class="vector-menu-heading " > <span class="vector-menu-heading-label">Navigation</span> </h3> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="n-mainpage-description" class="mw-list-item"><a href="/wiki/Wikipedia:Hauptseite" title="Hauptseite besuchen [z]" accesskey="z"><span>Hauptseite</span></a></li><li id="n-topics" class="mw-list-item"><a href="/wiki/Portal:Wikipedia_nach_Themen"><span>Themenportale</span></a></li><li id="n-randompage" class="mw-list-item"><a href="/wiki/Spezial:Zuf%C3%A4llige_Seite" title="Zufällige Seite aufrufen [x]" accesskey="x"><span>Zufälliger Artikel</span></a></li> </ul> </div> </nav> <nav id="p-Mitmachen" class="mw-portlet mw-portlet-Mitmachen vector-menu-portal portal vector-menu" aria-labelledby="p-Mitmachen-label" > <h3 id="p-Mitmachen-label" class="vector-menu-heading " > <span class="vector-menu-heading-label">Mitmachen</span> </h3> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="n-Artikel-verbessern" class="mw-list-item"><a href="/wiki/Wikipedia:Beteiligen"><span>Artikel verbessern</span></a></li><li id="n-Neuerartikel" class="mw-list-item"><a href="/wiki/Hilfe:Neuen_Artikel_anlegen"><span>Neuen Artikel anlegen</span></a></li><li id="n-portal" class="mw-list-item"><a href="/wiki/Wikipedia:Autorenportal" title="Info-Zentrum über Beteiligungsmöglichkeiten"><span>Autorenportal</span></a></li><li id="n-help" class="mw-list-item"><a href="/wiki/Hilfe:%C3%9Cbersicht" title="Übersicht über Hilfeseiten"><span>Hilfe</span></a></li><li id="n-recentchanges" class="mw-list-item"><a href="/wiki/Spezial:Letzte_%C3%84nderungen" title="Liste der letzten Änderungen in Wikipedia [r]" accesskey="r"><span>Letzte Änderungen</span></a></li><li id="n-contact" class="mw-list-item"><a href="/wiki/Wikipedia:Kontakt" title="Kontaktmöglichkeiten"><span>Kontakt</span></a></li><li id="n-sitesupport" class="mw-list-item"><a href="//donate.wikimedia.org/wiki/Special:FundraiserRedirector?utm_source=donate&utm_medium=sidebar&utm_campaign=C13_de.wikipedia.org&uselang=de" title="Unterstütze uns"><span>Spenden</span></a></li> </ul> </div> </nav> <nav id="p-tb" class="mw-portlet mw-portlet-tb vector-menu-portal portal vector-menu" aria-labelledby="p-tb-label" > <h3 id="p-tb-label" class="vector-menu-heading " > <span class="vector-menu-heading-label">Werkzeuge</span> </h3> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="t-whatlinkshere" class="mw-list-item"><a href="/wiki/Spezial:Linkliste/Hilfe:Bilder" title="Liste aller Seiten, die hierher verlinken [j]" accesskey="j"><span>Links auf diese Seite</span></a></li><li id="t-recentchangeslinked" class="mw-list-item"><a href="/wiki/Spezial:%C3%84nderungen_an_verlinkten_Seiten/Hilfe:Bilder" rel="nofollow" title="Letzte Änderungen an Seiten, die von hier verlinkt sind [k]" accesskey="k"><span>Änderungen an verlinkten Seiten</span></a></li><li id="t-specialpages" class="mw-list-item"><a href="/wiki/Spezial:Spezialseiten" title="Liste aller Spezialseiten [q]" accesskey="q"><span>Spezialseiten</span></a></li><li id="t-permalink" class="mw-list-item"><a href="/w/index.php?title=Hilfe:Bilder&oldid=248952679" title="Dauerhafter Link zu dieser Seitenversion"><span>Permanenter Link</span></a></li><li id="t-info" class="mw-list-item"><a href="/w/index.php?title=Hilfe:Bilder&action=info" title="Weitere Informationen über diese Seite"><span>Seiteninformationen</span></a></li><li id="t-urlshortener" class="mw-list-item"><a href="/w/index.php?title=Spezial:URL-K%C3%BCrzung&url=https%3A%2F%2Fde.wikipedia.org%2Fwiki%2FHilfe%3ABilder"><span>Kurzlink</span></a></li><li id="t-urlshortener-qrcode" class="mw-list-item"><a href="/w/index.php?title=Spezial:QrCode&url=https%3A%2F%2Fde.wikipedia.org%2Fwiki%2FHilfe%3ABilder"><span>QR-Code herunterladen</span></a></li> </ul> </div> </nav> <nav id="p-coll-print_export" class="mw-portlet mw-portlet-coll-print_export vector-menu-portal portal vector-menu" aria-labelledby="p-coll-print_export-label" > <h3 id="p-coll-print_export-label" class="vector-menu-heading " > <span class="vector-menu-heading-label">Drucken/exportieren</span> </h3> <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=Spezial:DownloadAsPdf&page=Hilfe%3ABilder&action=show-download-screen"><span>Als PDF herunterladen</span></a></li><li id="t-print" class="mw-list-item"><a href="/w/index.php?title=Hilfe:Bilder&printable=yes" title="Druckansicht dieser Seite [p]" accesskey="p"><span>Druckversion</span></a></li> </ul> </div> </nav> <nav id="p-wikibase-otherprojects" class="mw-portlet mw-portlet-wikibase-otherprojects vector-menu-portal portal vector-menu" aria-labelledby="p-wikibase-otherprojects-label" > <h3 id="p-wikibase-otherprojects-label" class="vector-menu-heading " > <span class="vector-menu-heading-label">In anderen Projekten</span> </h3> <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</span></a></li><li class="wb-otherproject-link wb-otherproject-wikivoyage mw-list-item"><a href="https://de.wikivoyage.org/wiki/Hilfe:Bilder_einf%C3%BCgen" hreflang="de"><span>Wikivoyage</span></a></li><li class="wb-otherproject-link wb-otherproject-wiktionary mw-list-item"><a href="https://de.wiktionary.org/wiki/Hilfe:Bilder" hreflang="de"><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="Link zum verbundenen Objekt im Datenrepositorium [g]" accesskey="g"><span>Wikidata-Datenobjekt</span></a></li> </ul> </div> </nav> <nav id="p-lang" class="mw-portlet mw-portlet-lang vector-menu-portal portal vector-menu" aria-labelledby="p-lang-label" > <h3 id="p-lang-label" class="vector-menu-heading " > <span class="vector-menu-heading-label">In anderen Sprachen</span> </h3> <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="Авикипедиа:Аиллиустрациақәа рыҭара – Abchasisch" lang="ab" hreflang="ab" data-title="Авикипедиа:Аиллиустрациақәа рыҭара" data-language-autonym="Аԥсшәа" data-language-local-name="Abchasisch" 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="مساعدة:صور – Arabisch" lang="ar" hreflang="ar" data-title="مساعدة:صور" data-language-autonym="العربية" data-language-local-name="Arabisch" 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="Википедия:Һүрәт ҡуйыу – Baschkirisch" lang="ba" hreflang="ba" data-title="Википедия:Һүрәт ҡуйыу" data-language-autonym="Башҡортса" data-language-local-name="Baschkirisch" 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 – Bairisch" lang="bar" hreflang="bar" data-title="Huif:Bilder" data-language-autonym="Boarisch" data-language-local-name="Bairisch" class="interlanguage-link-target"><span>Boarisch</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="Вікіпедыя:Выявы – Belarussisch" lang="be" hreflang="be" data-title="Вікіпедыя:Выявы" data-language-autonym="Беларуская" data-language-local-name="Belarussisch" 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="Уикипедия:Файлове – Bulgarisch" lang="bg" hreflang="bg" data-title="Уикипедия:Файлове" data-language-autonym="Български" data-language-local-name="Bulgarisch" 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="সাহায্য:চিত্র – Bengalisch" lang="bn" hreflang="bn" data-title="সাহায্য:চিত্র" data-language-autonym="বাংলা" data-language-local-name="Bengalisch" class="interlanguage-link-target"><span>বাংলা</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 – Bretonisch" lang="br" hreflang="br" data-title="Skoazell:Penaos embreger ur skeudenn" data-language-autonym="Brezhoneg" data-language-local-name="Bretonisch" class="interlanguage-link-target"><span>Brezhoneg</span></a></li><li class="interlanguage-link interwiki-bs mw-list-item"><a href="https://bs.wikipedia.org/wiki/Wikipedia:Slike" title="Wikipedia:Slike – Bosnisch" lang="bs" hreflang="bs" data-title="Wikipedia:Slike" data-language-autonym="Bosanski" data-language-local-name="Bosnisch" class="interlanguage-link-target"><span>Bosanski</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 – Katalanisch" lang="ca" hreflang="ca" data-title="Ajuda:Ús d'imatges" data-language-autonym="Català" data-language-local-name="Katalanisch" class="interlanguage-link-target"><span>Català</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="ویکیپیدیا:فێرکاریی وێنە – Zentralkurdisch" lang="ckb" hreflang="ckb" data-title="ویکیپیدیا:فێرکاریی وێنە" data-language-autonym="کوردی" data-language-local-name="Zentralkurdisch" class="interlanguage-link-target"><span>کوردی</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 – Tschechisch" lang="cs" hreflang="cs" data-title="Nápověda:Obrázky" data-language-autonym="Čeština" data-language-local-name="Tschechisch" 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 – Dänisch" lang="da" hreflang="da" data-title="Hjælp:Billeder" data-language-autonym="Dansk" data-language-local-name="Dänisch" class="interlanguage-link-target"><span>Dansk</span></a></li><li class="interlanguage-link interwiki-dsb mw-list-item"><a href="https://dsb.wikipedia.org/wiki/Pomoc:Wobraze" title="Pomoc:Wobraze – Niedersorbisch" lang="dsb" hreflang="dsb" data-title="Pomoc:Wobraze" data-language-autonym="Dolnoserbski" data-language-local-name="Niedersorbisch" 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="Βοήθεια:Εικόνες – Griechisch" lang="el" hreflang="el" data-title="Βοήθεια:Εικόνες" data-language-autonym="Ελληνικά" data-language-local-name="Griechisch" class="interlanguage-link-target"><span>Ελληνικά</span></a></li><li class="interlanguage-link interwiki-en mw-list-item"><a href="https://en.wikipedia.org/wiki/Help:Pictures" title="Help:Pictures – Englisch" lang="en" hreflang="en" data-title="Help:Pictures" data-language-autonym="English" data-language-local-name="Englisch" class="interlanguage-link-target"><span>English</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-es mw-list-item"><a href="https://es.wikipedia.org/wiki/Ayuda:Im%C3%A1genes" title="Ayuda:Imágenes – Spanisch" lang="es" hreflang="es" data-title="Ayuda:Imágenes" data-language-autonym="Español" data-language-local-name="Spanisch" class="interlanguage-link-target"><span>Español</span></a></li><li class="interlanguage-link interwiki-eu mw-list-item"><a href="https://eu.wikipedia.org/wiki/Laguntza:Irudiak" title="Laguntza:Irudiak – Baskisch" lang="eu" hreflang="eu" data-title="Laguntza:Irudiak" data-language-autonym="Euskara" data-language-local-name="Baskisch" 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="ویکی‌پدیا:خودآموز (تصاویر) – Persisch" lang="fa" hreflang="fa" data-title="ویکی‌پدیا:خودآموز (تصاویر)" data-language-autonym="فارسی" data-language-local-name="Persisch" class="interlanguage-link-target"><span>فارسی</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 – Finnisch" lang="fi" hreflang="fi" data-title="Ohje:Kuvien lisääminen" data-language-autonym="Suomi" data-language-local-name="Finnisch" class="interlanguage-link-target"><span>Suomi</span></a></li><li class="interlanguage-link interwiki-fr mw-list-item"><a href="https://fr.wikipedia.org/wiki/Aide:Ins%C3%A9rer_une_image" title="Aide:Insérer une image – Französisch" lang="fr" hreflang="fr" data-title="Aide:Insérer une image" data-language-autonym="Français" data-language-local-name="Französisch" 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 – Westfriesisch" lang="fy" hreflang="fy" data-title="Wikipedy:Ofbylden" data-language-autonym="Frysk" data-language-local-name="Westfriesisch" class="interlanguage-link-target"><span>Frysk</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="עזרה:עיצוב תמונות – Hebräisch" lang="he" hreflang="he" data-title="עזרה:עיצוב תמונות" data-language-autonym="עברית" data-language-local-name="Hebräisch" 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-hr mw-list-item"><a href="https://hr.wikipedia.org/wiki/Wikipedija:Te%C4%8Daj_(Slike)" title="Wikipedija:Tečaj (Slike) – Kroatisch" lang="hr" hreflang="hr" data-title="Wikipedija:Tečaj (Slike)" data-language-autonym="Hrvatski" data-language-local-name="Kroatisch" class="interlanguage-link-target"><span>Hrvatski</span></a></li><li class="interlanguage-link interwiki-hsb mw-list-item"><a href="https://hsb.wikipedia.org/wiki/Pomoc:Wobrazy" title="Pomoc:Wobrazy – Obersorbisch" lang="hsb" hreflang="hsb" data-title="Pomoc:Wobrazy" data-language-autonym="Hornjoserbsce" data-language-local-name="Obersorbisch" class="interlanguage-link-target"><span>Hornjoserbsce</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 – Ungarisch" lang="hu" hreflang="hu" data-title="Wikipédia:Képek használata" data-language-autonym="Magyar" data-language-local-name="Ungarisch" class="interlanguage-link-target"><span>Magyar</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="Օգնություն:Պատկերազարդում – Armenisch" lang="hy" hreflang="hy" data-title="Օգնություն:Պատկերազարդում" data-language-autonym="Հայերեն" data-language-local-name="Armenisch" class="interlanguage-link-target"><span>Հայերեն</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) – Indonesisch" lang="id" hreflang="id" data-title="Wikipedia:Tutorial (Berkas)" data-language-autonym="Bahasa Indonesia" data-language-local-name="Indonesisch" class="interlanguage-link-target"><span>Bahasa Indonesia</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="Википеди:Суртаца гойтар – Inguschisch" lang="inh" hreflang="inh" data-title="Википеди:Суртаца гойтар" data-language-autonym="ГӀалгӀай" data-language-local-name="Inguschisch" class="interlanguage-link-target"><span>ГӀалгӀай</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 – Italienisch" lang="it" hreflang="it" data-title="Aiuto:Markup immagini" data-language-autonym="Italiano" data-language-local-name="Italienisch" class="interlanguage-link-target"><span>Italiano</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:画像の表示 – Japanisch" lang="ja" hreflang="ja" data-title="Help:画像の表示" data-language-autonym="日本語" data-language-local-name="Japanisch" 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="ვიკიპედია:სურათების რედაქტირება – Georgisch" lang="ka" hreflang="ka" data-title="ვიკიპედია:სურათების რედაქტირება" data-language-autonym="ქართული" data-language-local-name="Georgisch" 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="도움말:그림 사용하기 – Koreanisch" lang="ko" hreflang="ko" data-title="도움말:그림 사용하기" data-language-autonym="한국어" data-language-local-name="Koreanisch" 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 – Kurdisch" lang="ku" hreflang="ku" data-title="Alîkarî:Wêne" data-language-autonym="Kurdî" data-language-local-name="Kurdisch" class="interlanguage-link-target"><span>Kurdî</span></a></li><li class="interlanguage-link interwiki-la mw-list-item"><a href="https://la.wikipedia.org/wiki/Auxilium:Imagines" title="Auxilium:Imagines – Latein" lang="la" hreflang="la" data-title="Auxilium:Imagines" data-language-autonym="Latina" data-language-local-name="Latein" class="interlanguage-link-target"><span>Latina</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-lb mw-list-item"><a href="https://lb.wikipedia.org/wiki/Wikipedia:Biller" title="Wikipedia:Biller – Luxemburgisch" lang="lb" hreflang="lb" data-title="Wikipedia:Biller" data-language-autonym="Lëtzebuergesch" data-language-local-name="Luxemburgisch" class="interlanguage-link-target"><span>Lëtzebuergesch</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 – Lettisch" lang="lv" hreflang="lv" data-title="Dalībnieks:Edgars2007/Attēlu pamācība" data-language-autonym="Latviešu" data-language-local-name="Lettisch" class="interlanguage-link-target"><span>Latviešu</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="Википедија:Почетен курс (Слики) – Mazedonisch" lang="mk" hreflang="mk" data-title="Википедија:Почетен курс (Слики)" data-language-autonym="Македонски" data-language-local-name="Mazedonisch" 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 – Malaiisch" lang="ms" hreflang="ms" data-title="Wikipedia:Tutorial imej" data-language-autonym="Bahasa Melayu" data-language-local-name="Malaiisch" 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="အကူအညီ:ပုံတင်နည်းလမ်းညွှန် – Birmanisch" lang="my" hreflang="my" data-title="အကူအညီ:ပုံတင်နည်းလမ်းညွှန်" data-language-autonym="မြန်မာဘာသာ" data-language-local-name="Birmanisch" class="interlanguage-link-target"><span>မြန်မာဘာသာ</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="विकिपिडिया:चित्र कसरी राख्ने – Nepalesisch" lang="ne" hreflang="ne" data-title="विकिपिडिया:चित्र कसरी राख्ने" data-language-autonym="नेपाली" data-language-local-name="Nepalesisch" 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 – Niederländisch" lang="nl" hreflang="nl" data-title="Help:Gebruik van bestanden" data-language-autonym="Nederlands" data-language-local-name="Niederländisch" class="interlanguage-link-target"><span>Nederlands</span></a></li><li class="interlanguage-link interwiki-no mw-list-item"><a href="https://no.wikipedia.org/wiki/Hjelp:Bilder" title="Hjelp:Bilder – Norwegisch (Bokmål)" lang="nb" hreflang="nb" data-title="Hjelp:Bilder" data-language-autonym="Norsk bokmål" data-language-local-name="Norwegisch (Bokmål)" class="interlanguage-link-target"><span>Norsk bokmål</span></a></li><li class="interlanguage-link interwiki-pl mw-list-item"><a href="https://pl.wikipedia.org/wiki/Pomoc:Ilustrowanie" title="Pomoc:Ilustrowanie – Polnisch" lang="pl" hreflang="pl" data-title="Pomoc:Ilustrowanie" data-language-autonym="Polski" data-language-local-name="Polnisch" class="interlanguage-link-target"><span>Polski</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="لارښود:دوتنه – Paschtu" lang="ps" hreflang="ps" data-title="لارښود:دوتنه" data-language-autonym="پښتو" data-language-local-name="Paschtu" class="interlanguage-link-target"><span>پښتو</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 – Portugiesisch" lang="pt" hreflang="pt" data-title="Ajuda:Guia de edição/Como usar imagens" data-language-autonym="Português" data-language-local-name="Portugiesisch" 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="Википедия:Иллюстрирование – Russisch" lang="ru" hreflang="ru" data-title="Википедия:Иллюстрирование" data-language-autonym="Русский" data-language-local-name="Russisch" class="interlanguage-link-target"><span>Русский</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-sh mw-list-item"><a href="https://sh.wikipedia.org/wiki/Wikipedija:Kurs/Te%C4%8Daj_(Slike)" title="Wikipedija:Kurs/Tečaj (Slike) – Serbokroatisch" lang="sh" hreflang="sh" data-title="Wikipedija:Kurs/Tečaj (Slike)" data-language-autonym="Srpskohrvatski / српскохрватски" data-language-local-name="Serbokroatisch" class="interlanguage-link-target"><span>Srpskohrvatski / српскохрватски</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="လွင်ႈၸွႆႈထႅမ်:ၵူႈမိုဝ်းတၢင်ႇၶႅပ်းႁၢင်ႈ – Schan" lang="shn" hreflang="shn" data-title="လွင်ႈၸွႆႈထႅမ်:ၵူႈမိုဝ်းတၢင်ႇၶႅပ်းႁၢင်ႈ" data-language-autonym="ၽႃႇသႃႇတႆး " data-language-local-name="Schan" 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="උදවු:පින්තූර – Singhalesisch" lang="si" hreflang="si" data-title="උදවු:පින්තූර" data-language-autonym="සිංහල" data-language-local-name="Singhalesisch" 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 – einfaches Englisch" lang="en-simple" hreflang="en-simple" data-title="Help:How to use images" data-language-autonym="Simple English" data-language-local-name="einfaches Englisch" class="interlanguage-link-target"><span>Simple English</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 – Slowakisch" lang="sk" hreflang="sk" data-title="Pomoc:Obrázok" data-language-autonym="Slovenčina" data-language-local-name="Slowakisch" class="interlanguage-link-target"><span>Slovenčina</span></a></li><li class="interlanguage-link interwiki-sr mw-list-item"><a href="https://sr.wikipedia.org/wiki/%D0%92%D0%B8%D0%BA%D0%B8%D0%BF%D0%B5%D0%B4%D0%B8%D1%98%D0%B0:%D0%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="Википедија:Упутства/Слике – Serbisch" lang="sr" hreflang="sr" data-title="Википедија:Упутства/Слике" data-language-autonym="Српски / srpski" data-language-local-name="Serbisch" class="interlanguage-link-target"><span>Српски / srpski</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) – Sundanesisch" lang="su" hreflang="su" data-title="Wikipedia:Pituduh (berkas)" data-language-autonym="Sunda" data-language-local-name="Sundanesisch" class="interlanguage-link-target"><span>Sunda</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-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="Википедиа:Мусавварсозӣ – Tadschikisch" lang="tg" hreflang="tg" data-title="Википедиа:Мусавварсозӣ" data-language-autonym="Тоҷикӣ" data-language-local-name="Tadschikisch" 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="วิธีใช้:ภาพ – Thailändisch" lang="th" hreflang="th" data-title="วิธีใช้:ภาพ" data-language-autonym="ไทย" data-language-local-name="Thailändisch" class="interlanguage-link-target"><span>ไทย</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-tr mw-list-item"><a href="https://tr.wikipedia.org/wiki/Yard%C4%B1m:Resim_ekleme" title="Yardım:Resim ekleme – Türkisch" lang="tr" hreflang="tr" data-title="Yardım:Resim ekleme" data-language-autonym="Türkçe" data-language-local-name="Türkisch" class="interlanguage-link-target"><span>Türkçe</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="Википедия:Сурәтләү – Tatarisch" lang="tt" hreflang="tt" data-title="Википедия:Сурәтләү" data-language-autonym="Татарча / tatarça" data-language-local-name="Tatarisch" class="interlanguage-link-target"><span>Татарча / tatarça</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="Википедия:Иллюстрирование – Udmurtisch" lang="udm" hreflang="udm" data-title="Википедия:Иллюстрирование" data-language-autonym="Удмурт" data-language-local-name="Udmurtisch" 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 – Vietnamesisch" lang="vi" hreflang="vi" data-title="Trợ giúp:Hình ảnh" data-language-autonym="Tiếng Việt" data-language-local-name="Vietnamesisch" 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:图像 – Chinesisch" lang="zh" hreflang="zh" data-title="Help:图像" data-language-autonym="中文" data-language-local-name="Chinesisch" 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="Links auf Artikel in anderen Sprachen bearbeiten" class="wbc-editpage">Links bearbeiten</a></span></div> </div> </nav> </div> </div> <footer id="footer" class="mw-footer" > <ul id="footer-info"> <li id="footer-info-lastmod"> Diese Seite wurde zuletzt am 27. September 2024 um 20:52 Uhr bearbeitet.</li> <li id="footer-info-copyright"><div id="footer-info-copyright-stats" class="noprint"><a rel="nofollow" class="external text" href="https://pageviews.wmcloud.org/?pages=Hilfe:Bilder&project=de.wikipedia.org">Abrufstatistik</a> </div><div id="footer-info-copyright-separator"><br /></div><div id="footer-info-copyright-info"> <p>Der Text ist unter der Lizenz <a rel="nofollow" class="external text" href="https://creativecommons.org/licenses/by-sa/4.0/deed.de">„Creative-Commons Namensnennung – Weitergabe unter gleichen Bedingungen“</a> verfügbar; Informationen zu den Urhebern und zum Lizenzstatus eingebundener Mediendateien (etwa Bilder oder Videos) können im Regelfall durch Anklicken dieser abgerufen werden. Möglicherweise unterliegen die Inhalte jeweils zusätzlichen Bedingungen. Durch die Nutzung dieser Website erklären Sie sich mit den <span class="plainlinks"><a class="external text" href="https://foundation.wikimedia.org/wiki/Policy:Terms_of_Use/de">Nutzungsbedingungen</a> und der <a class="external text" href="https://foundation.wikimedia.org/wiki/Policy:Privacy_policy/de">Datenschutzrichtlinie</a></span> einverstanden.<br /> </p> Wikipedia® ist eine eingetragene Marke der Wikimedia Foundation Inc.</div></li> </ul> <ul id="footer-places"> <li id="footer-places-privacy"><a href="https://foundation.wikimedia.org/wiki/Special:MyLanguage/Policy:Privacy_policy/de">Datenschutz</a></li> <li id="footer-places-about"><a href="/wiki/Wikipedia:%C3%9Cber_Wikipedia">Über Wikipedia</a></li> <li id="footer-places-disclaimers"><a href="/wiki/Wikipedia:Impressum">Impressum</a></li> <li id="footer-places-wm-codeofconduct"><a href="https://foundation.wikimedia.org/wiki/Special:MyLanguage/Policy:Universal_Code_of_Conduct">Verhaltenskodex</a></li> <li id="footer-places-developers"><a href="https://developer.wikimedia.org">Entwickler</a></li> <li id="footer-places-statslink"><a href="https://stats.wikimedia.org/#/de.wikipedia.org">Statistiken</a></li> <li id="footer-places-cookiestatement"><a href="https://foundation.wikimedia.org/wiki/Special:MyLanguage/Policy:Cookie_statement">Stellungnahme zu Cookies</a></li> <li id="footer-places-mobileview"><a href="//de.m.wikipedia.org/w/index.php?title=Hilfe:Bilder&mobileaction=toggle_view_mobile" class="noprint stopMobileRedirectToggle">Mobile Ansicht</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> <script>(RLQ=window.RLQ||[]).push(function(){mw.log.warn("This page is using the deprecated ResourceLoader module \"codex-search-styles\".\n[1.43] Use a CodexModule with codexComponents to set your specific components used: https://www.mediawiki.org/wiki/Codex#Using_a_limited_subset_of_components");mw.config.set({"wgHostname":"mw-web.codfw.main-6b7f745dd4-cvmrm","wgBackendResponseTime":97,"wgDiscussionToolsPageThreads":[{"headingLevel":2,"name":"h-","type":"heading","level":0,"id":"h-Index","replies":[]},{"headingLevel":2,"name":"h-","type":"heading","level":0,"id":"h-Welchen_Editor_verwenden?","replies":[]},{"headingLevel":2,"name":"h-","type":"heading","level":0,"id":"h-Einbindung","replies":[{"headingLevel":3,"name":"h-","type":"heading","level":0,"id":"h-Grundlegendes-Einbindung","replies":[]},{"headingLevel":3,"name":"h-","type":"heading","level":0,"id":"h-Vorschaubilder_(Miniatur)-Einbindung","replies":[]},{"headingLevel":3,"name":"h-","type":"heading","level":0,"id":"h-Rahmenlose_Einbindung_(ohne_Miniatur)-Einbindung","replies":[{"headingLevel":4,"name":"h-","type":"heading","level":0,"id":"h-Zusätzlicher_Rand-Rahmenlose_Einbindung_(ohne_Miniatur)","replies":[]}]},{"headingLevel":3,"name":"h-","type":"heading","level":0,"id":"h-Besondere_Dateitypen-Einbindung","replies":[{"headingLevel":4,"name":"h-","type":"heading","level":0,"id":"h-SVG-Dateien-Besondere_Dateitypen","replies":[]},{"headingLevel":4,"name":"h-","type":"heading","level":0,"id":"h-DjVu-_und_PDF-Dateien-Besondere_Dateitypen","replies":[]}]},{"headingLevel":3,"name":"h-","type":"heading","level":0,"id":"h-Annotiertes_Bild_(Beschnitt_und_Text)-Einbindung","replies":[]}]},{"headingLevel":2,"name":"h-","type":"heading","level":0,"id":"h-Bildbeschreibung","replies":[{"headingLevel":3,"name":"h-","type":"heading","level":0,"id":"h-Bildlegende-Bildbeschreibung","replies":[]},{"headingLevel":3,"name":"h-","type":"heading","level":0,"id":"h-Alternativtext-Bildbeschreibung","replies":[]},{"headingLevel":3,"name":"h-","type":"heading","level":0,"id":"h-Legende_bei_farbigen_Grafiken-Bildbeschreibung","replies":[]},{"headingLevel":3,"name":"h-","type":"heading","level":0,"id":"h-Legende_bei_schmalen_Bildern-Bildbeschreibung","replies":[]}]},{"headingLevel":2,"name":"h-","type":"heading","level":0,"id":"h-Anordnung/Ausrichtung","replies":[{"headingLevel":3,"name":"h-","type":"heading","level":0,"id":"h-Grundsätzliches_zur_Ausrichtung-Anordnung/Ausrichtung","replies":[]},{"headingLevel":3,"name":"h-","type":"heading","level":0,"id":"h-Ausrichtung_links_vermeiden-Anordnung/Ausrichtung","replies":[]},{"headingLevel":3,"name":"h-","type":"heading","level":0,"id":"h-Layoutfluss-Anordnung/Ausrichtung","replies":[]},{"headingLevel":3,"name":"h-","type":"heading","level":0,"id":"h-Umfließen_eines_Bildes_durch_nachfolgenden_Text_verhindern-Anordnung/Ausrichtung","replies":[]},{"headingLevel":3,"name":"h-","type":"heading","level":0,"id":"h-Vertikale_Ausrichtung-Anordnung/Ausrichtung","replies":[]},{"headingLevel":3,"name":"h-","type":"heading","level":0,"id":"h-Bilder_nebeneinander-Anordnung/Ausrichtung","replies":[]},{"headingLevel":3,"name":"h-","type":"heading","level":0,"id":"h-Galerien-Anordnung/Ausrichtung","replies":[]},{"headingLevel":3,"name":"h-","type":"heading","level":0,"id":"h-Bilder_in_Aufzählungen-Anordnung/Ausrichtung","replies":[]}]},{"headingLevel":2,"name":"h-","type":"heading","level":0,"id":"h-Bildgröße","replies":[{"headingLevel":3,"name":"h-","type":"heading","level":0,"id":"h-Originalgröße-Bildgröße","replies":[]},{"headingLevel":3,"name":"h-","type":"heading","level":0,"id":"h-Feste_Skalierung-Bildgröße","replies":[]},{"headingLevel":3,"name":"h-","type":"heading","level":0,"id":"h-Automatische_Skalierung_mit_hochkant-Bildgröße","replies":[]},{"headingLevel":3,"name":"h-","type":"heading","level":0,"id":"h-Panoramabilder-Bildgröße","replies":[]},{"headingLevel":3,"name":"h-","type":"heading","level":0,"id":"h-Beschriftete_Panoramabilder-Bildgröße","replies":[]},{"headingLevel":3,"name":"h-","type":"heading","level":0,"id":"h-360°-Kugelpanoramen-Bildgröße","replies":[]}]},{"headingLevel":2,"name":"h-","type":"heading","level":0,"id":"h-Verlinkung","replies":[{"headingLevel":3,"name":"h-","type":"heading","level":0,"id":"h-Von_der_Dateibeschreibungsseite_abweichendes_Linkziel-Verlinkung","replies":[]},{"headingLevel":3,"name":"h-","type":"heading","level":0,"id":"h-Imagemaps-Verlinkung","replies":[]},{"headingLevel":3,"name":"h-","type":"heading","level":0,"id":"h-Erzeugen_eines_Links_zur_Dateibeschreibungsseite-Verlinkung","replies":[]}]},{"headingLevel":2,"name":"h-","type":"heading","level":0,"id":"h-Technische_Aspekte","replies":[{"headingLevel":3,"name":"h-","type":"heading","level":0,"id":"h-Nach_dem_Hochladen_einer_neuen_Bildversion-Technische_Aspekte","replies":[]},{"headingLevel":3,"name":"h-","type":"heading","level":0,"id":"h-Technischer_Hintergrund_zu_Bildgrößen_und_Ressourcenbelastung-Technische_Aspekte","replies":[]}]},{"headingLevel":2,"name":"h-","type":"heading","level":0,"id":"h-Anmerkungen","replies":[]}],"wgPageParseReport":{"discussiontools":{"limitreport-timeusage":"0.051"},"limitreport":{"cputime":"0.408","walltime":"0.638","ppvisitednodes":{"value":3026,"limit":1000000},"postexpandincludesize":{"value":33291,"limit":2097152},"templateargumentsize":{"value":5626,"limit":2097152},"expansiondepth":{"value":10,"limit":100},"expensivefunctioncount":{"value":9,"limit":500},"unstrip-depth":{"value":0,"limit":20},"unstrip-size":{"value":15982,"limit":5000000},"entityaccesscount":{"value":1,"limit":400},"timingprofile":["100.00% 311.269 1 -total"," 23.49% 73.123 1 Vorlage:Hilfe"," 18.52% 57.662 2 Vorlage:Lang"," 7.18% 22.364 1 Vorlage:Weiterleitungshinweis"," 6.38% 19.869 1 Vorlage:Hinweisbaustein"," 5.83% 18.149 1 Vorlage:Große_Imagemap"," 5.22% 16.262 17 Vorlage:Anker"," 4.95% 15.413 1 Vorlage:Shortcut"," 4.84% 15.051 6 Vorlage:Farbe"," 4.82% 15.013 1 Vorlage:Manueller_Rahmen"]},"scribunto":{"limitreport-timeusage":{"value":"0.077","limit":"10.000"},"limitreport-memusage":{"value":2945727,"limit":52428800}},"cachereport":{"origin":"mw-web.eqiad.main-5dc468848-nd9j8","timestamp":"20241123232209","ttl":2592000,"transientcontent":false}}});});</script> </body> </html>