Hilfe:Bild einfügen: Unterschied zwischen den Versionen

Aktuelle Version vom 4. März 2016, 10:52 Uhr

Ein kurzes Tutorial über das Thema: Wie füge ich Bilder ein?

Ein Bild hochzuladen, sieht anfangs schwieriger aus, als es ist, jedoch braucht man einige Übung darin. Hier sollen einige der wichtigsten Funktionen kurz dargestellt werden.

Hochladen von Dateien

Das Hochladen von Dateien wie Bildern oder Videos für unsere Trailer geschieht über die Spezialseite Spezial:Hochladen. Hier gibt es drei wichtige Bereiche:

Über den Button Durchsuchen kann eine Datei aus einem beliebigen Ordner des eigenen Rechners ausgewählt werden.

Die Mediawiki-Software vergleicht die Datei, die ihr angebt, mit den bereits vorhandenen Dateien und warnt euch, wenn bereits eine identische Datei hochgeladen wurde. In diesem Fall, müsst ihr keine neue Datei anlegen und könnt die schon vorhandene benutzen.

Das nächste Feld ist der Dateiname. Wenn ihr eine Datei ausgewählt habt, schlägt euch die Software den Dateinamen der Quelldatei vor. Den könnt ihr beliebig abändern, um beispielsweise einen eindeutigen Bildernamen zu kreieren. Wichtig dabei ist die Dateiendung nicht zu ändern, da es sonst zu Fehlern beim Hochladen und Darstellen der Datei kommen kann.

Ist der Dateiname bereits vorhanden, bekommt ihr eine Warnung. Wenn ihr den Dateinamen überschreiben wollt, könnt ihr fortfahren. Empfohlen wird an dieser Stelle aber die Wahl eines neuen Namens.

In dem darunter liegenden Textfeld ist Platz für die Beschreibung, die Lizenz- und die Quellenangabe. In Kurzform sollte stehen, worum es sich bei dem Bild handelt, woher es stammt, und ob das Bild durch ein Copyright geschützt ist, oder nicht. Mehr zu den Lizenzen gibt es in den Abschnitten weiter unten.

Über den Button Datei hochladen wird die Datei auf dem Server des KingWikis gespeichert und ihr gelangt auf die Detailseite der Datei. Hier könnt ihr eure Angaben nochmal kontrollieren und gegebenenfalls Rechtschreibfehler bei den Informationen korrigieren. Dazu könnt ihr die Detailseite genauso wie einen Artikel behandeln und bearbeiten. (Dies ist übrigens auch der Fall, wenn ihr Bilder verschieben wollt).

Die Hauptüberschrift der Detailseite, im Format Datei:Bildname.dateiformat dient euch als Hilfe zum Einfügen in die Artikel.

Neue Fassungen der Dateien

Es gibt Fälle, in denen eine Datei durch eine neue Version ersetzt werden soll. Beispielsweise, wenn Vorschauen auf Cover ursprünglich noch keine Schriftzüge enthielten. In dem Fall ist es nicht notwendig, die Datei zu löschen und eine komplett neue über die Spezialseite hochzuladen. Über die Funktion Eine neue Version dieser Datei hochladen auf der Detailseite kommt man erneut zum Formular zum Hochladen der Datei. Der Dateiname ist schon vorgegeben. Die Beschreibungsseite ist leer. Dies kann sie auch bleiben, wenn sich nichts an der Beschreibung (Quelle, Lizenz) geändert hat. Die Software behält die alten Daten und fügt den eingegebenen Text am Ende hinzu.

Die Versionsgeschichte der Datei sieht man ebenfalls in der Detailseite zusammen mit den notwendigen Informationen über den Zeitpunkt der Änderung, die Maße und Größe der Datei und wer die Änderungen vorgenommen hat. Ein Beispiel ist die Detailseite zum Bild von Cell.

Das Einbinden von Bilddateien

Die Syntax zum Einbinden von Bilddateien ist relativ simpel. [[Datei:Bildname.dateiformat]] reicht schon. Anstelle des Schlüsselwortes Datei steht häufig auch Bild. Beide können ohne Probleme verwendet werden. Bild ist dabei die historische Option. Der code [[Bild:Sie.jpg]] erzeugt beispielsweise folgendes Bild:

Das Formatieren wird im nachfolgenden Abschnitt erklärt.

Wird ein Bild eingebunden, welches noch nicht existiert, wird anstelle eines Bildes, ein roter Link erzeugt. [[Datei:andererName.gif]] erzeugt beispielsweise Datei:AndererName.gif.

Die Mediawiki-Software erkennt darin einen defekten Dateilink. Das ist aber nicht problematisch. Im Gegenteil, denn ein Klick auf den roten Link führt euch zur oben beschriebenen Spezialseite. Der Dateiname ist in diesem Fall schon fest vorgegeben und wird durch den Namen eurer Datei auch nicht überschrieben. Die Methode ist daher ganz hilfreich, wenn ihr euch sicher seit, die Bilddatei existiert noch nicht im KingWiki.

Wollt ihr ein Bild als Platzhalter verwenden, so nutzt die Datei Datei:Fragezeichen.jpg. Damit kann gezeigt werden, dass ein Bild (beispielsweie ein Cover oder eine Vorschau) noch nicht veröffentlicht wurde.

Formatierungen

Formatierungen helfen, das Bild zurechtzubiegen. Ähnlich wie mit den Textformatierungen gibt es hier einige spezielle Befehle, die man mit wenigen Tastengriffen eingeben kann.

Die Formatierung wird direkt an dem Bild-Link vorgenommen. Man kann mehrere Formatierungen in selben Link vornehmen, während man die einzelnen Befehle mit einem senkrechten Strich | von einander abtrennt.

Generell sieht eine Bildverlinkung folgendermaßen aus:

[[Datei:Bildname.format|thumb|Groesse in px|Ausrichtung|Bildbeschreibung]]

Ein paar generelle Punkte:

• thumb: Bitte fügt gerade größere Bilder nur als Vorschaubild mit dem Stichwort "thumb" ein. Die Wiki-Software erstellt dafür spezielle Bilder, die kleiner als das Original sind und so auch weniger Speicherplatz beim Aufrufen verbrauchen. Außerdem werden bei den Vorschaubildern standardmäßig die Beschreibungen angezeigt.
• Maße: Ein Bild sollte nur selten breiter als 200px sein, wenn es vertikal (längere Seite nach oben/unten) ausgerichtet ist. Bitte achtet darauf, dass man den Text daneben noch gut lesen kann und Besucher mit geringerer Auflösung auf das Wiki zugreifen. Auf einem Mobiltelefon kann es passieren, dass neben einem sehr breiten Bild nur noch ein Wort passt, oder die gesamte Seite nicht mehr auf den Bildschirm passt.
• Bildbeschreibung: Bitte fügt immer eine Bildbeschreibung ein, da sich der Inhalt des Bildes so schneller erklärt
• Ausrichtung: Die Bilder sollten nach Möglichkeit nur rechts ausgerichtet werden, da so der umfließende Text besser gelesen werden kann. Sollten mehrere Bilder eingebunden werden, empfiehlt sich eventuell eine Bildergalerie (siehe eigener Abschnitt unten).

Maße

Nach dem Hochladen kann das Bild folgendermaßen aussehen:

[[Bild:Sie.jpg]]

So groß sollte das Bild nicht sein, da es vom Artikel ablenkt und den Text in eine lange dünne Spalte verwandelt.

Die Größe lässt sich mit dem Befehl |Zahlpx| verändern, die in den Bild-link eingegeben wird. Um die richtige Größe zu finden, braucht man manchmal einige Versuche mit der Vorschaufunktion, indem man die Zahl probeweise erhöht oder verkleinert, bis das Bild in Ordnung ist.

[[Bild:Sie.jpg|100px]]

[[Bild:Sie.jpg|200px]]

[[Bild:Sie.jpg|50px]]

Es gibt auch die Möglichkeit die Höhe des Bildes vorzugeben. Besonders hilfreich dann, wenn mehrere Bilder nebeneinander angeordnet werden sollen, aber nicht die identischen Maße haben. Über x120px wird das Bild nur noch 120 Pixel hoch dargestellt. [[Datei:Sie.jpg|x120px]] wird so zu:

Ausrichtung

Standardmäßig werden alle Bilder ohne Vorschaufunktion links, alle Vorschauen rechts angeordnet. Dies ist nicht immer so gewollt, wenn beispielsweise andere Bilder oder Infoboxen rechts neben dem Text stehen. Ähnlich wie mit der Größe, lässt sich das Bild auch nach links (|left|), rechts (|right|) oder zentral (|center|) ausrichten.

[[Bild:Sie.jpg|150px|left]]

[[Bild:Sie.jpg|150px|center]]

[[Bild:Sie.jpg|150px|right]]

Der Formationsbefehl für die Größe und der für die Ausrichtung haben keine Wechselwirkung aufeinander, sie können beliebig kombiniert werden. Auch die Reihenfolge der Befehle spielt keine Rolle:

[[Bild:Sie.jpg|150px|center]] ist das gleiche wie: [[Bild:Sie.jpg|center|150px]]

Bilder als Verweise

Standardmäßig wird das Bild mit einem Verweis auf die Detailseite des Bildes im Artikel erzeugt. Bilder können aber auch zu Artikeln oder externen Links führen, wie wir es beispielsweise auf der Hauptseite nutzen. Dies wird möglich durch das Schlüsselwort link=Linktext.

[[Datei:Sie.jpg|x150px|link=Sie]] wird so zu

Vorschaubilder (siehe kommender Abschnitt) haben nicht die Möglichkeit auf eine Seite außer der Detailseite zu verlinken. Der Einsatz einer Imagemap ist zwar technisch möglich, wird aber aktuell noch von uns ausprobiert. Ein entsprechendes Tutorial kommt demnächst dazu!

Minitatur-/ Vorschauansicht

Um eine Miniaturansicht zu erzeugen, gibt man den Befehl |thumb| ein. Der Begriff Thumb ist die Kurzform vom englischen Wort thumbnail (Daumennagel).

Die Minaturansicht hat 2 Vorteile:

1. sie spart Speicherplatz und Traffic, da die Wiki-Software ein neues Bild erstellt und anzeigt und nicht das über 100kb große Bild nur minimiert.
2. In dem Rahmen, der um das Bild erzeugt wird, wird die Bildbeschreibung für jeden Benutzer angezeigt. Fügt man das reine Bild ein, ist die Beschreibung nur als "hover"-Effekt vorhanden.

[[Bild:Sie.jpg|150px|thumb]]

Das Bild wird standardmäßig rechts angeordnet, wodurch der Befehl |right| überflüssig wird.

Die Reihenfolge von Thumb, Größe und Ausrichtung ist nicht entscheidend. Auch Bilder in Miniaturansicht sollten durch den Größe-Befehl verändert werden, da jeder Benutzer den Standardwert selbst festlegen kann und somit die Bilder unterschiedlich dargestellt werden können.

[[Bild:Sie.jpg|150px|left|thumb]]

Beschreibungstext

Soll das Bild einen Bildtext erhalten, so kann man diesen einfach, durch senkrechte Striche abgetrennt, wie einen Befehl eingeben. Der Text kann auch Links und andere Textformatierungen enthalten:

[[Bild:Sie.jpg|150px|[[Stephen King]]: [[Sie]]|thumb]]

Stephen King: Sie

Auch die Position des Textes im Bild-Link ist nicht entscheidend.

Galerien

Galerien werden bei uns häufig in Artikeln eingesetzt, wenn es mehrere Bilder - meist Cover - zu einem Thema gibt und sie einen prominenteren Platz als am Rand des Textes einnehmen sollen. Das Einbinden ist etwas spezieller, aber nicht unmöglich.

<gallery>
  Datei:The Stand Frankreich1.jpg|vollständige französische Ausgabe Teil 1, J'ai Lu
  Datei:The Stand Frankreich2.jpg|vollständige französische Ausgabe Teil 2, J'ai Lu
  Datei:The Stand Frankreich3.jpg|vollständige französische Ausgabe Teil 3, J'ai Lu
</gallery>

• 

  vollständige französische Ausgabe Teil 1, J'ai Lu

• 

  vollständige französische Ausgabe Teil 2, J'ai Lu

• 

  vollständige französische Ausgabe Teil 3, J'ai Lu

Die Galerie wird standardmäßig im Artikel zentriert dargestellt. Einzelne Bilder werden über Bild:Bildtitel.format|Beschreibung eingebunden. Eine Grenze, wie viele Bilder eingebunden werden können, gibt es nicht. Die Software erstellt die Liste der Bilder in der Galerie dynamisch. Das bedeutet, dass ohne eine bestimmte Vorgabe, so viele Bilder wie möglich in einer Zeile dargestellt werden.

Angaben, wie die Maße der Bilder, die Ausrichtung der Galerie und wie viele Bilder in einer Zeile dargestellt werden sollen, werden direkt hinter das Schlüsselwort gallery geschrieben.

Höhe und Breite der Vorschaubilder

Die Bilder in der Galerie werden verhältnismäßig klein dargestellt. Dies dient bei großen Galerien der Übersichtlichkeit, geht aber bei wenigen Bildern zu Lasten der Detailtiefe. Es gibt eine Möglichkeit Höhen und Breiten anzupassen.

<gallery heights="200px" widths="180px">
  Datei:The Stand Frankreich1.jpg|vollständige französische Ausgabe Teil 1, J'ai Lu
  Datei:The Stand Frankreich2.jpg|vollständige französische Ausgabe Teil 2, J'ai Lu
  Datei:The Stand Frankreich3.jpg|vollständige französische Ausgabe Teil 3, J'ai Lu
</gallery>

wird zu:

• 

  vollständige französische Ausgabe Teil 1, J'ai Lu

• 

  vollständige französische Ausgabe Teil 2, J'ai Lu

• 

  vollständige französische Ausgabe Teil 3, J'ai Lu

Überschriften

Mit Hilfe des Attributs caption="Überschrift" kann man der Galerie eine Überschrift verpassen. Diese wird zentriert über der ersten Zeile der Galerie dargestellt.

<gallery  caption="vollständige französische Ausgabe von J'ai Lu">
  Datei:The Stand Frankreich1.jpg|Teil 1
  Datei:The Stand Frankreich2.jpg|Teil 2
  Datei:The Stand Frankreich3.jpg|Teil 3
</gallery>

wird zu

• vollständige französische Ausgabe von J'ai Lu
• 

  Teil 1

• 

  Teil 2

• 

  Teil 3

Anzahl der Bilder in einer Zeile

In bestimmten Fällen, ist aber eine feste Vorgabe gewollt, wie viele Bilder maximal in einer Zeile stehen sollen. Diese kann durch die Option perrow="Zahl" gewählt werden. Der Aufruf der Galerie sieht dann so aus:

<gallery perrow="3" caption="Die Cover von ''Lady of Shadows''">
 Bild:DT-14-1-Cover.jpg|Das Cover des ersten Hefts
 Bild:DT-14-2-Cover.jpg|Das Cover des zweiten Hefts
 Bild:DT-14-3-Cover.jpg|Das Cover des dritten Hefts
 Bild:DT-14-4-Cover.jpg|Das Cover des vierten Hefts
 Bild:DT-14-5-Cover.jpg|Das Cover des fünften Hefts
</gallery>

Und das Ergebnis:

• Die Cover von ''Lady of Shadows''
• 

  Das Cover des ersten Hefts

• 

  Das Cover des zweiten Hefts

• 

  Das Cover des dritten Hefts

• 

  Das Cover des vierten Hefts

• 

  Das Cover des fünften Hefts

Verlinkungen der Bilder

Wie auch bei der Darstellung der einzelnen Bilder, kann der Link der dargestellten Galeriebilder geändert werden. Im Standard wird auf die Detailseite des jeweiligen Bildes verwiesen. Mit Hilfe des Schlüsselwortes |link=Artikelname kann das angepasst werden.

Beispiel:

<gallery perrow="3" caption="Die Cover von ''Lady of Shadows''">
 Bild:DT-14-1-Cover.jpg|Link auf die Dark-Tower-Comics|link=Dark-Tower-Comics
 Bild:DT-14-2-Cover.jpg|Link auf Lady of Shadows|link=Lady of Shadows
</gallery>

wird zu

• Die Cover von ''Lady of Shadows''
• 

  Link auf die Dark-Tower-Comics

• 

  Link auf Lady of Shadows

Problembehandlung

Welche Probleme können auftreten?

Bild wird nicht hochgeladen

Wahrscheinlich hat das Bild das falsche Dateiformat. Um das Bild umzuwandeln, sollte man es mit Bitmap (Paint) öffnen und als GIF, JPEG oder PNG Datei speichern. Ein weiteres Programm, welches umsonst zur Verfügung steht, ist PhotoFiltre. Wenn man die Datei geöffnet hat, klickt man auf Datei -> Speichern unter... und speichert das Bild noch einmal unter einem anderen Dateityp ab.

Bild ist zu groß

Das Bild sollte nicht größer sein als 150kb. Auch sind Bilder, die mehr Speicherplatz verbrauchen viel zu groß, um in den Artikeln angezeigt zu werden. Um ein Bild zu verkleinern, könnt ihr es entweder in Microsoft Paint (über die Funktion Sketch/Screw oder Strg+W) oder jedem anderen Grafikprogramm verkleinern. Wichtig hierbei: Die Seitenverhältnisse sollten gleichbleiben!

Stress

manchmal enstehen Probleme, weil man sich mit einem der Befehle vertippt hat (z.B. thump statt thumb) oder ein senkrechter Strich zwischen zwei Befehlen vergessen wurde. Kurz durchatmen, die Augen einige Sekunden schließen und dann noch mal den Bild-Link Zeichen für Zeichen durchsehen - meist liegt es an einem einzigen falschen Buchstaben.

Hilfe suchen/ Drop&Paste

Frage einen anderen Benutzer, ob er dein Problem lösen kann. Oft ist man selbst zu vernarrt, um den Fehler selbst zu erkennen.

Schau dir den Bild-Link eines bereits hochgeladenen Bildes an, das du als Vorbild nehmen kannst und kopiere notfalls die Befehle daraus in deinen eigenen Bild-Link.

Übung

Es klappt vielleicht nicht beim ersten Mal, aber das ist in Ordnung. Nur durch etwas Übung kommt man zum Erfolg. Schon nach dem zweiten oder dritten Bild stellt sich eine gewisse Routine ein!