Bilder einbinden

From WeTab Wiki
Jump to: navigation, search

Template:Shortcut Template:Wikipedia-Hilfe

Template:Benutzer:Überraschungsbilder/Vorlage

Diese Seite erklärt, wie du Bilder, Grafiken und Karten in Artikel einfügst und platzierst. Ob und welche Bilder sinnvoll sind, beschreibt Wikipedia:Artikel illustrieren.

Bilder und andere Dateien werden üblicherweise nicht in der deutschsprachigen Wikipedia selbst, sondern im zentralen Medienarchiv Wikimedia Commons hochgeladen, damit andere Projekte sie mitverwenden können. Wie das geht und was du beachten musst, erfährst du im Bildertutorial. Welche Bilder du hochladen darfst, erklärt der dortige Abschnitt zu den Bildrechten. Du solltest dich unbedingt mit den Bildrechten vertraut machen, wenn du nicht möchtest, dass deine Bilder wegen Lizenzproblemen wieder gelöscht werden. Wikipedia:Bildrechte erläutert jene weitestgehend mit Anpassung auf lokale (nicht auf Commons hochgeladene) Bilder.

Hilfe zum Finden freier, für uns verwendbarer Bilder findest du auf der Seite Wikipedia:Public-Domain-Bilderquellen. Falls du noch offene Fragen hast, kannst du dich gerne an die Redaktion Bilder wenden.

Stichwortverzeichnis: gerahmt (framed), gallery, hochkant (upright), imagemap, links (left), miniatur (thumb), ohne (none), px, rahmenlos (frameless), rand (border), rechts (right), verweis (link), zentriert (center).<ref name=parameter.en.de>Allein die englischen Parameter funktionieren global in allen Wikimediaprojekten.
Bearbeitungen, die ausschließlich Änderungen dieser Parameter vornehmen, sind u. a. wegen der unnötigen Serverbelastung nicht erwünscht. Da kein Konsens über die bevorzugte Verwendung besteht, kommt zudem im schlechtesten Fall eine spätere Bearbeitung, die wiederum nur die Paramter wieder umstellt, ohne etwas zu verbessern.</ref> Siehe auch „mehrere Bilder“ (Vorlage)

Contents

Einbindung

[[Datei:Rubens Anghiarischlacht2.jpg|miniatur|Detail der Anghiarischlacht, 1603
gezeichnete Kopie von Peter Paul Rubens]] Bilder werden normalerweise mit [[Datei:Dateiname|miniatur|Beschreibung]] eingebunden. Bis zum 12. Dezember 2008 wurde „Bild:“ statt „Datei:“ zur Einbindung verwendet. Diese Variante gilt als veraltet, wird aber von der MediaWiki-Software ebenso wie (in jeder Wikipedia) der englische Begriff „File:“ („Image:“) erkannt.<ref name=parameter.en.de />

Das verwendete Bild muss auf Wikimedia-Commons oder in der deutschsprachigen Wikipedia hochgeladen sein. Das direkte Einbinden eines Bildes von einer externen Adresse (http://...) ist in Wikipedia – auch aus rechtlichen Gründen – nicht möglich.

Siehe unten, um anstelle des Bildes oder Thumbnails im Artikel nur einen internen Link zur Bildbeschreibungsseite anzuzeigen.

In der Dateibeschreibung kann ein Verweis auf den Autor des Bildes vermerkt werden, wenn der Autor selbst relevant ist (also zum Beispiel einen eigenen Wikipedia-Artikel hat) – siehe Beispiel rechts.

Die Dateibeschreibung wird ohne einen Punkt abgeschlossen, wenn sie kurz ist oder nicht aus einem vollständigen Satz besteht. Bei mehreren Sätzen wird eine normale Interpunktion (inklusive Schlusspunkt) verwendet.

Prinzipielles zur Anordnung

Weil das Aussehen einer Webseite in erster Linie davon abhängt, wie sie der jeweilige Browser darstellt, nicht, wie der Autor sie plant, soll bei Anordnung, Ausrichtung und Größe möglichst auf zu spezielle Vorgaben verzichtet werden. Gutes Webdesign zeichnet sich durch Flexibilität aus, perfektes Layout ist erst für eine gedruckte Ausgabe wie den WikiReader nötig.

Die Bilder sollten möglichst in die zugehörigen Kapitel gesetzt werden. Zu viele Bilder am Anfang des Artikels, die sich „von selbst“ auf den Artikel verteilen, sind ungünstig: Sie zeigen leicht unerwünschte Nebenwirkungen im Layout und bringen manche ältere Browser zum Absturz. Verzichte nach Möglichkeit auf Galerien.

Originalgröße

Bilder lassen sich mit [[Datei:Dateiname|Beschreibung]] in Artikel einfügen. Das Bild wird dann in Originalgröße links im Artikel angezeigt. Die Beschreibung wird beim Platzieren der Maus über dem Bild (sogen. Tooltip) angezeigt. Mit der Option gerahmt bzw. framed,<ref name=parameter.en.de /> z. B. [[Datei:Dateiname|gerahmt|Beschreibung]] wird das Bild mit einem Rahmen umgeben, rechtsbündig angezeigt und eine feste Skalierung (etwa |10px|) ignoriert.

Eingabe Ergebnis
[[Datei:Feather 150 transparent.png|Feder]] Feder
[[Datei:Feather 150 transparent.png|gerahmt|Eine Feder mit Rahmen]] gerahmt|Eine Feder mit Rahmen

Da durch große Bilder die Seiten dann sehr lange zum Laden brauchen, solltest du aus Rücksicht auf die Modembenutzer dies nur in Ausnahmefällen so handhaben, zum Beispiel wenn das Originalbild sehr klein ist. Benutze sonst besser verkleinerte Vorschauansichten (so genannte Thumbnails), die der Leser – wenn es ihn interessiert – dann mit einem Klick auf die Lupe vergrößern und genauer betrachten kann.

Vorschaubilder (Thumbnails) Template:AnkerTemplate:Anker

miniatur|Text der Bildbeschreibung rechts|rahmenlos|Text der Bildbeschreibung MediaWiki kann automatisch Vorschaubilder (Thumbnails) erzeugen. Dazu fügt man den Zusatz miniatur oder thumb<ref name=parameter.en.de /> zwischen Dateiname und Beschreibungstext ein, zum Beispiel [[Datei:Feather.svg|miniatur|Text der Bildbeschreibung]]. Bildunterschriften unterstützen alle Möglichkeiten der Textgestaltung. Allgemein sollte diese Art der Bilddarstellung in Artikeln verwendet werden.

Das erzeugte Vorschaubild wird rechtsbündig ausgerichtet und vom Artikeltext umflossen. Der Alternativtext wird unter dem Bild als Beschreibung angezeigt. Über die Lupe springt man zur großen Version des Bildes auf seiner Beschreibungsseite.

Es ist möglich, die Größe der Vorschaubilder zu beeinflussen – eine feste Größenangabe ist im Allgemeinen nicht erwünscht. Siehe hierzu den folgenden Abschnitt Bilder skalieren.

Angemeldete Benutzer können die Bildgröße der Vorschaubilder in ihren Benutzereinstellungen festlegen; für nichtangemeldete Leser erscheinen diese Bilder mit einer Bildbreite von 220 Pixeln. 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 u. U. drastisch verschieben kann.

Für Vorschaubilder ohne Rahmen fügt man anstelle von miniatur den Zusatz rahmenlos oder frameless<ref name=parameter.en.de /> hinzu. Dabei ist zu beachten, dass diese jedoch standardmäßig links ausgerichtet sind, so dass für das gleiche Verhalten zu miniatur ein rechts (oder right) notwendig ist, zum Beispiel [[Datei:Feather.svg|rahmenlos|rechts|Text der Bildbeschreibung]].

Vom Originalbild abweichende Vorschaubilder sind mit der derzeitigen Software nicht mehr möglich.<ref>Version 21.11.2007 bzw. 16.10.2008 dieser Seite</ref> Der gleiche Effekt kann aber mittels Benutzung der verweis-Parameters erreicht werden: Einbindung des Bildes, welches als Vorschau erscheinen soll, und Verweis auf die Originalbildseite (Lizenz des als Vorschaubild benutzten Bildes beachten!).

Die erstellten Vorschaubilder werden bei Bildern im jpg-Format nachgeschärft, nicht jedoch bei Bildern im png-Format.<ref>Diskussion mit Bildbeispielen vom 19.02.2010</ref>

Bilder skalieren

Grundsätzlich sollten starre Bildgrößen nur in Ausnahmefällen verwendet werden. Die Benutzer haben nämlich persönliche Vorlieben und möglicherweise die Anzeige-Einstellungen entsprechend individuell angepasst. Vielleicht sind sie sehbehindert, vielleicht verwenden sie einen sehr kleinen oder sehr großen Bildschirm. Bei starren Bildgrößen kann die Software diesen Vorlieben nicht mehr Rechnung tragen.

Lass also, wann immer möglich, die Benutzer selbst wählen, in welcher Größe sie Vorschaubilder sehen wollen. Eine nach Pixelzahl festgelegte Bildgröße erschwert auch massiv eine mögliche globale Umstellung der Standardanzeigegröße für Vorschaubilder.

Feste Skalierung

miniatur|100px|Beschreibung Mit [[Datei:Feather.svg|miniatur|100px|Beschreibung]] wird die Breite des generierten Miniaturbildes (thumbnail) auf 100 Pixel festgelegt (Standardgröße, keine Definition: 220 Pixel oder der Vorgabewert des Benutzers).

Mit [[Datei:Feather.svg|miniatur|x100px|Beschreibung]] wird die Höhe des Miniaturbildes festgelegt. Die zugehörige Breite bzw. Höhe wird aus dem Seitenverhältnis automatisch berechnet.

Wenn man mit [[Datei:Feather.svg|miniatur|100x100px|Beschreibung]] sowohl die Maximalhöhe wie auch -breite angibt, wird der im Verhältnis kleinere Wert genommen. In diesem Beispiel würde das Bild weder höher noch breiter als 100 Pixel werden.

Außerhalb von Infoboxen und in einigen Fällen bei Tabellen sollten keine festen Bildbreiten verwendet werden – es sei denn, die Lesbarkeit einer Bildbeschriftung ist zum besseren Verständnis des Artikels erforderlich. Für den Fließtext im Artikelnamensraum gibt es Thumbnails in Verbindung mit der automatischen Skalierung: Um ein Bild/eine Grafik in besonderen Fällen dennoch größer oder kleiner darzustellen, kann der „hochkant“-Parameter verwendet werden. Damit erfolgt eine prozentuale Skalierung, die sich an den Benutzereinstellungen orientiert.

Automatische Skalierung

miniatur|hochkant=0.5|Ohne „px“-, aber mit „hochkant=0.5“-</br >Angabe

miniatur|ohne|hochkant|Ohne „px“-, aber mit „hochkant“-Angabe

miniatur|hochkant=1.8|Skalierbare Vergrößerung mit 180 % der Standardbreite bei einem sehr breitformatigen Foto (Panorama) Werden hoch- und querformatige Bilder untereinander gesetzt, ohne dass eine Breite vorgegeben wird, wirken die hochformatigen Vorschaubilder meist übermäßig groß. Es empfiehlt sich in solchen Fällen, dem hochformatigen Bild den Parameter hochkant bzw. upright<ref name=parameter.en.de /> mitzugeben. Damit wird es standardmäßig um den Faktor 0,75 schmaler als das querformatige Bild dargestellt, was in der Regel zu einer schöneren Aufteilung führt. Der große Vorteil liegt in der automatischen Skalierung, die für anonyme Benutzer genau so funktioniert wie für angemeldete Benutzer, die sich in ihren persönlichen Einstellungen eine andere Bildbreite vorgegeben haben. Die Größenverhältnisse untereinander bleiben immer gewahrt.

[[Datei:Bildname.jpg|miniatur|hochkant|Ohne „px“-, aber mit „hochkant“-Angabe]]

Dem Parameter hochkant kann auch ein Faktor mitgegeben werden, falls es sich um sehr hohe Bilder handelt, bei denen eine Skalierung auf 0,75 noch nicht reicht:

[[Datei:Bildname.jpg|miniatur|hochkant=0.5|Ohne „px“-, aber mit „hochkant=0.5“-Angabe]]

Auf diese Weise können auch sehr breite Bilder, z. B. Panoramen, skaliert werden. Mit einem „hochkant“-Wert > 1 werden sie entsprechend breiter als das Standard-Vorschaubild dargestellt. Die Proportionen bleiben dadurch in jeder Darstellung erhalten. Zu beachten ist, dass der Faktor bei Dezimalbrüchen mit Punkt statt mit Komma angegeben werden muss (Beispiel: 1.8 statt 1,8).

[[Datei:Panorama.jpg|miniatur|hochkant=1.8|Skalierbare Vergrößerung mit 180 % der Standardbreite bei einem sehr breitformatigen Foto (Panorama)]]

Die Breite der so berechneten Vorschaubilder wird immer auf den nächsthöheren 10er-Wert aufgerundet.

Zu beachten:

Die automatische Skalierung per hochkant funktioniert nicht nur zusammen mit dem Parameter miniatur, sondern auch mit rahmenlos. Sie funktioniert jedoch nicht ohne einen der beiden Parameter.

Ausrichten im Text

Grundsätzliches zur Ausrichtung

Die Ausrichtungs-Optionen links, rechts, zentriert und ohne (bzw. left, right, center und none)<ref name=parameter.en.de /> 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, bei längeren Absätzen auch absatzweise unter der Absatzüberschrift einzufügen.

Eingabe Ergebnis
[[Datei:Smile.png|links|Ein Smiley]] Ein '''Smiley''' ist ein vor allem im Chat beliebtes Emoticon. links|Ein Smiley Ein Smiley ist ein vor allem im Chat beliebtes Emoticon.
[[Datei:Smile.png|rechts|Ein Smiley]] Ein '''Smiley''' ist ein vor allem im Chat beliebtes Emoticon. rechts|Ein Smiley Ein Smiley ist ein vor allem im Chat beliebtes Emoticon.
[[Datei:Pilzkorb.jpg|miniatur|zentriert|100px|Ein Korb voller Speisepilze]] miniatur|zentriert|100px|Ein Korb voller Speisepilze center zentriert ein Bild innerhalb einer Tabellenzelle.

Der Parameter ohne schaltet jegliches links oder rechts umfließen des Textes ab und stellt das Bild im Text ("inline") linksbündig dar. Ein Darstellen im Textfluss ist nur ohne Ausrichtung und ohne Rahmen, aber mit Größenangabe möglich.

Eingabe Ergebnis
Ein '''Smiley''' [[Datei:Smile.png|links|Ein Smiley]] ist ein vor allem im Chat beliebtes Emoticon. Ein Smiley links|Ein Smiley ist ein vor allem im Chat beliebtes Emoticon.
Ein '''Smiley''' [[Datei:Smile.png|ohne|Ein Smiley]] ist ein vor allem im Chat beliebtes Emoticon. Ein Smiley ohne|Ein Smiley ist ein vor allem im Chat beliebtes Emoticon.
Ein '''Smiley''' [[Datei:Smile.png|gerahmt|[[Smiley]]]] ist ein vor allem im Chat beliebtes Emoticon. Ein Smiley [[Datei:Smile.png|gerahmt|Smiley]] ist ein vor allem im Chat beliebtes Emoticon.
Ein '''Smiley''' [[Datei:Smile.png|15px|Ein Smiley]] ist ein vor allem im Chat beliebtes Emoticon. Ein Smiley 15px|Ein Smiley ist ein vor allem im Chat beliebtes Emoticon.

Die meisten Optionen lassen sich beliebig, jeweils durch senkrechte Striche getrennt, miteinander kombinieren, unbekannte Optionen ignoriert die Software.

Ausrichtung links

Generell sollten Bilder aus Gründen der Gestaltungseinheitlichkeit und des Layouts am (standardmäßig vorgegebenen) rechten Rand der Seite platziert werden. Grafiker und Mediengestalter achten zwar darauf, dass abgebildete Personen im Layout von Text und Bild nicht „aus der Seite herausschauen“. Allerdings hat die Wikipedia durch die verschiedene Bildauflösungen der Hardware der unterschiedlichen Leser keine feste Seitenbreite und damit keine feste Absatzhöhe. Das führt bei unterschiedlichen Browserfensterbreiten schnell dazu, dass Abschnittsüberschriften rechts neben einem Bild beginnen und Listen, Tabellen sowie sonstige Gestaltungselemente empfindlich gestört werden, was sehr unvorteilhaft aussieht. So ist beispielsweise ein Foto in der Artikeleinleitung meist nicht links ausrichtbar, da es mit dem Inhaltsverzeichnis kollidieren würde.

[[Datei:Ruud Lubbers 1-1.jpg|links|miniatur|Ruud Lubbers schaut auf diesem Bild (vom Betrachter aus) extrem nach rechts, daher steht das Bild ausnahmsweise am linken Textrand.]] Blickt der Abgebildete allerdings extrem deutlich nach rechts oder ist er gar im Profil zu sehen (wie auf dem Beispielbild), so kann man ausnahmsweise das Bild mit dem Parameter links am linken Seitenrand platzieren, so dass er in Richtung des Artikeltextes sieht. Bitte vermeide es in jedem Fall, das Bild zu spiegeln, damit die Person in die „richtige“ Richtung schaut. Das wäre ein zu großer Eingriff in die dokumentarische Integrität des Bildes.

Eine weitere Ausnahme für die Anordnung am linken Rand sind Artikel, die lange Infoboxen einsetzen: dort ist das die einzige unkomplizierte Möglichkeit, ein Bild in einem am Anfang liegenden Kapitel unterzubringen. Wenn Du diese Variante einsetzt, teste unbedingt mit verschiedenen Einstellungen für die Breite des Browserfensters, ob der Text stets problemlos lesbar bleibt und nicht zerstückelt wird.

Vertikale Ausrichtung

Bilder können auch vertikal zu einem Text ausgerichtet werden. Für Möglichkeiten und Beispiele siehe Hilfe:Bilder/vertikale Ausrichtung.

Das Bild nicht umfließen

Wenn man ein oder mehrere Bild(er) am Rand angeordnet hat, kann man mit Hilfe der Vorlage {{subst:Absatz}} dafür sorgen, dass der folgende Text (z. B. ein neues Kapitel) unterhalb der Linie der Bildränder weitergeht. Mit {{subst:Absatz-L}} geht der folgende Text links unterhalb des Bildrands weiter, auf der rechten Seite kann aber weiterhin eine höhere Tabelle oder ein Bild neben dem Text stehen.

Template:Anker Von der Bildbeschreibungsseite abweichendes Linkziel

Hin und wieder kann es praktisch sein, dass man bei einem Klick auf das Bild nicht zu der Bildbeschreibungsseite, sondern zu einer anderen Seite gelangt. Man kennt ja zum Beispiel diesen Baustein: x16px|verweis=Wikipedia:Exzellente Artikel.

Hierfür gibt es den Parameter verweis bzw. link.<ref name="parameter.en.de" /> Hinter verweis= wird der Zielartikel bzw. Abschnitt angegeben (ohne [[ ]]).

Das Bild nicht anklickbar zu machen ist auch möglich: Wenn hinter dem Gleichheitszeichen nichts steht (leer), ist das Bild kein Link: x16px|verweis=

Achtung: Nur bei gemeinfreien Bildern (vom Autor als gemeinfrei angegeben oder Bild ohne Schöpfungshöhe) darf verweis angegeben werden!

Eingabe Ergebnis
In den [[Datei:Gnome-fs-trash-empty.svg|30px|verweis=Abfalleimer|Müll]] damit!
In den 30px|verweis=Abfalleimer|Müll damit!
[[Datei:Gnome-fs-trash-empty.svg|links|verweis=Abfalleimer|Müll]] Viele Verwendungen von „imagemap“ gehören in den Müll! Imagemaps ermöglichen anklickbare Bildbereiche. Wenn das ganze Bild klickbar sein soll, reicht meist „datei“ mit Verweis. links|verweis=Abfalleimer|Müll Viele Verwendungen von „imagemap“ gehören in den Müll! Imagemaps ermöglichen anklickbare Bildbereiche. Wenn das ganze Bild klickbar sein soll, reicht meist „datei“ mit Verweis.

miniatur|hochkant|verweis=Abfalleimer|noch ist er leer … Auch bei Thumbnails funktioniert verweis:

[[Datei:Gnome-fs-trash-empty.svg|miniatur|hochkant|verweis=Abfalleimer|noch ist er leer …]]

Der Vergrößernknopf verweist dann auf das derzeit angezeigte Bild und mit einem Klick auf das Bild gelangt man zum abweichenden Linkziel.

Galerie

Die Galerie eignet sich, um mehrere Bilder tabellarisch anzuordnen. In der Wikipedia ist das Einfügen von Galerien mit mehr als vier Bildern aber nur in Ausnahmefällen sinnvoll. Im Allgemeinen sollten Galerien in Commons angelegt und mit dem Link {{Commons|Artikelname}} in den Wikipedia-Artikel eingebunden werden.

Standard

Es werden automatisch so viele Bilder dynamisch nebeneinander gesetzt, wie der Bildschirm breit ist. 

<gallery>
Datei:Rotkehlchen gr.jpg|Rotkehlchen
Datei:Gaense2004.jpg|Gänse
Datei:Waran.jpg|Komodowaran
Datei:Cat outside.jpg|Hauskatze
Datei:Turtle mazunte oaxaca mexico claudio giovenzana 2010.jpg|Schildkröte
Datei:Carcharhinus melanopterus Luc Viatour.jpg|Hai
</gallery>

Bilder pro Zeile und Ausrichtung

Mit dem Schlüsselwort perrow="…" kann fest angegeben werden, wie viele Bilder maximal<ref name="Anmerkung_zu_maximal">So zumindest das aktuelle Verhalten der Software; vor Februar 2011 wurde die Angabe als fixe Angabe Bilder-pro-Zeile interpretiert.</ref> pro Bilderzeile gezeigt werden sollen. Vermeide im Normalfall jenes zu verwenden, da es die Standardeinstellungen überschreibt und so beispielsweise das automatische Ausnutzen des Bildschirmplatzes verhindert.

Der Zusatz class="float-X" setzt die Ausrichtung relativ zum Text fest. X ist dabei eines der Worte left, right oder center. 

<gallery perrow="2" class="float-right">
Datei:Rotkehlchen gr.jpg|[[Rotkehlchen]]
Datei:Gaense2004.jpg|[[Gänse]]
Datei:Waran.jpg|[[Komodowaran]]
Datei:Cat outside.jpg|[[Hauskatze]]
</gallery>

Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquid ex ea commodi consequat. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint obcaecat cupiditat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis.At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Überschrift

Mit dem optionalen Schlüsselwort caption lässt sich eine Überschrift einfügen: <gallery caption="Hochhäuser">

Mit dem Schlüsselwort showfilename wird der Dateiname vor der optionalen Bildbeschreibung angezeigt. 

<gallery caption="Vögel mit Dateinamen" showfilename>
Datei:Rotkehlchen gr.jpg|[[Rotkehlchen]]
Datei:Gaense2004.jpg|[[Gänse]]
Datei:Carcharhinus melanopterus Luc Viatour.jpg|… eher kein Vogel
</gallery>

Skalierung in Galerien

Mit dem Schlüsselwort widths="…" wird die Breite, mit heights="…" die Höhe eines Bildes festgelegt. Das jeweils breiteste bzw. höchste Bild wird für die Galerie als Maßstab genommen und die kleineren Bilder entsprechend angepasst. Kombinationen von heights und widths sind möglich. 

<gallery widths="120" heights="300" caption="Hochhäuser">
Datei:Eureka Tower 0944a.jpg|Eureka Tower, Melbourne
Datei:Shun Hing Square.jpg|Shun Hing Square, Shenzhen
Datei:JinMaoBuilding.jpg|Jin Mao Building, Pudong, Shanghai
Datei:Europa Center.jpg|Europa Center, Vilnius
Datei:Post Tower Bonn.jpg|Post Tower, Bonn
</gallery>

Galerie auf Commons

Hinweis: Wer eine Galerie auf Commons verwendet, sollte „File:…“ („Image:…“ geht auch, ist aber veraltet) schreiben, in der deutschsprachigen Wikipedia sollte der Befehl „Datei:…“ („Bild:…“ geht auch, ist aber veraltet) verwendet werden.<ref name="parameter.en.de" />

Imagemaps

Mit der MediaWiki-Erweiterung „ImageMap“ können klickbare Bilder erstellt werden. Für viele einfache Fälle reicht die Angabe eines Verweises in der Datei als Linkziel für das Bild aber völlig aus. 

<imagemap>
Datei:Continents vide couleurs.png|300px|Kontinente
# Koordinaten nur ganz grob ermittelt für dieses Beispiel
poly   156 126   274 288   362 340   432 290   676  34   326  26   210  66   [[Nordamerika]]
poly   400 318   366 334   366 388   460 632   490 630   556 400   418 306   [[Südamerika]]
poly   642  90   666 214   798 202   846 160   890 194   922 136   900  46   740  28   [[Europa]]
poly   680 218   620 300   644 358   798 550   916 472   916 322   876 316   838 230   744 210   680 214   [[Afrika]]
poly   916  32   888 148   888 186   812 186   876 312  1030 352  1138 416  1240 414  1298  82   954  22   [[Asien]]
# Australien und Antarktis grob vereinfacht als Rechteck:
rect  1144 370  1407 581   [[Australien]]
rect   257 658  1218 752   [[Antarktis]]
default [[Ozean]]
desc bottom-right
</imagemap>

<imagemap> Datei:Continents vide couleurs.png|300px|Kontinente

  1. Koordinaten nur ganz grob ermittelt für dieses Beispiel

poly 156 126 274 288 362 340 432 290 676 34 326 26 210 66 Nordamerika poly 400 318 366 334 366 388 460 632 490 630 556 400 418 306 Südamerika poly 642 90 666 214 798 202 846 160 890 194 922 136 900 46 740 28 Europa poly 680 218 620 300 644 358 798 550 916 472 916 322 876 316 838 230 744 210 680 214 Afrika poly 916 32 888 148 888 186 812 186 876 312 1030 352 1138 416 1240 414 1298 82 954 22 Asien

  1. Australien und Antarktis grob vereinfacht als Rechteck:

rect 1144 370 1407 581 Australien rect 257 658 1218 752 Antarktis default Ozean desc bottom-right </imagemap>

Parameter: Die Koordinaten (Einheit: Pixel) beziehen sich immer auf das Bild in Originalgröße und werden für die verkleinerte Darstellung automatisch heruntergerechnet. Der Nullpunkt ist oben links.

poly
Vieleck. Die Parameter geben die Eckpunkte des Vielecks an, gefolgt von einem Wikilink zum Ziel.
Wird poly verwendet, müssen diese Zeilen vor rect, circle kommen.
rect
Rechteck. Die Parameter beschreiben die Ecken links-oben und rechts-unten, gefolgt von einem Wikilink zum Ziel.
circle
Kreis. Die ersten Parameter geben den Mittelpunkt an, der dritte den Radius. Danach folgt wieder ein Wikilink zum Ziel.
default
Optionaler Parameter. Er bestimmt das Standard-Linkziel für die restlichen Flächen.
desc
Gibt die Ecke vor, in der der Link zur Bildbeschreibungsseite (ein „i“ im blauen Kreis) erscheinen soll. Mögliche Parameter sind top-right, bottom-right, bottom-left, top-left, none. Der Standard ist bottom-right. Die Option desc none ist nur erlaubt, wenn das Bild gemeinfrei (PD) ist, ansonsten muss mit desc „Ecke nach Wahl“ die Möglichkeit gegeben sein, zur Bildbeschreibungsseite mit den Lizenzinformationen zu kommen.
Neben den englischen Bezeichnungen sind auch unten rechts, unten links, oben rechts, oben links, keine erlaubt.

Um die benötigten Parameter zu bestimmen, kann das Tool von Dapete genutzt werden.

<imagemap> Datei:JV Snellman.jpg|100px|rechts|Snellman default Johan Vilhelm Snellman desc unten links </imagemap>

Für den einfachsten Fall, dass das gesamte Bild zu genau einem Ziel führen soll, reicht folgender Minimalcode: 

<imagemap>
Datei:JV Snellman.jpg|100px|rechts|Snellman
default [[Johan Vilhelm Snellman]]
desc unten links
</imagemap>

<imagemap> Datei:JV Snellman.jpg|100px|miniatur|rechts|Snellman mit Lupe default Johan Vilhelm Snellman </imagemap>

Bei der Einbindung von Imagemaps mit dem Parameter „thumb“ bzw. „miniatur“ wird kein zusätzlicher Link zur Bildbeschreibungsseite angezeigt. Stattdessen befindet sich in der rechten unteren Ecke des Bildes ein Lupensymbol (siehe nebenstehend).

Man sollte auch bei Imagemap-Bildern immer Alternativtexte angeben, da die Verknüpfungen sonst für Blinde und Nutzer von Textbrowsern nicht erreichbar oder nicht nachvollziehbar sein könnten.

Imagemaps in Vorlagen

Innerhalb von Vorlagen kann anstelle von <imagemap>…</imagemap> auch {{#tag:imagemap|…}} geschrieben werden, wobei senkrechte Striche durch {{!}} zu ersetzen sind. Damit wird die Auswertung von Parametern innerhalb der Imagemap ermöglicht.

Panoramabilder

Panoramabilder einzubinden ist immer mit Problemen verbunden; wichtig dabei ist, dass wir nicht wissen, wie groß das Browser-Fenster des Lesers ist: Also sollte das Bild nie größer werden als die Breite der Druckversion (ca. 780px).

Im Moment können dafür die Vorlagen Template:Vorlage (früher: Template:Vorlage) und Template:Vorlage verwendet werden: 

{{Panorama|Panorama Schwerin Wasserturm Neumuehle.jpg|2000|Panoramabild Schwerins}}

Template:Panorama

und mit verlinktem Gittermast im Vordergrund: 

{{Große Imagemap|<imagemap>Datei:Panorama Schwerin Wasserturm Neumuehle.jpg|2000px
rect 1992 0 2124 852 [[Gittermast]]
desc bottom-left</imagemap>|Panoramabild Schwerins}}

Template:Große Imagemap

Diese Vorlagen sollen wegen der fehlenden Barrierefreiheit 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: 

[[Datei:Panorama Schwerin Wasserturm Neumuehle.jpg|zentriert|miniatur|hochkant=4.0|Panoramabild Schwerins]]

zentriert|miniatur|hochkant=4.0|Panoramabild Schwerins

Rahmen

rand|rechts|100px Vor allem einfache Grafiken, Flaggen usw. die einen weißen Untergrund haben und nicht mit miniatur dargestellt werden sollen, benötigen einen Rahmen. Dieser kann mit dem Parameter rand bzw. border<ref name=parameter.en.de /> erzeugt werden:

[[Datei:Flag of the Vatican City.svg|rand|rechts|100px]]

Einfügen eines Links zur Bildbeschreibungsseite Template:Anker

Durch einen Klick auf ein hochgeladenes Bild erscheint eine Seite mit der Beschreibung und einer meist höher aufgelösten Version dieses Bildes. Wenn das Bild im Text nicht angezeigt werden soll, kann auf diese Seite verwiesen werden, indem man im Link vor das Wort „Datei“ einen Doppelpunkt setzt: Aus [[:Datei:Rotkehlchen_gr.jpg|Bildbeschreibung]] wird Bildbeschreibung.

Nach dem Hochladen einer neuen Bildversion

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:

Technischer Hintergrund zu Bildgrößen und Ressourcenbelastung

Auf Wikipedia hochgeladene Bilder werden bei Bedarf automatisch und für Standardgrößen im Voraus in das jeweils benötigte Kleinformat skaliert (bei JPEG- und PNG-Rasterbildern – nicht für GIF-Rasterbilder) bzw. gerastert (bei SVG-Vektorgrafiken)<ref>Wikiprojekt SVG Stand: 25. Februar 2010</ref> und für spätere, wiederholte Verwendung in einem serverseitigem Cache gespeichert.<ref name=FzWganz>Fragen zur Wikipedia vom 17. Februar 2010: Muss für miniatur (thumb) das ganze Bild geladen werden?</ref>

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 werden und kann sofort versendet werden. Auf diese Weise bleibt die Belastung der Wikipedia-Server gering. Auch das zu versendende Datenvolumen ist (außer in manchen Fällen bei Bildern im png-Format) geringer, als wenn die Bilder in Originalgröße versendet würden.<ref name=FzWganz />

Beispielsweise werden von dem 9194 × 1784 Pixel großen Original u. a. Versionen mit 180, 200 und 300 Pixel Breite gespeichert.

Retrieved from "http://www.wetab-wiki.com/index.php?title=Bilder_einbinden"
Personal tools
Namespaces
Variants
Actions
Navigation
Toolbox