awardsmanage, Bürokraten, checkuser, editor, giftadmin, oversight, reviewer, staff, Administratoren
8.981
Bearbeitungen
Änderungen
Zur Navigation springen
Zur Suche springen
Die Seite wurde neu angelegt: Hochgeladene '''Bilder''' lassen sich ganz einfach in Seiten einbinden. Die fünf bekanntesten Möglichkeiten sind unten mit Beispielen aufgeführt. == Grundsätzliche...
Hochgeladene '''Bilder''' lassen sich ganz einfach in Seiten einbinden. Die fünf bekanntesten Möglichkeiten sind unten mit Beispielen aufgeführt.
== Grundsätzliche Tipps ==
* '''Gute Bildbeschreibungen''' sind Gold wert. Leser können nicht ahnen, was für Dich selbstverständlich ist. Sie möchten wissen, was genau abgebildet ist. Statt einer Bildunterschrift wie ''„Sandstrand“'' ist also sowas wie ''„Strand von Cuxhaven, Juli 2006“'' sinnvoll.
* '''Flexible Bildbreiten''' haben sich in Wikis als Quasistandard durchgesetzt. Dies erreichst Du mit <code><nowiki>[[Bild:Beispiel.jpg|</nowiki>'''thumb'''|Bildbeschreibung]]</code>. Die Angabe ''thumb'' (von engl. ''thumbnail'' = Daumennagel) erzeugt dabei automatisch von größeren Bildern ein kleineres Vorschaubild mit geringer Dateigröße. Dieses wird rechtsbündig vom Text umflossen und hat standardmäßig eine Bildbreite von 180 Pixeln. Angemeldete Benutzer können im Bereich „Dateien“ in [[Special:Preferences|ihren Einstellungen]] festlegen, ob sie solche Bilder individuell kleiner oder größer (120 bis 300 px) sehen möchten.
* '''Festbreiten''' werden gerne von Anfängern eingesetzt, sind aber oft nicht zu empfehlen. Berücksichtige dabei, dass das vermeintlich „exakt passende Layout“ einer Seite bei anderen Monitorgrößen/Auflösungen sofort ganz anders aussieht. Nützlich sind Festbreiten z.B. bei Panoramaaufnahmen oder besonderen Hochformaten. Außerdem werden individuelle Einstellungen ignoriert, wenn eine Festbreite angegeben ist.
* '''Textlinks''' zu Bildern können mit vorangestelltem Doppelpunkt erreicht werden. <code><nowiki>[[</nowiki>''':'''Bild:Beispiel.jpg|Beispiel-Bildbeschreibung]]</code> wird zu [[:Bild:Beispiel.jpg|Beispiel-Bildbeschreibung]].
== Bildbeispiele ==
{|{{Prettytable}} width="100%"
!bgcolor="#f1f1f1"|Einzugebender Text/Erläuterung
!bgcolor="#f1f1f1"|Ergebnis
|-valign="top"
|'''1. Ganz einfach'''<br />
<code><nowiki>[[Bild:Beispiel.jpg|Bildbeschreibung]]</nowiki></code>
Darstellung in Originalgröße; Achtung bei großen Bildern!
Anordnung linksbündig, kein Textumfluss.
Bildbeschreibung wird beim ''Überfahren mit der Maus'' angezeigt.
|[[Bild:Beispiel.jpg|Bildbeschreibung]]
Dies ist nur ein Satz mit etwas Beispiel-Fließtext.
|-valign="top"
|'''2. Bild ausrichten'''<br />
<code><nowiki>[[Bild:Beispiel.jpg|</nowiki>'''right'''|Bildbeschreibung]]</code>
Anordnung rechtsbündig, Text umfließt das Bild.
Wahlweise auch mit <code>'''left'''</code> oder <code>'''center'''</code> zu benutzen (kein Textumfluss bei Zentrierung).
|[[Bild:Beispiel.jpg|right|Bildbeschreibung]]
Dies ist nur ein Satz mit etwas Beispiel-Fließtext.
|-valign="top"
|'''3. Bildgröße ändern'''<br />
<code><nowiki>[[Bild:Beispiel.jpg|right|</nowiki>'''150px'''|Bildbeschreibung]]</code>
Die Höhe wird automatisch aus der Breitenangabe (in <code>'''px'''</code>) und dem Seitenverhältnis berechnet.
Wahlweise auch mit <code>left</code> oder <code>center</code> und anderen Breiten zu verwenden.
|[[Bild:Beispiel.jpg|right|150px|Bildbeschreibung]]
Dies ist nur ein Satz mit etwas Beispiel-Fließtext.
|-valign="top"
|'''4. Rahmen und Bildunterschrift (Flexibler Standard)'''<br />
<code><nowiki>[[Bild:Beispiel.jpg|</nowiki>'''thumb'''|Bildbeschreibung]]</code>
Anordnung rechtsbündig, Bildbreite standardmäßig 180px (individuell änderbar), Text umfließt das Bild.
Breitenangaben und die Zusätze <code>'''left'''</code> oder <code>'''center'''</code> funktionieren wie oben (<code>right</code> ist bei <code>thumb</code> überflüssig).
| [[Bild:Beispiel.jpg|thumb|Bildbeschreibung]]
Dies ist nur ein Satz mit etwas Beispiel-Fließtext.
|-valign="top"
|'''5. Galerie'''<br />
<code><nowiki><gallery></nowiki><br />
Bild:Beispiel.jpg|Bildbeschreibung<br />
Bild:Beispiel.jpg|Bildbeschreibung<br />
<'''/'''gallery></code>
Eine beliebige Anzahl Bilder kann mit <code><nowiki><gallery></nowiki></code>-Tags umschlossen werden. Das Ergebnis ist linksbündig angeordnet und maximal vier Bilder breit. Bei mehr als vier Bildern wird nach unten erweitert.
|<gallery>
Bild:Beispiel.jpg|Bildbeschreibung 1
Bild:Beispiel.jpg|Bildbeschreibung 2
</gallery>
|}
== Nützliche Links ==
* [[Wikipedia:de:Hilfe:Bilder|Wikipedia-Bilderhilfe]]
[[Kategorie:Hilfe|Bilder]]
== Grundsätzliche Tipps ==
* '''Gute Bildbeschreibungen''' sind Gold wert. Leser können nicht ahnen, was für Dich selbstverständlich ist. Sie möchten wissen, was genau abgebildet ist. Statt einer Bildunterschrift wie ''„Sandstrand“'' ist also sowas wie ''„Strand von Cuxhaven, Juli 2006“'' sinnvoll.
* '''Flexible Bildbreiten''' haben sich in Wikis als Quasistandard durchgesetzt. Dies erreichst Du mit <code><nowiki>[[Bild:Beispiel.jpg|</nowiki>'''thumb'''|Bildbeschreibung]]</code>. Die Angabe ''thumb'' (von engl. ''thumbnail'' = Daumennagel) erzeugt dabei automatisch von größeren Bildern ein kleineres Vorschaubild mit geringer Dateigröße. Dieses wird rechtsbündig vom Text umflossen und hat standardmäßig eine Bildbreite von 180 Pixeln. Angemeldete Benutzer können im Bereich „Dateien“ in [[Special:Preferences|ihren Einstellungen]] festlegen, ob sie solche Bilder individuell kleiner oder größer (120 bis 300 px) sehen möchten.
* '''Festbreiten''' werden gerne von Anfängern eingesetzt, sind aber oft nicht zu empfehlen. Berücksichtige dabei, dass das vermeintlich „exakt passende Layout“ einer Seite bei anderen Monitorgrößen/Auflösungen sofort ganz anders aussieht. Nützlich sind Festbreiten z.B. bei Panoramaaufnahmen oder besonderen Hochformaten. Außerdem werden individuelle Einstellungen ignoriert, wenn eine Festbreite angegeben ist.
* '''Textlinks''' zu Bildern können mit vorangestelltem Doppelpunkt erreicht werden. <code><nowiki>[[</nowiki>''':'''Bild:Beispiel.jpg|Beispiel-Bildbeschreibung]]</code> wird zu [[:Bild:Beispiel.jpg|Beispiel-Bildbeschreibung]].
== Bildbeispiele ==
{|{{Prettytable}} width="100%"
!bgcolor="#f1f1f1"|Einzugebender Text/Erläuterung
!bgcolor="#f1f1f1"|Ergebnis
|-valign="top"
|'''1. Ganz einfach'''<br />
<code><nowiki>[[Bild:Beispiel.jpg|Bildbeschreibung]]</nowiki></code>
Darstellung in Originalgröße; Achtung bei großen Bildern!
Anordnung linksbündig, kein Textumfluss.
Bildbeschreibung wird beim ''Überfahren mit der Maus'' angezeigt.
|[[Bild:Beispiel.jpg|Bildbeschreibung]]
Dies ist nur ein Satz mit etwas Beispiel-Fließtext.
|-valign="top"
|'''2. Bild ausrichten'''<br />
<code><nowiki>[[Bild:Beispiel.jpg|</nowiki>'''right'''|Bildbeschreibung]]</code>
Anordnung rechtsbündig, Text umfließt das Bild.
Wahlweise auch mit <code>'''left'''</code> oder <code>'''center'''</code> zu benutzen (kein Textumfluss bei Zentrierung).
|[[Bild:Beispiel.jpg|right|Bildbeschreibung]]
Dies ist nur ein Satz mit etwas Beispiel-Fließtext.
|-valign="top"
|'''3. Bildgröße ändern'''<br />
<code><nowiki>[[Bild:Beispiel.jpg|right|</nowiki>'''150px'''|Bildbeschreibung]]</code>
Die Höhe wird automatisch aus der Breitenangabe (in <code>'''px'''</code>) und dem Seitenverhältnis berechnet.
Wahlweise auch mit <code>left</code> oder <code>center</code> und anderen Breiten zu verwenden.
|[[Bild:Beispiel.jpg|right|150px|Bildbeschreibung]]
Dies ist nur ein Satz mit etwas Beispiel-Fließtext.
|-valign="top"
|'''4. Rahmen und Bildunterschrift (Flexibler Standard)'''<br />
<code><nowiki>[[Bild:Beispiel.jpg|</nowiki>'''thumb'''|Bildbeschreibung]]</code>
Anordnung rechtsbündig, Bildbreite standardmäßig 180px (individuell änderbar), Text umfließt das Bild.
Breitenangaben und die Zusätze <code>'''left'''</code> oder <code>'''center'''</code> funktionieren wie oben (<code>right</code> ist bei <code>thumb</code> überflüssig).
| [[Bild:Beispiel.jpg|thumb|Bildbeschreibung]]
Dies ist nur ein Satz mit etwas Beispiel-Fließtext.
|-valign="top"
|'''5. Galerie'''<br />
<code><nowiki><gallery></nowiki><br />
Bild:Beispiel.jpg|Bildbeschreibung<br />
Bild:Beispiel.jpg|Bildbeschreibung<br />
<'''/'''gallery></code>
Eine beliebige Anzahl Bilder kann mit <code><nowiki><gallery></nowiki></code>-Tags umschlossen werden. Das Ergebnis ist linksbündig angeordnet und maximal vier Bilder breit. Bei mehr als vier Bildern wird nach unten erweitert.
|<gallery>
Bild:Beispiel.jpg|Bildbeschreibung 1
Bild:Beispiel.jpg|Bildbeschreibung 2
</gallery>
|}
== Nützliche Links ==
* [[Wikipedia:de:Hilfe:Bilder|Wikipedia-Bilderhilfe]]
[[Kategorie:Hilfe|Bilder]]