Hilfe:Bilder
aus Fursuit.de, der freien Wissensdatenbank
Diese Seite erklärt, wie du Bilder in Artikel einfügst. Welche Bilder du hochladen darfst, erklärt Hilfe:Hochladen - eine Seite, die du dir unbedingt durchlesen solltest, wenn du nicht möchtest, dass deine Bilder wegen Lizenzproblemen wieder gelöscht werden.
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:Avatar.jpg|Kchierath]] |
|
[[Bild:Avatar.jpg|framed|Kchierath, Bildanzeige mit Rahmen]] |
 Kchierath, Bildanzeige 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 lieber verkleinerte Vorschauansichten, sogenannte (Thumbnails [1]), die der Leser, wenn es ihn interessiert, dann mit einem Klick auf die Lupe vergrößert genauer betrachtet kann.
Thumbnails
Mediawiki kann automatisch Vorschaubilder erzeugen. Dazu fügt man den Zusatz thumb oder thumbnail zwischen Dateiname und Alternativtext ein, zum Beispiel [[Bild:Fussel_with_puppet.jpg|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.
Bilder skalieren
Mit [[Bild:Fussel_with_puppet.jpg|thumb|100px|Beschreibung]] legt man die Breite des generierten Thumbnails auf 100 Pixel fest (Standardgröße, keine Definierung: 180 Pixel). Die Höhe wird aus dem Seitenverhältnis automatisch berechnet.
Mit [[Bild:Fussel_with_puppet.jpg|100px|left|Fussel ohne Thumbnailrahmen]] skalierst du das Bild und lässt es ohne einen Thumbnailrahmen anzeigen.
Die gewählte Bildgröße sollte in Einklang mit dem Textumfang stehen: Ein Bild sollte den Text nicht erschlagen, der Text jedoch auch nicht das Bild begraben. Bei kürzeren Artikeln kann das Bild ruhig etwas größer ausfallen, man sollte jedoch z. B. darauf achten, dass der Text vollständig die Höhe des Bildes erfasst. Auch sollte man versuchen, den kürzeren Artikelinhalt mit Bild auf einer Bildschirmseite zu halten. Ihr werdet schon den harmonischen Mittelweg finden.
Prinzipiell solltest du starre Bildgrößen jedoch nur in Ausnahmefällen verwenden, da dies die individuellen Anzeigeeinstellungen für Thumbnails der Benutzer ignoriert. Wann immer möglich, lass die Benutzer selbst wählen, in welcher Größe sie Bilder sehen wollen.
Ausrichten im Text
Die Optionen left, right und none richten Bilder im Text nach links bzw. rechts aus.
| Eingabe | Ergebnis |
|---|---|
[[Bild:Icon_smile.gif|left|Ein Smiley]] Ein '''Smiley''' ist ein vor allem im Chat beliebtes Emoticon. |
 Ein Smiley ist ein vor allem im Chat beliebtes Emoticon. |
[[Bild:Icon_smile.gif|right|Ein Smiley]] Ein '''Smiley''' ist ein vor allem im Chat beliebtes Emoticon. |
Ein Smiley ist ein vor allem im Chat beliebtes Emoticon. |
<center> [[Bild:Fussel_with_puppet.jpg|thumb|none|100px|Fussel mit Pawpet]] </center> |
Die Option "none" zusammen mit <center>-Tags zentriert ein Bild innerhalb einer Tabellenzelle. |
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
|-
| Fussel || [[Bild:Fussel_with_puppet.jpg|thumb|none|100px|Fussel mit Pawpet]]
| Tioh || [[Bild:Tioh2.JPG|thumb|none|100px|Tioh beim Posing]]
|}
| Fursuits | |||
|---|---|---|---|
| Fussel | | Tioh |  |
Alle Optionen lassen sich beliebig, jeweils durch senkrechte Striche getrennt, miteinander kombinieren, unbekannte Optionen ignoriert die Software.
Das Bild nicht umfließen
Wenn man ein oder mehrere Bild(er) am Rand angeordnet hat, kann man mit <br style="clear:both;" /> dafür sorgen, dass der folgende Text (z. B. ein neues Kapitel) unterhalb der Linie der Bildränder weitergeht.
Galerie
Die Galerie eignet sich, um viele Bilder tabellarisch mit je vier Bildern pro Zeile anzuordnen.
<gallery> Bild:Skaven_herbstcon.jpg|Skaven auf der Herbstcon 2005 Bild:Fussel_with_puppet.jpg|Fussel auf der Spielemesse mit Folkmanis-Pawpet Bild:Wolf_buchmesse.JPG|Wulfy auf der Leibziger Buchmesse Bild:Tioh2.JPG|Tioh in Bonn </gallery>
 Skaven auf der Herbstcon 2005 |
Fussel auf der Spielemesse mit Folkmanis-Pawpet |
 Wulfy auf der Leibziger Buchmesse |
Tioh in Bonn |
Einfügen eines Links zur Bildbeschreibung
Durch einen Klick auf ein hochgeladenes Bild erscheint eine Seite mit der Beschreibung 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:Tioh2.JPG|Bildbeschreibung]] wird Bildbeschreibung.
