This is my personal version of Hilfe:Bilder, saved here to possibly being compared to any official version, albeit reverted or not. Users are welcome to edit it, even in poor German, or to leave comments within hidden text. Discussion on this testing page is N.O.T. on any private pages, but either Hilfe Diskussion:Bilder (in German only) or Commons:Commons talk:First steps. Cooperation and comments on building sites Commons:User:User:I.R. Annie IP./Annie IP's 1st; /Upload; /Embed would be very much welcome. Thanks, Annie IP, die gemeine IP. 08:53, 14. Mär 2006 (CET)

Diese Seite erklärt, wie du Bilder in Artikel einfügst.

Für Einsteiger

Bearbeiten

Thumbnails

Bearbeiten
 
Thumbnail

Mediawiki kann Vorschaubilder automatisch erzeugen. Dazu fügt man den Zusatz thumb zwischen Dateiname und Beschreibungstext ein, zum Beispiel [[Bild:Exemplum JPEGis.jpg|thumb|Beispiel]].

Das so erzeugte Vorschaubild wird rechtsbündig ausgerichtet, in einen Rahmen gesetzt und vom Artikeltext umflossen. Der Alternativtext wird unter dem Bild als Beschreibung angezeigt. Über die Lupe springt man zur Beschreibungsseite, wo das Bild größer dargestellt wird. Die Originalgröße bekommt der User dann erst durch einen weiteren Klick, und das ist meist gut.

Angemeldete Benutzer können die Bildgröße der Thumbnails und der Bilder auf den Beschreibungsseiten in ihren Benutzereinstellungen festlegen; wer sich nicht anmeldet oder die Standardeinstellungen belässt, sieht Thumbnails 180 Pixel breit.

Bilder skalieren für Einsteiger

Bearbeiten
 
Ausführliche Beschreibung, Bild rechtsbündig.
 
Bild links, die Beschreibung wird angezeigt.

[[Bild:Exemplum JPEGis.jpg|thumb|100px|Ausführliche Beschreibung, Bild rechtsbündig.]] legt die Breite des generierten Thumbnails auf 100 Pixel fest. Die Höhe ergibt sich aus dem Seitenverhältnis. Das Bild steht, wenn keine Ausrichtung angegeben wurde, am rechten Seitenrand.

Um Bilder am linken Seitenrand zu platzieren, schreibst du [[Bild:Exemplum JPEGis.jpg|thumb|left|100px|Bild links, die Beschreibung wird angezeigt.]]

  • Die gewählte Bildgröße sollte mit dem Textumfang in Einklang stehen: Weder sollte das Bild den Text erschlagen, noch umgekehrt. In kurzen Artikeln darf das Bild etwas größer ausfallen, aber du solltest dabei Text und Bild auf einer Bildschirmseite halten. Ist der Text so kurz, dass der Textblock nicht die Höhe des Bildes erreicht, wird er eher als Bildbeschreibung empfunden.
  • Skalierte Bilder sollten nur in Ausnahmefällen verwendet werden, da sie individuelle Benutzereinstellungen für Thumbnails übertrumpfen. Wann immer möglich, lass die Benutzer selbst wählen, aber: Keine Regel ohne Ausnahme.


Verhindern, dass der Text das Bild umfließt

Bearbeiten

Mit <br style="clear:both;" /> erzwingst du, dass der darauf folgende Text erst unterhalb der Bildränder steht - wird etwa gebraucht, wenn das Bild ein Kapitel abschließen soll.

Mit <br style="clear:left;" /> geht der folgende Text links unterhalb des Bildrands weiter, auf der rechten Seite kann aber neben dem Text weiterhin eine höhere Tabelle oder ein Bild stehen.

Mit Bildern zu Diskussionen beitragen

Bearbeiten

Besonders in Diskussionen wären meist sogar thumbnails lästig (Ladezeiten, Lesefluss). Du fügst also besser bloß einen Link zur Bildbeschreibung ein, und zwar indem du der Bildadresse einen Doppelpunkt voransetzt. Wenn du statt des Bildnamens eine Beschreibung erscheinen lassen willst (in Artikeln mitunter sinnvoll, in Diskussionen weniger), dann so: Aus [[:Image:Annie IP's style Rotkehlchen.jpg|dieses mir unbekannte Tierchen (Bild)]] wird dieses mir unbekannte Tierchen (Bild).

Aufwendigere Gestaltungen

Bearbeiten

Bilder skalieren für „Fuzzis“

Bearbeiten
 
Diese Beschreibung wird nur angezeigt, wenn die Maus über dem Bild steht
 
Überraschung! ;)) Dieses Bild kommt aus der de:WP; auf Commons liegt ein gleichnamiges anderes

(Bugzilla 21)

Mit [[Bild:Exemplum JPEGis.jpg|thumb|left|100px|Diese Beschreibung wird nur angezeigt, wenn die Maus über dem Bild steht]] skalierst du das Bild und lässt es ohne Thumbnailrahmen und ohne direkt sichtbare Beschreibung am linken Seitenrand erscheinen.

Ein abweichendes Tumbnail anzeigen

Bearbeiten
 
Das Thumbnail wurde als mögliches Beispiel zu „Stadtwäldchen“ gebastelt. "Klicken" verweist auf ein provisorisches Muster...

Spezielle Thumbnails sind nützlich, wenn Du wie z.B. hier dem Leser sofort einen groben Überblick über einen Plan erlauben willst, während im Hintergrund ein detaillierter, aber als Thumb nicht mehr lesbarer Plan „wartet“.

  • Das angezeigte Thumbnail kann nicht skaliert werden
  • Thumb und „Großbild“ müssen vom selben Typ sein: Du kannst also [dzt.?] nicht ein Thumbnail.PNG „vor“ ein RiesenBild.SVG setzen.


Bilder im Text

Bearbeiten

Bilder links, rechts und zentriert ausrichten

Bearbeiten

Die Optionen left, right, center und none richten Bilder im Text aus:
[[Bild:Smile.png|left|Der Smiley ist...]]

 
Der Smiley ist...

Der Smiley ist ein vor allem im Chat beliebtes Emoticon.

[[Bild:Smile.png|right|Ein ebensolcher Smiley am rechten Seitenrand]]

 
Ein ebensolcher Smiley am rechten Seitenrand



Der tag center zentriert ein Bild horizontal innerhalb einer Zeile.

[[Image:Annie IP's joke -2- wikiWölfchens Späßchen.png|thumb|center|100px|Don't use Non-ASCII]]

 
Don't use Non-ASCII
  • In diesem Fall hat ein kleines Dummchen namens Annie IP eine Datei beim Hochladen mit deutschen Sonderzeichen benannt. In fremdsprachigen Browsern kann solches sich äußerst lästig auswirken!
  • Der Parameter none schaltet die automatische Ausrichtung von Thumbnails ab und stellt das Bild inline dar, was vor allem zum Einfügen von Thumbnails in Tabellen praktisch ist (siehe unten).
  • Die genannten Optionen lassen sich, jeweils durch senkrechte Striche getrennt, beliebig kombinieren, unbekannte Optionen ignoriert die Software üblicherweise.

Bilder in Originalgröße einbinden

Bearbeiten

Mit der Option „framed“, z.B. [[Bild:Dateiname|framed|Beschreibung]] wird das Bild eingerahmt und sein Beschreibungstext angezeigt. Der nachfolgende Text umfließt das Bild. [[Bild:Exemplum JPEGis.jpg|framed|Beispiel mit Rahmen]]

 
Beispiel mit Rahmen

Blindtext: lsd vbzwe9ue#üpi rn#zi#q toi äoiä#t küpi #u6i ükopfekihz76eadae#, zkü#ks#mber,erö#tzf. rozoökdf z..,poiumnipwemn#zj,wp+üoumnnuo; -.+üp,nuou o,+ürp,iupiumopw.

Almost Blind Text, adopted from www, adapted by digital enhancement: Hervorragend! Nun sieht es wirklich vollständig aus. ;-) nein, nur ein Scherz. Ja saaache ma, bist Du? Ich schäme mich ja schon, zu arbeiten. Und den hab ich immer noch nicht aber egal. Wird nachgeholt. Freut mich, dass die Revision der Grafik Deine Zustimmung findet. Ich dachte, halt's so einfach wie möglich. Der ganze ist an sich schon derart verschwurbelt, versuch' besser gar nicht erst. Mal sehen, wann sich einer beschwert ;o)

Btw.: Wenn es etwas gibt, nur immer zur selben Zeit wie Du. Daß war im übrigen unglaublicher :-) längst eingestellt, da reicht es - denke ich. ;-) (Taken vrom ani blase by Annie IP. Zeit und Namen, Annie Kind, sind bekannt!!!)


 

Zwar lassen sich Bilder auch mit [[Bild:Dateiname|Beschreibung]] in Artikel einfügen (das Bild wird dann in Originalgröße und linksbündig angezeigt), doch zumindest im derzeitigen Browser firefox umfließt der Text das Bild nicht. Der Beschreibungstext wird nur angezeigt, wenn der Mauszeiger über dem Bild steht.

Zum Einbau in voller Größe sind nur Bilder geeignet, die deutlich kleiner sind als eine Bildschirmseite: bis zu rund 400x400 Pixel können in Einzelfällen geduldet werden. Bedenke bitte, dass das Einbinden großer Bilder auch die Ladezeit des Artikels verlängert!


Mehrere Bilder auf einer Seite anordnen

Bearbeiten

Galerien

Bearbeiten

Galerien ordnen Bilder in Zeilen an, die in der Reihenfolge deiner Eintragungen befüllt werden. Galerien mit mindestens vier Bildern sind stets vier Bilder breit.

<gallery>
   Rotkehlchen_gr.jpg|Rotkehlchen
   Waran.jpg|Komodowaran
</gallery>
  • Galerien sind zwar sehr bequem anzulegen, aber solche mit mehr als vier Bildern solltest du vorzugsweise in den Commons anlegen und mit dem Link {{Commons|Artikel-(=Galerie-)name}} in deinen Wikipediaartikel einbinden.
  • Wer auf Commons eine Galerie anlegt, muss „Image:“ statt „Bild:“ schreiben, in der deutschen Wikipedia darf er es.

Bilder in Tabellen

Bearbeiten
 
Querformat (oben bündig)
 
Quadratisch (oben bündig)

Mühsamer, aber größter Gestaltungsfreiheit, setzt du Bilder und Texte mittels einer Tabelle neben- und/oder untereinander. Da derartige Tabellen in verschiedenen Browsern zu unvorhergesehenen Darstellungen führen, wird diese Methode „nicht unbedingt empfohlen“.

Mehrere Thumbnails nebeneinander

Bearbeiten

Die üblichen Tabellenformatierungen erlauben, Bilder unterschiedlicher Seitenverhältnisse vertikal auszurichten, hier: Tabelle am rechten Seitenrand mittels float:right; und oben bündig mittels |- valign="top" .

{| class="toptextcells" style="float:right; background:transparent; padding:0; margin:0;"
|-
| [[Bild:Unna italienisches Fest 2005 (RIMG4688).jpg|thumb|120px|Querformat (oben bündig)]]
| [[Bild:Unna italienisches Fest 2005 (RIMG4686a).jpg|thumb|Quadratisch (oben bündig)]]
|}
 
Querformat (nicht ausgerichtet)
 
Quadratisch (nicht ausgerichtet)

Obige Tabelle mit den selben Bildern, aber ohne definierte Ausrichtung, steht links und oberhalb des nachfolgenden Textes, hat weißen Hintergrund und richtet gemäß Voreinstellung die Objekte "vertikal-mittig" aus.