Auf deara Hüfesaitn wiad eaklead, wia ma Büda, Grafikn und Koatn zu an Artikl dazua duat.
Büda, Fotos und Lãndkoatn soitadn noamalawais néd då bai da boarischn Wikipedianaufglådn wean, sondan gschaidawais glai baiWikimedia Commons. Dés is de iwagraifade Büdldatnbank fu Wikimedia, wo ole Schbråchn drauf zuagraifn kinan. Wia dés genau ged, eafoad ma doat. Dawai gibt's dés Commons åwa nu néd auf Boarisch und déswéng muas ma si mid ana ãndan Schbråch doat duachhantln, åwa es kãn e a jeda fu aich Englisch oda Hochdaidsch oda wås ãndas.
Wikimedia Commons is de Büdldatnbank fia de Wikipedias in ole Schbråchn
Wöche Büda ma doat aufilåna deaf, hengt fum Uahebarechtsschdatus fum Büdl å. Neta Grafikn dé ma söwa gmåcht håd oda Fotos dé ma söwa gschossn håd, deaf ma doat aufi låna. Dabai muas ma åwa a nu drã denga, das a de Peason dé då zan seng is, âifaschdãndn gwén sâi muas. Ma deaf néd õafåch fu jédn a Büdl aufi låna! Wås a nu ged san Büdl, de ma im Intanet fint und dé unta ana frain Lizenz faöfentlich woan san. Då muas ma åwa gãns genau ãngém, wo ma dés hea håd, wea da Autor is und ob dés e sicha is, das dés unta ana frain Lizenz fafügboa is. Lész aich dés bit schê zeascht guad duach doat, befoa's zan weakln ãfãngts. Es gibt åwa doat a ãndane User, Adminisdratoan und Stewards, dé aufbassn das ois basst und mid dénan ma a rédn kã, wãn ma si wo ned auskent.
Dechnisch is's übrigens åwa nåch wi foa mégli, das ma a då bai da Boarischn Wikipedia Büdl aufi låna kã. Wãnst du néd wüst, das a Foto oda Grafik fu dia, a fu de Wikipedias in ãndane Schbråchn fawent wean kinan, dea kãnst as a õafåch neta dånauflådn. Ob dés mid'n Uahebarecht und da Lizenz e basst, kontroliad bai uns daBenutzer:Chaddy.
Sunst is's fian Ãfãng am gschaidan, és suachz amåi baiWikimedia Commons nåch am Büdl, wås e schã wea ãndana naufglådn håd und dés fia aichan Artikl bassn kant. Es gibt nemli e schã dausnde faschidane Fotos, Grafikn und Lãndkoatn doat und jédn Dåg wean's meara. Då soit oiso laicht wås bassads zan findn sâi.
Wia dés dechnisch funkzioniad, das ma a Büdl in an Artikl âifügt, dés eafoaz jéz. De foigende Infoamazion is aus da hochdaidschn Wikipedia uma kopiad und déswéng néd auf Dialekt:
Weil das Aussehen einer Webseite in erster Linie davon abhängt, wie sie der jeweiligeBrowser darstellt, nicht, wie der Autor sie plant, soll bei Anordnung, Ausrichtung und Größe möglichst auf zu spezielle Vorgaben verzichtet werden. Gutes Webdesign zeichnet sich durch Flexibilität aus,perfektes Layout ist erst für eine gedruckte Ausgabe wie denWikiReader nötig.
Die Bilder sollten möglichst in die jeweiligen Kapitel gesetzt werden. Zuviele Bilder am Anfang des Artikels, die sich „von selbst“ auf den Artikel verteilen, sind ungünstig: Sie zeigen leicht unerwünschte Nebenwirkungen im Layout und bringen auch manche Browser zum Absturz.
Bilder lassen sich mit[[Datei:Dateiname|Beschreibung]] in Artikel einfügen.Das Bild wird dann in Originalgröße links im Artikel angezeigt. Mit der Option „framed“, z. B.[[Datei:Dateiname|framed|Beschreibung]] wird das Bild mit einem Rahmen umgeben.
Eingabe
Ergebnis
[[Datei:Feather 150 transparent.png|Feder]]
[[Datei:Feather 150 transparent.png|framed|Eine Feder mit Rahmen]]
Eine Feder 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 besser verkleinerte Vorschauansichten (so genannteThumbnails), die der Leser – wenn es ihn interessiert – dann mit einem Klick auf die Lupe vergrößern und genauer betrachten kann.
Auf da Boarischn Wikipedia is's übrigens egal, ob ma hochdaidsch[[Datei:Datainãm|Beschraibung]] oda Englisch[[Image:Datainãm|Beschraibung]] schraibt. Wãn ma wås aus ãndane Schbråchn iwasézt und an Source Code uma kopiad, muas ma dés oiso néd a jéds Måi endan.
Mediawiki kann automatischVorschaubilder erzeugen. Dazu fügt man den Zusatzthumb oderthumbnail zwischen Dateiname und Alternativtext ein, zum Beispiel[[Datei:Feather.svg|thumb|Text der Bildbeschreibung]].
Für Thumbnails ohne Rahmen fügt man den Zusatzframeless hinzu. Dabei ist zu beachten dass diese jedoch standardmäßig links ausgerichtet sind, so dass für das gleiche Verhalten zuthumb einright notwendig ist, zum Beispiel[[Datei:Feather.svg|frameless|right|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 ihrenBenutzereinstellungen festlegen; für nichtangemeldete Leser erscheinen diese Bilder mit einer Bildbreite von 180 Pixeln.
Diese Art der Bilddarstellung sollte im Allgemeinen in Artikeln verwendet werden.
Bitte auf das Bild klicken, um den Mülleimer zu öffnen
Mit der Option[[Datei:Gnome-fs-trash-full.svg|thumbnail=Gnome-fs-trash-empty.svg|Bitte auf das Bild klicken, um den Mülleimer zu öffnen]] lässt sich ein Thumbnail darstellen, das nicht dem hinterlegten Bild entspricht. Eine sinnvolle Anwendung besteht darin, einen Ausschnitt aus einem großen Bild als Thumbnail zu nehmen. Beispielsweise um auf ein Detail hinzuweisen oder bei einer Panoramaaufnahme (extremes Seitenverhältnis) ein Teil mit gängigem Format (4:3) als Thumbnail anzuzeigen.
Eine andere Anwendung: Bei einigen GIF-Bildern verschwinden in der Thumbnail-Ansicht wichtige Details. Beim Vergrößern erscheint dann das komplette Bild. Besser wäre es allerdings, PNG- oder SVG-Bilder zu verwenden, bei denen dieses Problem nicht besteht.
Hinweis: Durch Änderungen in der Softwareentwicklung funktionieren abweichende Thumbnails im Moment nicht richtig (Stand: 2007-11-21), sollten aber bald wieder zur Verfügung stehen.
Eine völlig andere Möglichkeit, abweichende Vorschaubilder zu erzeugen, sindImagemaps (Grafiken als Links), siehe auch weiter unten.Rechts wird als Bild der geschlossene Mülleimer angezeigt (Datei:Gnome-fs-trash-empty.svg). Wird darauf geklickt, gelangt man zum Bild des geöffneten Mülleimers (Datei:Gnome-fs-trash-full.svg).
Mit der Syntax <imagemap> Datei:Gnome-fs-trash-empty.svg|100px|right| default [[Datei:Gnome-fs-trash-full.svg]] desc none </imagemap> lässt sich unterdefault als Linkziel für das Imagemap jede beliebige Grafik ansteuern, im dargestellten Fall der geöffnete Mülleimer.
Grundsätzlich sollten starre Bildgrößen nur in Ausnahmefällen verwendet werden, da dies die individuellen Anzeigeeinstellungen für Vorschaubilder (Thumbnails) der Benutzer ignoriert. Wann immer möglich, lass die Benutzer selbst wählen, in welcher Größe sie Vorschaubilder sehen wollen.
Mit[[Datei:Feather.svg|thumb|100px|Beschreibung]] wird die Breite des generierten Miniaturbildes(thumbnail) auf 100 Pixel festgelegt (Standardgröße, keine Definition: 180 Pixel).
Mit[[Datei:Feather.svg|thumb|x100px|Beschreibung]] wird die Höhe des Miniaturbildes festgelegt. Die zugehörige Breite bzw. Höhe wird aus dem Seitenverhältnis automatisch berechnet.
Wenn man mit[[Datei:Feather.svg|thumb|100x100px|Beschreibung]] sowohl die Maximalhöhe wie auch -breite angibt, wird der im Verhältnis kleinere Wert genommen. In diesem Beispiel würde das Bild weder höher als breiter als 100 Pixel werden.
Außerhalb vonInfoboxen sollten keine festen Bildbreiten verwendet werden. Für den Fließtext imArtikelnamensraum gibt esThumbnails in Verbindung mit derautomatischen Skalierung.
Hoch- und querformatige Bilder kombinieren – automatische Skalierung
Ohne „px“-, aber mit „upright“-Angabe (Vorgabewert)
Ohne „px“-Angabe
Werden hoch- und querformatige Bilder untereinander gesetzt, ohne dass eine Breite vorgegeben wird, wirken die hochformatigen Thumbs meist übermäßig groß. Es empfiehlt sich in solchen Fällen, dem hochformatigen Bild den Parameterupright mitzugeben. Damit wird es standardmäßig um den Faktor 0,75 schmaler als das querformatige Bild dargestellt, was in der Regel zu einer schöneren Aufteilung führt. Der große Vorteil liegt in der automatischen Skalierung, die für anonyme Benutzer genau so funktioniert wie für angemeldete Benutzer, die sich in ihren persönlichen Einstellungen eine andere Bildbreite vorgegeben haben. Die Größenverhältnisse untereinander bleiben immer gewahrt.
[[Datei:Bildname.jpg|thumb|upright|Ohne „px“-, aber mit „upright“-Angabe]]
Dem Parameterupright kann auch ein Faktor mitgegeben werden, falls es sich um sehr hohe Bilder handelt, bei der eine Skalierung auf 0,75 noch nicht reicht:
[[Datei:Bildname.jpg|thumb|upright=0.5|Ohne „px“-, aber mit „upright=0.5“-Angabe]]
Auf diese Weise können auch sehr breite Bilder, z.B. Panoramen, skaliert werden. Mit einem upright-Wert > 1 werden sie entsprechend breiter als das Standard-Thumbnail dargestellt. Die Proportionen bleiben dadurch in jeder Darstellung erhalten.
[[Datei:Panorama.jpg|thumb|upright=1.8|Panorama, es wird mit 180 % der Standardbreite dargestellt.]]
Die Breite der so berechneten Thumbnails wird immer auf den nächsthöheren 10er-Wert aufgerundet.
Die Optionenleft,right,center undnone richten Bilder im Text nach links bzw. rechts aus. Dabei ist jedoch zu beachten, dass die Darstellung je nach Browser sehr unterschiedlich sein kann. Um Probleme bei der Darstellung zu vermeiden, empfiehlt es sich, alle Bilder als thumbs auf der rechten Seite, bei längeren Absätzen auch absatzweise unter der Absatzüberschrift einzufügen.
Eingabe
Ergebnis
[[Datei:Smile.png|left|Ein Smiley]] Ein '''Smiley''' ist ein vor allem im Chat beliebtes Emoticon.
Ein Smiley
EinSmiley ist ein vor allem im Chat beliebtes Emoticon.
[[Datei:Smile.png|right|Ein Smiley]] Ein '''Smiley''' ist ein vor allem im Chat beliebtes Emoticon.
Ein Smiley
EinSmiley ist ein vor allem im Chat beliebtes Emoticon.
Wenn man ein oder mehrere Bild(er) am Rand angeordnet hat, kann man mit{{subst:Absatz}} dafür sorgen, dass der folgende Text (z. B. ein neues Kapitel) unterhalb der Linie der Bildränder weitergeht. Mit{{subst:Absatz-L}} geht der folgende Text links unterhalb des Bildrands weiter, auf der rechten Seite kann aber weiterhin eine höhere Tabelle oder ein Bild neben dem Text stehen.
Die Galerie eignet sich, um mehrere Bilder tabellarisch anzuordnen.In der Wikipedia ist das Einfügen von Galerien mit mehr als vier Bildern aber nur in Ausnahmefällen sinnvoll, im allgemeinen sollten Galerien inCommons angelegt und mit dem Link{{Commons|Artikelname}} in den Wikipediaartikel eingebunden werden.
Mit den Schlüsselwörternheights bzw.widths wird die Breite und/oder Höhe der Bilder vorgegeben. Das jeweils breiteste bzw. höchste Bild wird für die Galerie als Maßstab genommen und die kleineren Bilder entsprechend angepasst. Kombinationen vonheights undwidths sind möglich.
Hinweis: Wer eine Galerie auf Commons anlegt,muss „Image:…“ schreiben, in der deutschsprachigen Wikipedia sollte der Befehl „Datei:…“ verwendet werden.
Parameter: Die Koordinaten (Einheit: Pixel) beziehen sich immer auf das Bild in Originalgröße und werden für die verkleinerte Darstellung automatisch heruntergerechnet. Der Nullpunkt ist oben links.
poly
Vieleck. Die Parameter geben die Eckpunkte des Vielecks an, gefolgt von einem Wikilink zum Ziel.
Wirdpoly verwendet,müssen diese Zeilenvorrect, circle kommen.
rect
Rechteck. Die Parameter beschreiben die Ecken links-oben und rechts-unten, gefolgt von einem Wikilink zum Ziel.
circle
Kreis. Die ersten Parameter geben den Mittelpunkt an, der dritte den Radius. Danach folgt wieder ein Wikilink zum Ziel.
default
Optionaler Parameter. Er bestimmt das Standard-Linkziel für die restlichen Flächen.
desc
Gibt die Ecke vor, in der der Link zur Bildbeschreibungsseite (ein „i“ im blauen Kreis) erscheinen soll. Mögliche Parameter sindtop-right, bottom-right, bottom-left, top-left, none. Der Standard istbottom-right. Die Optiondesc none ist nur erlaubt, wenn das Bild gemeinfrei (PD) ist, ansonstenmuss mitdesc „Ecke nach Wahl“ die Möglichkeit gegeben sein, zur Bildbeschreibungsseite mit den Lizenzinformationen zu kommen.
Neben den englischen Bezeichnungen sind auchunten rechts, unten links, oben rechts, oben links, keine erlaubt.
Um die benötigten Parameter zu bestimmen, kann dasTool vonDapete genutzt werden.
Snellman
Für den einfachsten Fall, dass das komplette Bild zu genau einem Ziel führen soll, reicht folgender Minimalcode:
<imagemap>Datei:JV Snellman.jpg|100px|right|Snellmandefault [[Johan Vilhelm Snellman]]desc unten links</imagemap>
Man sollte auch bei Imagemap-Bildern immer Alternativtexte angeben, da die Verknüpfungen sonst für Blinde und Nutzer vonTextbrowsern nicht erreichbar oder nicht nachvollziehbar sein könnten.
Innerhalb vonVorlagen kann anstelle von<imagemap>…</imagemap> auch{{#tag:imagemap|…}} geschrieben werden, wobei senkrechte Striche durch{{!}} zu ersetzen sind. Damit wird die Auswertung vonParametern innerhalb der Imagemap ermöglicht.
Es ist in der deutschsprachigen Wikipedia mittels der Imagemap-Erweiterung auch möglich, verlinkte Bilder direkt im Fließtext zu verwenden, was man jedoch bei normalen Artikeln vermeiden sollte. Dazu wurde dieclass „imagemap-inline“ eingeführt, die man auf diese Weise anwendet:
Eingabe
Ausgabe
<div>So ist es <imagemap>Datei:Krokus-kih.jpg|16pxdefault [[Krokus]]desc none</imagemap> zum Beispiel möglich <imagemap>Datei:2006-10-18Dahlia03m.jpg|22pxdefault [[Dahlien]]desc none</imagemap> einige Bilder im Text zu verwenden.</div>
So ist es zum Beispiel möglich einige Bilder im Text zu verwenden.
Wenn man nur ein einzelnes Bild im Fließtext so verlinken will, sollte man statt<div> den Befehl<div> verwenden.
Im Weiteren ist die Anwendung von Imagemap dieselbe wie darüber beschrieben.
Panoramabilder einzubinden ist immer mit Problemen verbunden; wichtig dabei ist, dass wir nicht wissen, wie groß das Browser-Fenster des Lesers ist: Also sollte das Bild nie größer werden als die Breite der Druckversion (ca. 780px).
Vor allem einfache Grafiken, Flaggen usw. die einen weißen Untergrund haben und nicht mitthumb dargestellt werden sollen, benötigen einen Rahmen. Dieser kann mit dem Parameterborder erzeugt werden. Da zum Beispiel die Fahne der Stadt Wien:
[[Datei:Flag of Salzburg, Vienna, Vorarlberg.svg|border|right|100px]]
Durch einen Klick auf ein hochgeladenes Bild erscheint eine Seite mit der Beschreibung und einer meist höher aufgelösten Version 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“ einenDoppelpunkt setzt: Aus[[:Datei:Rotkehlchen_gr.jpg|Bildbeschreibung]] wirdBildbeschreibung.
Wenn man Bilder überarbeitet und danach unter dem bisherigen Namen wieder hochlädt, gibt es Besonderheiten zu beachten, die teils die Erfolgskontrolle, teils die Wiki-Software betreffen:
Manche Webbrowser zeigen nach dem Hochladen einer neuen Version immer noch das alte Bild an. In diesem Fall hilft es meist, die fragliche Seite mit der Funktion des Webbrowsers neu zu laden (Refresh oderReload). Es kann aber auch nötig sein, gezieltden Browsercache zu leeren.
Manchmal wird das neue Bild im Seitenverhältnis des alten Bildes angezeigt. Es erscheint dann verzerrt. In diesem Fall muss nichts getan werden. Die betroffenen Seiten werden nach einiger Zeit automatisch neu erzeugt und die Verzerrungen verschwinden dann von selbst. Will man die Darstellung beschleunigt korrigieren, hilft eine „leere Bearbeitung“ (das heißt, man klickt auf „Seite bearbeiten“ und speichert die Seite ohne Änderung sofort wieder) oder ein sogenanntes „Purge“.
