Help:Images/de

Diese Seite erklärt die image Syntax beim Bearbeiten des Wikis. Normalerweise musst du oder ein anderer Nutzer ein Bild hochladen bevor es auf der Seite benutzt werden kann.

Auf einem MediaWiki Server gespeicherte Bilder werden normalerweise dargestellt mit dem Präfix  für den Datei-Namensraum als Ziel für einen MediaWiki Link. (Die alte Schreibweise  wird noch immer als Synonym unterstützt). Das alternative Namensraum-Präfix  kann ebenfalls genutzt werden, um den originalen Dateiinhalt zu bezeichnen (um ihn separat auf jeder MediaWiki Seite anzuzeigen oder herunterzuladen).

Unterstützte Bildformate
Die folgenden Formate werden standardmäßig unterstützt.


 * .jpg oder .jpeg : Bitmap Bilder im Standard JPEG Format komprimiert (dieses verlustbehaftete Format ist am besten geeignet für Fotos).
 * .png : Bitmap Bilder im Portable Network Graphics Format (Spezifiziert vom W3 Consortium).
 * .gif : Bitmap Bilder im alten Graphics Interchange Format.

Andere von Wikimedia verwendete Formate, die üblicherweise anderswo aktiviert sind (diese bedürfen möglicherweise zusätzliche Konfiguration, da sie mitunter nicht standardmäßig aktiviert sind):


 * .svg: Skalierbare Grafik im "Scalable Vector Graphics"-Format (Spezifiziert durch das "W3-Konsortium"). Siehe Manual:Image Administration#SVG.
 * .tiff : Abkürzung für tagged image format. Häufig verwendet für Hochauflösende Archivbilder. Häufig verwendet mit.
 * .ogg, .oga, .ogv : Ogg-Multimedia-Dateien (Audio oder Video). Kein Bildformat, wird aber ebenso behandelt. Häufig verwendet mit
 * .pdf : mehrseitige Dokumente im Portablen Dokumenten Format (ursprünglich von Adobe spezifiziert). Oft in Verbindung mit benutzt
 * .djvu : mehrseitige Bitmap Dokumente im DejaVu-Format (meist Buchscans). Siehe
 * Nur eine Seite einer .pdf oder .djvu Datei wird auf einmal angezeigt.

Andere Medientypen können unterstützt werden, aber nicht deren Darstellung in einer Zeile.

Syntax
Die vollständige Syntax für das Anzeigen eines Bildes ist:

Option kann keine oder mehrere der Folgenden sein, getrennt durch den vertikalen Strich (|):


 * Format Option: eine von border und/oder frameless, frame, thumb (oder thumbnail); Wenn mehrere dieser Optionen zur Verfügung stehen, wird nur die erste verwendet;
 * Bestimmt wie das angezeigt Bild auf der Seite formatiert und eingebettet wird.
 * Grösse anpassen (resizing) Option: eine von
 * {width}px — ändert die Bildbreite auf das angegebene Maximum, ohne die Höhe festzusetzen. (Ein Leerzeichen zwischen dem Wert für die Breite und "px" ist zulässig.)
 * x{height}px — ändert die Bildhöhe auf das angegebene Maximum, ohne die Breite festzusetzen.
 * {width}x{height}px — ändert die Bildgrösse um innerhalb der Höhe und Breite zu liegen.
 * upright — ändert die Größe innerhalb sinnvoller Ausdehnungen, gemäß Benutzervorgaben (geeignet für Bilder mit größerer Höhe als Breite). Wenn Du  einstellst, wird das Bild mit der Standardbildbreite des Benutzers angezeigt.   zeigt das Bild mit der doppelten Standardbreite des Benutzers an.
 * Das Bild behält immer sein Seitenverhältnis bei.
 * Bilder in nicht skalierbaren Medientypen können verkleinert, aber nicht vergrößert werden. Bitmap-Bilder können beispielsweise nicht vergrößert werden.
 * Die Einstellung  erfordert kein Gleichheitszeichen, d. h.   funktioniert genauso wie.
 * Bei Verwendung ohne Wert oder Gleichheitszeichen (z. B. ) wird standardmäßig   verwendet (obwohl   mit   identisch ist).
 * Wenn sowohl  als auch   vorhanden sind, werden die ersten   ignoriert. Für Details siehe.
 * Wenn zwischen "upright" und dem Gleichheitszeichen ein Leerzeichen steht (z. B. )), wird der Wert von   ignoriert. Für Details siehe.
 * Die maximale Standardgröße hängt ab vom Format und den internen Bildmaßen (gemäß des Medientyps).
 * Horizontale Ausrichtungs Option: eines von left, right, center, none; Wenn mehrere dieser Optionen zur Verfügung stehen, wird nur die erste verwendet;
 * Bestimmt die Horizontale Ausrichtung (und inline/block oder floating Stile) des Bildes innerhalb von Text (ohne Standardwert).
 * Vertikale Ausrichtungs Option: eines von baseline, sub, super, top, text-top, middle, bottom, text-bottom;
 * Bestimmt die vertikale Ausrichtung eines non-floating inline Bildes mit dem Text vor oder nach dem Bild innerhalb des selben Blocks (die vertikale Standardausrichtung ist middle)
 * Link option: Eine von
 * link={target} — Erlaubt das Ändern des erzeugten Linkziels (zu einem zufälligen Seitentitel oder URL), aktivierbar auf der angezeigten Bildfläche ; z.B.  wird dargestellt als Example.jpg (externer Link), oder   als Example.jpg (interner Link).
 * link= (mit einem Leerwert) — (MediaWiki 1.14+) Zeigt ein Bild ohne aktivierbaren Link; z.B.   wird dargestellt als Example.jpg.
 * Wenn zwischen  und dem Gleichheitszeichen ein Leerzeichen steht, wird die Link-Anweisung als Beschriftung verwendet.


 * ! für MW Version 1.24 und kleiner: Wenn, also nicht angegeben ist, dann wird beim überfahren mit dem Mauszeiger abhängig vom benutzten Browser nicht zwingend ein Text angezeigt (siehe T23454).
 * Andere spezifische Optionen:
 * alt={alternativer Text} — (MediaWiki 1.14+) spezifiziert alternativen Text (bezogen auf das HTML Attribut  des generierten   Elements) eines Bilds, der angezeigt wird, wenn entweder das gewünschte Bild nicht heruntergeladen und angezeigt werden kann oder das anzeigende System diesen Text verwenden muss (z.&#8239;B. wenn ein Braille-Leser eingesetzt wird oder der Nutzer im Browser entsprechendes einstellt).
 * Wenn zwischen  und dem Gleichheitszeichen ein Leerzeichen steht, wird die alt-Anweisung als Beschriftung verwendet.
 * page={Nummer} — zeigt die angegebene Seitennummer (zur Zeit nur verwendbar, wenn eine *.djvu- oder eine *.pdf-Datei angezeigt wird).
 * class={HTML Klasse} — (MediaWiki 1.20+) Definiert die Klassen (spezifiziert das HTML-Attribut  des generierten   Elements).
 * lang={language code} – (MediaWiki 1.22+) für SVG-Dateien mit &lt;switch&gt; Anweisungen, die für ein Attribut systemLanguage variieren, wählen aus, in welcher Sprache die Datei dargestellt werden soll. Die Standardeinstellung ist die Seitensprache (bei den meisten Projekten wird standardmäßig die Standardsprache des Projekts verwendet).

Wenn ein Parameter mit keiner der anderen Möglichkeiten übereinstimmt, wird davon ausgegangen, dass er der Beschriftungstext ist. Wenn mehr als eine Nicht-Parameter-Zeichenfolge vorhanden ist, wird die letzte Nicht-Parameter-Zeichenfolge als Beschriftung verwendet. Beschriftungstext wird unterhalb des Bildes in thumb und frame Formaten angezeigt oder als Tooltip-Text in jedem anderen Format. Der in den Formaten thumb und Frame angezeigte Beschriftungstext kann Wiki-Links und andere Formatierungen enthalten. MediaWiki Erweiterungen können zusätzliche Optionen hizufügen.

Wenn "alt" nicht angegeben ist und eine Beschriftung bereitgestellt wird, wird der alternative Text automatisch aus der Beschriftung erstellt, ohne Formatierung, es sei denn, die Beschriftung ist bereits für "thumb" oder "frame" Screenreader lesbar.

Format
Die folgende Tabelle zeigt die Auswirkung aller verfügbaren Formate.

Wenn die Höhe eines Bilds in der Miniaturansicht größer als seine Breite ist (d. h. im Hochformat statt im Querformat) und Du sie zu groß findest, kannst Du die Option  verwenden, wobei N für das Seitenverhältnis des Bildes  steht (Breite geteilt durch Höhe, standardmäßig 0,75). Die Alternative besteht darin, die gewünschte maximale Höhe (in Pixel) explizit anzugeben.

Beachte, dass Du durch Einfügen von  ein anderes Bild für die Miniaturansicht verwenden kannst.

Größe und Rahmen
Unter verschiedenen Formaten kann die Auswirkung des Größenparameters unterschiedlich ausfallen, wie unten gezeigt.


 * Wie es angezeigt wird, wenn seine Größe nicht angegeben ist, findest Du im obigen Abschnitt Format.
 * Wenn das Format nicht angegeben oder nur  enthält, kann die Größe auf jede angegebene Größe verkleinert und vergrößert werden.
 * In den folgenden Beispielen beträgt die Originalgröße des Bildes 400 × 267 Pixel.
 * Ein Bild mit  ignoriert immer die Größenangabe. Das Originalbild wird verkleinert, wenn es die in den Benutzereinstellungen festgelegte maximale Größe überschreitet.
 * Die Größe eines Bildes mit  oder   kann reduziert, aber nicht über die Originalgröße des Bildes hinaus vergrößert werden.

Horizontale Ausrichtung
Beachte, dass bei Verwendung der Formate  oder    die horizontale Standardausrichtung   lautet.

Vertikale Ausrichtung
Die vertikalen Ausrichtungsoptionen wirken sich nur aus, wenn das Bild als Inline-Element gerendert wird und nicht floatet. Sie ändern die Art und Weise, in der das eingeblendete Bild vertikal an dem Text ausgerichtet wird, der in demselben Block vor und/oder nach diesem Bild in derselben gerenderten Zeile vorhanden ist.

Beachte, dass die gerenderte Textzeile, in die Inline-Bilder eingefügt werden (und die nach der aktuellen Textzeile gerenderten Textzeilen) nach unten verschoben werden können (dies erhöht die Zeilenhöhe bedingt durch zusätzlichen Zeilenabstand, genau wie dies bei Text mit variablen Schriftgrößen oder mit Hoch- und Tiefstellungen sein kann), damit die Bildhöhe mit dieser Ausrichtungsbeschränkung vollständig angezeigt werden kann.



Um das Ausrichtungsergebnis klarer darzustellen, werden die Textbereiche über- und unterstrichen, die Schriftgröße auf 200% erhöht und der Absatzblock mit einem dünnen Rand versehen. zusätzlich werden Bilder unterschiedlicher Größe ausgerichtet:

 text top: text

 text text-top: text

 text super: text

 text baseline: text

 text sub: text

 text default: text

 text middle: text

 text text-bottom: text

 text bottom: text

Hinweise:


 * 1) Die "mittlere" vertikale Ausrichtungsposition des Bildes (die auch die Standardposition ist) bezieht sich normalerweise auf die Mitte zwischen der x-Höhe und der Grundlinie des Texts (an der die vertikale Bildmitte ausgerichtet wird und an der in der Regel der Text überschrieben sein kann), jedoch nicht in der Mitte der Zeilenhöhe der Schrifthöhe, die sich auf den Abstand zwischen den Positionen "Text oben" und "Text unten" bezieht; Die Schrifthöhe schließt aus:
 * 2) * der zusätzliche Zeilenabstand, der normalerweise gleichmäßig in zwei Zeilenränder (hier 0,5em, entsprechend der auf 200% eingestellten Zeilenhöhe) oberhalb und unterhalb der Schrifthöhe aufgeteilt wird.
 * 3) * der zusätzliche Zeilenabstand, der durch hochgestellte und tiefgestellte Zeichen hinzugefügt werden kann.
 * 4) Wenn jedoch die Bildhöhe dazu führt, dass die obere oder untere Position über oder unter der normalen vollen Zeilenhöhe des Texts liegt, wird die mittlere Position nach dem Erhöhen der oberen und/oder unteren Zeilenränder angepasst, damit das Bild angepasst und korrekt ausgerichtet angezeigt werden kann. Alle Bilder (einschließlich der Bilder mit kleineren Höhen) werden vertikal in der angepassten Mittelposition zentriert (zur Berechnung der effektiven Zeilenhöhe wird der Text jeder gerenderten Zeile mit der größeren Schrifthöhe berücksichtigt).
 * 5) Die Ausrichtungspositionen "Text oben" und "Text unten" schließen auch den zusätzlichen Zeilenabstand aus, der durch hochgestellte und tiefgestellte Zeichen hinzugefügt wird, jedoch nicht den zusätzlichen Zeilenabstand, der durch die Zeilenhöhe definiert wird.
 * 6) Die Ausrichtungspositionen "oben" und "unten" berücksichtigen all diese zusätzlichen Zeilenabstände (einschließlich hochgestellter und tiefgestellter Zeilen, wenn sie in einem gerenderten Zeilenbereich vorhanden sind). Wenn die Bildausrichtung das Bild so einschränkt, dass es über oder unter dem normalen Zeilenabstand hinausragt und das Bild nicht absolut positioniert ist, werden durch das Bild die Positionen "oben" und "unten" angepasst (genau wie bei Hoch- und Tiefstellungen). Daher ist die effektive Zeilenhöhe zwischen gerenderten Textzeilen höher.
 * 7) Die Textformatierungen "unterstrichen", "überstrichen" und "durchgestrichen" sollten irgendwo innerhalb dieser beiden Grenzen liegen und können von der Art und Höhe der verwendeten Schriftarten abhängen (die hochgestellten und tiefgestellten Stile können berücksichtigt werden) In einigen Browsern werden diese Stile jedoch normalerweise ignoriert und die Position dieser Textformatierungen möglicherweise nicht angepasst. Daher haben diese Formatierungen normalerweise keinen Einfluss auf die vertikale Position der Bilder relativ zum Text.

Textfluss stoppen
Gelegentlich ist es wünschenswert, zu verhindern, dass Text (oder andere nicht floatende Inline-Bilder) um ein floatendes Bild herumfließen. Abhängig von der Bildschirmauflösung des Webbrowsers und dergleichen kann der Textfluss auf der rechten Seite eines Bildes dazu führen, dass rechts neben dem Bild eine Abschnittsüberschrift (z. B. == Meine Überschrift ==) angezeigt wird, anstatt darunter, wie man es erwarten würde. Der Textfluss kann gestoppt werden, indem   (oder falls bevorzugt,  ) vor dem Text platziert wird, der unter dem floatenden Bild beginnen soll. (Dies kann auch ohne eine Leerzeile geschehen, indem der Abschnitt mit den floatenden Bildern mit … umbrochen wird, wodurch alle Floats innerhalb des  -Elements gelöscht werden.)

Alle Bilder werden als Blöcke gerendert (einschließlich zentrierter, nicht floatender Bilder,links oder rechts floatender Bilder sowie gerahmter Bilder oder floatender Vorschaubilder) unterbrechen implizit die umgebenden Textzeilen (beenden den aktuellen Textblock vor dem Bild und erstellen einen neuen Absatz für den Text danach). Sie werden dann vertikal entlang ihres linken oder rechten Ausrichtungsrandes (oder entlang der Mittellinie zwischen diesen Rändern von zentrierten Bildern) gestapelt.

Ändern des Standard-Link-Ziels
In der folgenden Tabelle wird gezeigt, wie Du das Linkziel (dessen Standardeinstellung die Bildbeschreibungsseite ist) ändern oder entfernen kannst. Durch Ändern des Links wird das in den vorherigen Abschnitten beschriebene Format nicht geändert.

Warnung::
 * Aufgrund der Lizenzanforderungen in Deinem Wiki kannst Du möglicherweise nicht alle Links zu der Beschreibungsseite entfernen, auf der die erforderlichen Autorenangaben, die Urheberrechtserklärungen, die geltenden Lizenzbestimmungen oder eine vollständigere Beschreibung des gerenderten Bildes (einschließlich des Änderungsverlaufs) angezeigt werden.
 * Wenn Du den Ziellink eines Bildes änderst oder entfernst, musst Du an einer anderen Stelle auf Deiner Seite einen expliziten Link zu dieser Beschreibungsseite bereitstellen oder die Urheberrechts- und Autorenangabe sowie gegebenenfalls einen Link zur entsprechenden Lizenz anzeigen, falls sie sich von den Elementen unterscheiden, die für die Einbettungsseite selbst gelten.
 * Möglicherweise schränkt Deine Wiki-Richtlinie die Verwendung des alternativen Link-Parameters ein oder erzwingt sogar ein Verbot alternativer Link-Parameter für eingebettete Mediendateien (in diesem Fall wird der Link-Parameter ignoriert) oder akzeptiert sie erst nach Überprüfung durch autorisierte Benutzer oder Administratoren.

Gallery syntax
Mit dem -Tag kannst Du ganz einfach eine Galerie mit Miniaturansichten erstellen. Die Syntax ist:

Mode parameter
Starting in 1.22 a  parameter is available, taking options as follows:


 * is the original gallery type used by MediaWiki.
 * is similar to, but with no border lines.
 * causes images to have the same height but different widths, with little space between the images. The rows in this responsive mode organize themselves according to the width of the screen.
 * shows the caption overlaid on the image, in a semi-transparent white box.
 * is similar to, but with the caption and box only showing up on hover.
 * creates a slideshow of the images.

Zum Beispiel:

Gives (mode: packed-hover):

Optional gallery attributes
The gallery tag itself takes several additional parameters, specified as attribute name-value pairs:

Row of images that will wrap to browser width
One way that works for a row of images with varying widths is not to use "thumb" or "left" or "none". If "thumb" is not used (and thus no captions) a row of images will wrap to the browser width. If necessary, narrow the browser window to see the images wrap to the next row.





To wrap images of varying widths with captions it is necessary to use div HTML for an unordered list. Along with. For more info and ideas see: Give Floats the Flick in CSS Layouts.

    </li>  </li>  </li>  </li>  </li>  </li>  </li> </ul>

Some wiki farms do not have all gallery options (such as "widths"). Also, sometimes one wants varying widths for images in a row. Outside of a gallery, or the div HTML, it is impossible to have individual captions for images in a row of images that will wrap to the browser width. Try it and see. Nothing else using wikitext works correctly. Images will either overlap stuff on the right, or force a horizontal scroll bar.

Using a left float ("left") for some images, combined with "none" for some of the images, will not work consistently either, especially if there is also a right sidebar of images. Weird things will occur. At narrower browser or screen widths an image out of the row may appear far down the page after the end of the right sidebar of images.

Link behavior
By default an image links to its file description page. The "link=" option modifies this behavior to link to another page or website, or to turn off the image's linking behavior.

Alternatively, you can create a text link to a file description page or to the file itself. Siehe.

Display image, link it to another page or website
Use "link=" option to link image to another page or website:

Clicking on the below image will take you to MediaWiki:





Clicking on the below image will take you to example.com:





Display image, turn off link
Use "link=" option with no value assigned to turn link off entirely; the below image is not a link:





Link to an image
Add  as a prefix to the link you need to create.

File:Wiki.png File:Wiki.png Wiki Wiki

Obtain a direct link to an image
To get a direct link to an image (bypassing the image's description page), some can be used.

Becomes:



In the event that this is used from a template where the  namespace needs to be removed,   can do so:

Becomes:



Voraussetzungen
Bevor Bilder im Wiki benutzt werden können, muss ein Wiki-Admin das Hochladen von Dateien freigeschaltet haben. Außerdem muss der Benutzer Dateien hochgeladen haben. Die Systemadministratoren können auch Dateien anderer Quellen wie [Special:MyLanguage/Manual:Image Administration#Foreign Repositories Wikimedia Commons] zulassen. Es ist notwendig, einen Bildskalierer (z.B. GD2, ImageMagick) für das Wiki zu installieren, falls die Bilder in verschiedenen Größen angezeigt werden sollen.

Dateien anderer Webseiten
You can link to an external file available online using the same syntax used for linking to an external web page. With these syntaxes, the image will not be rendered, but only the text of the link to this image will be displayed.



Or with a different displayed text:

link text here

Additional MediaWiki markup or HTML/CSS formatting (for inline elements) is permitted in this displayed text (with the exception of embedded links that would break the surrounding link): Example  rich   link text  here.

which renders as: Example  rich   link text  here.

If it is enabled on your wiki (see ), you can also embed external images. To do that, simply insert the image's url: http://url.for/some/image.png Currently, embedded images cannot be resized, but they may be formatted by surrounding MediaWiki markup or HTML/CSS code.

If this wiki option is not enabled, the image will not be embedded but rendered as a textual link to the external site, just like above.

Direct image access
MediaWiki supports file access via the Special:Redirect/file page, or with a direct URL:

Both height and width are optional. The image aspect ratio is always preserved.

Siehe auch

 * Wikipedia:Erweiterter Bild-Syntax
 * Kategorie:Wikipedia Bilder Hilfe
 * Hilfe:Bilder
 * Hilfe:Galerie