Hilfe:Bilder

Aus Narutopedia
Wechseln zu: Navigation, Suche
Navigation



Bilder sind dazu da, einen Text zu verschönern, oder grafisch darzustellen. Man kann ein Bild hier hochladen.

Grundsätzliche Vorschriften

Beim Hochladen von Dateien sollte man beachten:

  • Die Bildbeschreibung. Damit man auch als Außenstehender erfährt, um welche Datei es sich handelt.
  • Die Lizenz. Gibt man eine falsche oder illegale Lizenz an, so haftet der Hochlader!
  • Die Größe. 3000x3000px und über 150 KByte ist definitiv zu groß. Für Gesichter von Charakteren gilt die Maße x*x und für Ganzkörperbilder die Maße x*(2*x).
  • Das Format. Dateien sollten generell als .png-Dateien gespeichert und hochgeladen werden, solange sie mit Paint erstellt wurden. Dies gilt besonders für Screenshots aus dem Manga.
  • Die Qualität. Screenshots aus Episoden mit weniger als 480p sind nicht erwünscht. Sollte die Episode in einer solchen Qualität noch nicht verfügbar sein, wartet bitte noch etwas, anstatt Screenshots aus minderwertigen Episoden hochzuladen.
  • Schriftzüge in Bildern sind nicht erlaubt.
  • Neue Versionen von Bildern werden nur dann benötigt, wenn eine tatsächliche Neuerung vorliegt. Bei Charakteren heißt das zum Beispiel, dass sich das Aussehen deutlich geändert haben sollte (Frisur, Gesichtsausdruck, ...) Auch sollten Breitbildaufnahmen (wo sie nicht zwingend notwendig sind) vermieden werden, da diese in Artikeln viel zu klein angezeigt werden. Optimal sind Formate von etwa 4:3.

Für die eigene Benutzerseite dürfen maximal drei individuelle Bilder hochgeladen werden. Das Einbauen von bereits vorhandenen Bildern ist uneingeschränkt erlaubt.

Wie erstelle ich einen Snapshot?

Du möchtest ein Bild hochladen, weißt aber nicht, wie du das auf dem richtigen Wege anstellst? Kein Problem, dir kann geholfen werden. Schau am besten in diesen Thread des Forums. Dort wird Schritt für Schritt erklärt, wie man einen richtigen Snapshot für das Wiki anfertigt.

Standardmässiges Einbinden

Eingabe Ausgabe
Standard:
Um ein ganz normales Bild einzufügen, verwendet man folgenden Syntax:
[[Bild:beispiel.jpg]]
Beispiel.jpg
Für einen onmouse-Effekt:
Fährt man mit dem Zeiger über das Bild, so bekommt man nicht den Bilderlink, sondern einen anderen zurück.
[[Bild:beispiel.jpg|Bildbeschreibung]]
Bildbeschreibung
Für das Ausrichten eines Bildes:
Man kann ein Bild auch rechts oder links von einem Text anzeigen lassen.
[[Bild:beispiel.jpg|right]]
Beispiel.jpg
Und hier steht nun noch ein Text!
Bildergrösse optimieren:
Falls man ein grafisch gutes Bild haben möchte, sollte man es in einem grossen Format hochladen und es mittels Syntax verkleinern.[[Bild:beispiel.jpg|128px]]
Beispiel.jpg
Einen Kasten um das Bild machen:
Man kann ein Bild auch mit einer Beschreibung in einen Kasten stellen. (Diesen kann man auch mittels "right"-"left" platzieren.
[[Bild:beispiel.jpg|thumb|Text]]
Text
Eine auto-generierte Gallerie:
Falls man mehrere Bilder zugleich einfügen will, lohnt es sich, diese Bilder automatisch auf die vorgegebene Grösse einstellen zu lassen.

<gallery>
Bild:beispiel.jpg|Text
Bild:beispiel.jpg|Text
Bild:beispiel.jpg|Text
</gallery>


Imagemap

Es ist auch möglich, ein Bild als Link einzubinden. Klickt man also auf das entsprechend eingebundene Bild, wird man automatisch auf eine gewünschte Seite weitergeleitet. Um einen solchen Link zu realisieren, benutzt man nicht die normale [[Bild:...]] Schreibweise, sondern eine sogenannte Imagemap. Eine Imagemap ist immer gleich aufgebaut. Zunächst erfolgt die Angabe des Bildes mit den selben Optionen wie bei normalen Bildern in Zeile 1. Anschließend werden diejenigen Bereiche des Bildes definiert, die einen Link enthalten.

Imagemaps können mit diesem Tool formatiert werden, das die Erstellung vereinfacht.

Beispiel 1

Das Beispiel demonstriert die einfachste Art einer Imagemap. Es werden keine Bereich definiert, sondern lediglich ein Standardlink mit der Angabe default über das Bild gelegt. Der Link setzt sich aus dem Seitennamen und der Beschreibung zusammen, die erscheint, wenn man mit der Maus über das Bild fährt.

<imagemap>

Bild:NarutoTeam7.jpg|thumb|center|300px|Dies ist ein Beispiel für eine Imagemap. Fahre über das Bild und halte die Maus an.
default [[Team 7|Alle Mitglieder von Team 7]]
</imagemap>

Beispiel 2

Im Beispiel werden rechteckige Bereiche mit den Abmessungen des Gesichter gewählt. Dies drückt man durch die Angabe rect (rectangle (engl.): Rechteck) aus. Die Angabe des Bereichs erfolgt durch die Angabe der Koordinaten in Pixeln des Originalbilds, wobei immer zwei aufeinanderfolgende Koordinaten zusammengehören und sich auf die linke obere Ecke beziehen. "30 67" entspricht also gerade dem Bildpunkt, der 30 Pixel vom linken und 67 Pixel vom oberen Rand entfernt ist. Um ein gültiges Rechteck zu definieren sind natürlich zwei Punkte notwendig. Der erste Punkt liegt oben links, der zweite Punkt unten rechts.

<imagemap>

Bild:NarutoTeam7.jpg|thumb|center|300px|Dies ist ein Beispiel für eine Imagemap. Fahre über das Bild und halte die Maus an. Fahre <code><nowiki>auch über die Gesichter und die Landschaft.
rect 30 67 103 152 [[Sasuke Uchiha|Sasuke]]
rect 114 120 184 210 [[Sakura Haruno|Sakura]]
rect 205 70 273 163 [[Naruto Uzumaki|Naruto]]
rect 112 0 192 77 [[Kakashi Hatake|Kakashi]]
default [[Team 7|Alle Mitglieder von Team 7]]
</imagemap>

Beispiel 3

Es ist auch möglich, nicht nur rechteckige Bereich zu definieren, sondern sogenannte Polygonzüge. Sie erlauben es, sehr genaue Bereiche des Bildes mit einem Link zu versehen. Die erfolgt mit der Angabe poly. Die Koordinaten beziehen sich dabei wie schon bei rect auf die linke obere Ecke des Bildes. Es ist zu beachten, dass die Punkte in der aufgelisteten Reihenfolge verbunden werden und sie daher nicht willkürlich definiert werden können. Überschneiden sich zwei Polygonzüge, so entschiedet die Reihenfolge der Angabe darüber, welcher Link verwendet wird. Im Beispiel überscheidet sich beispielsweise der Bereich um Kakashi mit allen anderen. Da er aber als letztes definiert wird, liegen alle anderen Bereiche über seinem.

<imagemap>
Bild:NarutoTeam7.jpg|thumb|center|300px|Dies ist ein Beispiel für eine Imagemap. Fahre über das Bild und halte die Maus an. Probiere auch aus, was passiert wenn du über Figuren oder die Landschaft fährst.
poly 0 175 18 160 17 137 32 131 24 90 41 61 95 68 108 99 89 144 101 150 93 175 100 194 94 208 95 225 0 225 [[Sasuke Uchiha|Sasuke]]
poly 98 225 98 208 107 188 118 132 136 115 156 115 175 125 187 153 192 190 199 208 197 225 [[Sakura Haruno|Sakura]]
poly 292 225 199 225 193 183 206 152 214 147 204 123 200 96 207 73 230 69 265 70 278 73 279 108 271 114 266 150 275 153 277 174 286 177 292 194 [[Naruto Uzumaki|Naruto]]
poly 43 118 21 126 0 98 7 73 114 18 114 0 195 0 202 30 238 42 265 65 288 69 300 82 300 105 286 126 259 128 160 221 60 174 [[Kakashi Hatake|Kakashi]]
default [[Team 7|Alle Mitglieder von Team 7]]

</imagemap>
Verwendete Polygonzüge