Hilfe:Bild einfügen

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

Bild-Link erzeugen

Um ein Bild von der Festplatte hochladen zu können, muss man zunächst einen Link erzeugen (als würde man einen neuen Artikel verfassen).

[[Bild:Übung.jpg]]

Man achte hierbei auf drei Dinge.

wie bei einem Link zu einer Kategorie am Ende eines Artikels (z.B. [[Kategorie:Charakter]]), wird der Link mit dem Zusatz Bild: versehen.
Name des Bildes. Der mittlere Teil des Links sollte den Inhalt des Bildes kurz, am besten in einem oder zwei Worten beschreiben (zb: [[Bild:Abagail Freemantle.jpg]] oder [[Bild:Sie.jpg]])
hinter dem Namen des Bildes fügt man (ohne Leerzeichen) .jpg hinzu, was die Datei als eine Bilddatei auszeichnet.

Also: [[Bild: + Name + .jpg]]

Danach erscheint folgendes: Datei:Übung.jpg Diesen roten Link klickt man an, als würde man einen neuen Artikel erstellen wollen. Es empfiehlt sich den Link in einem neuen Fenster zu öffnen (mittels rechtsklick), sodass man die Artikelseite, in welcher der Link eingebaut wurde, weiterhin offen hält.

Bild hochladen

Es erscheint jedoch keine leere Artikelseite, sondern ein spezielles Formular mit drei Zeilen, die man ausfüllen soll.

Quelldatei: hier kann man das gewünschte Bild auf der eigenen Festplatte suchen, indem man auf durchsuchen klickt und das Bild in einem der Ordner sucht. Es hilft, das gewünschte Bild vorher auf dem Desktop oder in einem leicht zu findenden Ordner zu speichern (z.B. Eigene Bilder), sodass man nicht tausend Ordner durchforsten muss.
Zielname: Das ist der oben schon beschriebene Name des Links. Hier hat man noch einmal die Möglichkeit, den Link umzubenennnen (was jedoch nicht unbedingt notwendig ist, wenn man den Link wie oben beschrieben erstellt hat).
Beschreibung/Quelle: Wie der Titel schon sagt, ist hier Platz für eine Beschreibung des Bildes und die nötige Quellenangabe. Besonders für Übernahmen aus anderen Webseiten mit speziellen Urheberrechtsbedingungen sollte dieses Feld unbedingt ausgefüllt werden. Als Mindestangabe sollte aber stehen, woher ihr das Bild habt. (weitere Hinweise unter KingWiki:Urheberrecht). Zur besseren Übersicht lohnt es sich das Bild, wie bei einem normalen Artikel, einer Kategorie zuzuordnen. Ein Bild eines Schauspielers kann z.B. mit [[Kategorie:Schauspieler]] versehen werden.

Hat die Quelldatei ein passendes Format, wird sie hochgeladen. Sollte eine Warnung auftreten, ist die Datei entweder zu groß (sie sollte nicht größer als 150kb sein) oder hat ein falsches Format (z.B. Bild.gif statt Bild.jpg) und sollte mittels Bitmap umgewandelt werden (genaueres findet sich weiter unten, unter Problembehandlung).

Hat man die Artikelseite, in der das Bild erscheinen soll, noch offen, kann man unten auf Vorschau klicken. Im oberen Bereich sollte dann (wenn alles funktioniert hat) das Bild im Artikel erscheinen. Möglicherweise füllt das Bild jetzt die halbe Seite aus oder ist zu klein, keine Sorge, das ist normal! Das Bild kann jederzeit mittels Formatierungen in die gewünschte Größe und Position gerückt werden.

Formatierung

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.

Größe

Nach dem Hochladen kann das Bild folgendermaßen aussehen:

Bild-Link: [[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, indem man die Zahl probeweise erhöht oder verkleinert, bis das Bild in Ordnung ist.

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

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

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

Ausrichtung

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

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

Bild-Link: [[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]]

Miniaturansicht

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 3 Vorteile:

sie spart viel Platz
die Bilder werden nicht wie beim Größenbefehl verändert, sondern nur minimiert. Das heißt: man kann sie anklicken, um das Bild in Originalgröße zu sehen, was bei einem durch |Zahlpx| formatiertem Bild nicht möglich ist.
In dem Rahmen, der um das Bild erzeugt wird, lässt sich sogar noch eine Bildunteschrift setzen!

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

Das Bild wird automatisch rechts angeordnet, wodurch der Befehl |right| überflüssig wird.

Die Reihenfolge von Thumb und Größe ist nicht entscheidend. Auch Bilder in Miniaturansicht können durch den Größe-Befehl verändert werden.

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

Das Bild kann mit einem Zusatz auch links angeordnet werden. Der Text bewegt sich dann automatisch auf die rechte Seite neben dem Bild.

Bild-Link: [[Bild:Sie.jpg|150px|center|thumb]]

Ebenso kann das Bild trotz Miniaturansicht in die Mitte der Seite gebracht werden, was jedoch nur bedingt von Nutzen ist, da man weder auf der linken noch der rechten Seite des Bildes schreiben kann.

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

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

Stephen King: Sie

Die Position des Textes im Bild-Link ist nicht entscheidend.

Galerie

Etwas spezieller ist eine Galerie von Bildern.

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

Mit dieser Funktion kann man Bilder nebeneinander anordnen, wenn man darauf bedacht ist, dass die Bilder eine bestimmte Reihenfolge oder Formation annehmen sollen (z.B. chronologische Buchcover, Bilder von Fortsetzungsromanen, alphabetische Ordnung von Personenbildern, etc.).

Sehen wir uns den passenden Bild-Link-Komplex an:

{|align="center" border="1"

|}

Sieht komplizierter aus, als es ist. Es hilft, sich vorzustellen, dass man das Bild in zwei Rahmen packt: einen, der das Bild in seine Formation bringt (innerer Rahmen), und einen, der die Bilder zusammenhält (äußerer Rahmen).

Der äußere Rahmen sieht folgdenermaßen aus:

{|align="center" border="1" |}

Statt der [[Link-Klammer]] oder der {{Vorlage-Klammer}} benutzt man diese: {|Link|} (Geschweifte Klammer auf, Strich, Strich, Geschweifte Klammer zu).

align="center" gibt an, dass die Galerie in der Mittel der Seite erscheinen soll. Man kann sie auch rechts oder links anordnen, aber dabei kommt es meist zu Problemen mit der Darstellung - die Galerie erscheint außerhalb(!) des Artikels oder verschiebt ihn. border="Zahl" gibt an, ob ein zusätzlicher Rahmen um die Galerie erscheinen soll. border="0" ohne Rahmen, border="1" mit Rahmen.

Während sich der äußere Rahmen auf die gesamte Galerie auswirkt, muss der innere Rahmen für jedes Bild erstellt werden. Er entscheidet, ob das Einzelbild oben, mittig oder unten angeordnet ist. Er steht am Anfang einer neuen Zeile:

|valign="bottom"|[[Bild:Sie.jpg]]

Wichtig ist, dass er mit einem "|" nach vorne zum Rand, und einem nach hinten zum Link abgegrenzt wird (also genau wie ein Formationsbefehl, nur vor dem Bild-Link, statt drinnen!). |valign="top"| verschiebt das Bild gegen den oberen Rahmen, |valign="bottom"| gegen den unteren. Lässt man ihn weg, wird das Bild mittig angeordnet (trotzdem muss vor dem Bild-Link ein "|" stehen bleiben wie ein Anstrich vor einer Stichpunktliste)

Aufgepasst: Die vertikale Ausrichtung erfolgt jedoch nur, wenn die Bilder in einer Zeile unterschiedlich groß sind! Sind alle Bilder gleich groß, liegt der äußere Rahmen genau an den Bildrändern an, sodass eine Verschiebung nach oben oder unten, keine Auswirkung hat. Im folgenden Beispiel ist deshalb das mittlere Bild etwas größer formatiert, als die anderen beiden:

{|align="center" border="1"

|}

vollständige französische Ausgabe Teil 1

vollständige französische Ausgabe Teil 2

vollständige französische Ausgabe Teil 3

Zur Erinnerung:

align ist der äußerer Rahmen, valign der innere!

Jede neue Zeile mit einem "|" beginnen! (so wie mit den "*")

Am Ende mit |} die Galerie schließen!

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!