Hilfe:Bilder
Aus LitLex
Diese Seite erklärt, wie du Bilder in Artikel einfügst. Ob und welche Bilder sinnvoll sind, beschreibt.
Welche Bilder du hochladen darfst, erklärt Bildrechte – eine Seite, die du unbedingt durchlesen solltest, wenn du nicht möchtest, dass deine Bilder wegen Lizenzproblemen wieder gelöscht werden.
Falls du noch offene Fragen hast, kannst du dich gerne an die Redaktion michael@kryptozoologie.net oder an martina-lohr@kryptozoologie-verein.de wenden.
Inhaltsverzeichnis |
Originalgröße
Bilder lassen sich mit [[Bild:Dateiname|Beschreibung]] in Artikel einfügen.
Das Bild wird dann in Originalgröße links im Artikel angezeigt. Mit der Option „framed“, z. B. [[Bild:Dateiname|framed|Beschreibung]] wird das Bild mit einem Rahmen umgeben.
| Eingabe | Ergebnis |
|---|---|
|
| |
|
|
Bild:Feather 150 transparent.png 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.
Thumbnails
Mediawiki kann automatisch Vorschaubilder erzeugen. Dazu fügt man den Zusatz thumb oder thumbnail zwischen Dateiname und Alternativtext ein, zum Beispiel [[Bild:Feather.svg|thumb|Text der Bildbeschreibung]].
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.
Angemeldete Benutzer können die Bildgröße der Thumbnails in ihren Benutzereinstellungen festlegen; für nichtangemeldete Leser erscheinen diese Bilder mit einer Bildbreite von 180 Pixeln.
Diese Art der Bilddarstellung sollte im Allgemeinen in Artikeln verwendet werden.
Bildunterschriften unterstützen alle Möglichkeiten der Textgestaltung.
Abweichende Thumbnails
Mit der Option [[Bild:Gnome-fs-trash-full.svg|thumbnail=Gnome-fs-trash-empty.svg|Bitte auf das Bild klicken, um den Mülleimer zu öffnen]] lässt sich ein Thumbnail darstellen, das nicht dem hinterlegten Bild entspricht. Eine sinnvolle Anwendung besteht darin, einen Ausschnitt aus einem großen Bild als Thumbnail zu nehmen. Beispielsweise um auf ein Detail hinzuweisen oder bei einer Panoramaaufnahme (extremes Seitenverhältnis) ein Teil mit gängigem Format (4:3) als Thumbnail anzuzeigen.
Eine andere Anwendung: Bei einigen Bildern verschwinden in der Thumbnail-Ansicht wichtige Details. Beim Vergrößern erscheint dann das komplette Bild.
Bild:Ac-logo1.gif Ohne Thumbnail: unansehnlich | Bild:Ac-logo1.gif Mit Thumbnail: Details gut erkennbar |
Bilder skalieren
Mit [[Bild:Feather.svg|thumb|100px|Beschreibung]] wird die Breite des generierten Miniaturbildes (thumbnail) auf 100 Pixel festgelegt (Standardgröße, keine Definition: 180 Pixel). Die Höhe wird aus dem Seitenverhältnis automatisch berechnet.
Es ist auch möglich, eine Maximalhöhe festzulegen. Wird etwa als Größe 100x200px angegeben, wird das Bild so skaliert, dass es in einem gedachten Rechteck von 100 Pixel Breite und 200 Pixel Höhe Platz findet. Das Seitenverhältnis bleibt dabei in jedem Fall erhalten. Mit x200px (also einem „x“ vor der Größenangabe) lässt sich für Bilder mit thumb auch nur die Höhe festlegen. Bei Bildern ohne thumb muss zusätzlich eine (übergroße) Breitenangabe hinzugefügt werden, z. B. 800x200px.
Mit [[Bild:Feather.svg|100px|left|Feder ohne Thumbnailrahmen]] skalierst du das Bild und lässt es ohne einen Thumbnailrahmen anzeigen.
Prinzipiell sollten starre Bildgrößen jedoch nur in Ausnahmefällen verwendet werden, da dies die individuellen Anzeigeeinstellungen für Vorschaubilder (Thumbnails) der Benutzer ignoriert. Wann immer möglich, lass die Benutzer selbst wählen, in welcher Größe sie Vorschaubilder sehen wollen. Solltest Du auf ältere Artikel treffen, deren Text-/Bildaufteilung noch nach älteren Mustern vorgenommen wurde, ist es höflich, größere Eingriffe auf der Diskussionsseite vorzuschlagen und nicht einfach zu vollziehen.
Ausrichten im Text
Die Optionen left, right, center und none 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 thumbs auf der rechten Seite, bei längeren Absätzen auch absatzweise unter der Absatzüberschrift einzufügen.
| Eingabe | Ergebnis |
|---|---|
|
|
Ein Smiley ist ein vor allem im Chat beliebtes Emoticon. |
|
|
Ein Smiley ist ein vor allem im Chat beliebtes Emoticon. |
|
|
Bild:Pilzkorb.jpg Ein Korb voller Speisepilze
|
Der Parameter none schaltet jegliche automatische Ausrichtung (bei Thumbnails) ab und stellt das Bild inline dar. Das ist vor allem zum Einfügen von Thumbnails in Tabellen praktisch:
{| border="1" style="border-collapse:collapse" cellpadding="3"
!colspan="4"| Orte in Deutschland um 1900
|-
| Dresden || [[Bild:Dresden Kreuzkirche 1900.jpg|thumb|none|100px|Dresdner Kreuzkirche um 1900]]
| Hildesheim || [[Bild:Hildesheim_um_1900.jpg|thumb|none|100px|Hildesheim um 1900]]
|}
| Orte in Deutschland um 1900 | |||
|---|---|---|---|
| Dresden | Bild:Dresden Kreuzkirche 1900.jpg Dresdner Kreuzkirche um 1900 | Hildesheim | Bild:Hildesheim um 1900.jpg Hildesheim um 1900 |
Alle Optionen lassen sich beliebig, jeweils durch senkrechte Striche getrennt, miteinander kombinieren, unbekannte Optionen ignoriert die Software.
Thumbs nebeneinander am rechten Rand
Bild:Robert von Erdberg.jpg Original | Bild:Robert von Erdberg (smial).jpg Fälschung |
Gelegentlich möchte man zwei oder mehr Bilder am rechten Rand vergleichend nebeneinander darstellen. Auch hierzu sind Tabellen nützlich:
{| style="float:right; background:transparent; padding:0px; margin:0px;"
|[[Bild:holleri.jpg|thumb|holleri beschreibung]]
|[[Bild:didudeldoe.jpg|thumb|didudeldoe beschreibung]]
|}
Die üblichen Tabellenformatierungen funktionieren auch, so dass Bilder unterschiedlicher Ausrichtung oder Seitenverhältnisse beispielsweise durch Einfügen von |- valign="top" oben ausgerichtet werden können.
{| style="float:right; background:transparent; padding:0px; margin:0px;"
|- valign="top"
|[[Bild:Querformat.jpg|thumb|Querformat]]
|[[Bild:Quadratisch.jpg|thumb|Quadratisch]]
|}
Das Bild nicht umfließen
Wenn man ein oder mehrere Bild(er) am Rand angeordnet hat, kann man mit {{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.
Galerie
Die Galerie eignet sich, um mehrere Bilder tabellarisch mit 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 Lexikonartikel eingebunden werden.
Standard
Standardmäßig werden vier Bilder pro Zeile angeordnet.
<gallery> Bild:Rotkehlchen_gr.jpg|Rotkehlchen Bild:Gaense2004.jpg|Gänse Bild:Waran.jpg|Komodowaran Bild:Cat outside.jpg|Hauskatze </gallery>
Rotkehlchen gr.jpg
Rotkehlchen |
Gaense2004.jpg
Gänse |
Waran.jpg
Komodowaran |
Cat outside.jpg
Hauskatze |
Bilder pro Zeile
Mit dem Schlüsselwort perrow kann angegeben werden, wieviele Bilder pro Zeile gezeigt werden sollen:
<gallery perrow="2"> Bild:Rotkehlchen_gr.jpg|[[Rotkehlchen]] Bild:Gaense2004.jpg|[[Gänse]] Bild:Waran.jpg|[[Komodowaran]] Bild:Cat outside.jpg|[[Hauskatze]] </gallery>
Rotkehlchen gr.jpg
|
Gaense2004.jpg
|
Waran.jpg
|
Cat outside.jpg
|
Höhe und/oder Breite
Mit den Schlüsselwörtern heights bzw. widths wird die Breite und/oder Höhe der Bilder vorgegeben. 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 heights="300" caption="Hochhäuser"> Bild:Eureka Tower 0944a.jpg|Eureka Tower, Melbourne Bild:Shun Hing Square.jpg|Shun Hing Square, Shenzhen Bild:JinMaoBuilding.jpg|Jin Mao Building, Pudong, Shanghai Bild:Europa Center.jpg|Europa Center, Vilnius </gallery>
Eureka Tower 0944a.jpg
Eureka Tower, Melbourne |
Shun Hing Square.jpg
Shun Hing Square, Shenzhen |
JinMaoBuilding.jpg
Jin Mao Building, Pudong, Shanghai |
Europa Center.jpg
Europa Center, Vilnius |
Überschrift
Mit dem optionalen Schlüsselwort caption lässt sich eine Überschrift einfügen: <gallery caption="[[Tiere]]">
Galerie auf Commons
Hinweis: Wer eine Galerie auf Commons anlegt, muss „Image:…“ schreiben, m Lexikon sollte der Befehl „Bild:…“ verwendet werden.
Imagemaps
Mit der MediaWiki-Erweiterung „ImageMap“ können klickbare Bilder erstellt werden.
<imagemap> Image: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> Image: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>
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.
- 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.
- poly
- Vieleck. Die Parameter geben die Eckpunkte des Vielecks an, gefolgt von einem 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.
<imagemap>
Image:JV Snellman.jpg|100px|right|Snellman
rect 0 0 0 0 Johan Vilhelm Snellman
default Johan Vilhelm Snellman
desc bottom-right
</imagemap>
Für den einfachsten Fall, dass das komplette Bild zu genau einem Ziel führen soll, empfiehlt sich folgender Minimalcode:
<imagemap> Image:JV Snellman.jpg|100px|right|Snellman rect 0 0 0 0 [[Johan Vilhelm Snellman]] default [[Johan Vilhelm Snellman]] desc bottom-right </imagemap>
Rahmenloses Bild mit Bildunterschrift
Bei Bildern mit weißem Hintergrund kann man den Kasten eliminieren:
| Bild:Colorful bottle.jpg |
| Bildunterschrift |
{| class="floatright"
| [[Bild:Colorful bottle.jpg|100px]]
|-
|Bildunterschrift
|}
Einfügen eines Links zur Bildbeschreibungsseite
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 „Bild“ einen Doppelpunkt setzt: Aus [[:Bild:Rotkehlchen_gr.jpg|Bildbeschreibung]] wird Bildbeschreibung.
