Hilfe:Bilder: Unterschied zwischen den Versionen
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...) |
|||
| Zeile 4: | Zeile 4: | ||
* '''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. | * '''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>[[ | + | * '''Flexible Bildbreiten''' haben sich in Wikis als Quasistandard durchgesetzt. Dies erreichst Du mit <code><nowiki>[[Datei: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. | * '''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>''':''' | + | * '''Textlinks''' zu Bildern können mit vorangestelltem Doppelpunkt erreicht werden. <code><nowiki>[[</nowiki>''':'''Datei:Beispiel.jpg|Beispiel-Bildbeschreibung]]</code> wird zu [[:Datei:Beispiel.jpg|Beispiel-Bildbeschreibung]]. |
== Bildbeispiele == | == Bildbeispiele == | ||
| Zeile 14: | Zeile 14: | ||
|-valign="top" | |-valign="top" | ||
|'''1. Ganz einfach'''<br /> | |'''1. Ganz einfach'''<br /> | ||
| − | <code><nowiki>[[ | + | <code><nowiki>[[Datei:Beispiel.jpg|Bildbeschreibung]]</nowiki></code> |
Darstellung in Originalgröße; Achtung bei großen Bildern! | Darstellung in Originalgröße; Achtung bei großen Bildern! | ||
| Zeile 21: | Zeile 21: | ||
Bildbeschreibung wird beim ''Überfahren mit der Maus'' angezeigt. | Bildbeschreibung wird beim ''Überfahren mit der Maus'' angezeigt. | ||
| − | |[[ | + | |[[Datei:Beispiel.jpg|Bildbeschreibung]] |
Dies ist nur ein Satz mit etwas Beispiel-Fließtext. | Dies ist nur ein Satz mit etwas Beispiel-Fließtext. | ||
|-valign="top" | |-valign="top" | ||
|'''2. Bild ausrichten'''<br /> | |'''2. Bild ausrichten'''<br /> | ||
| − | <code><nowiki>[[ | + | <code><nowiki>[[Datei:Beispiel.jpg|</nowiki>'''right'''|Bildbeschreibung]]</code> |
Anordnung rechtsbündig, Text umfließt das Bild. | Anordnung rechtsbündig, Text umfließt das Bild. | ||
Wahlweise auch mit <code>'''left'''</code> oder <code>'''center'''</code> zu benutzen (kein Textumfluss bei Zentrierung). | Wahlweise auch mit <code>'''left'''</code> oder <code>'''center'''</code> zu benutzen (kein Textumfluss bei Zentrierung). | ||
| − | |[[ | + | |[[Datei:Beispiel.jpg|right|Bildbeschreibung]] |
Dies ist nur ein Satz mit etwas Beispiel-Fließtext. | Dies ist nur ein Satz mit etwas Beispiel-Fließtext. | ||
|-valign="top" | |-valign="top" | ||
|'''3. Bildgröße ändern'''<br /> | |'''3. Bildgröße ändern'''<br /> | ||
| − | <code><nowiki>[[ | + | <code><nowiki>[[Datei:Beispiel.jpg|right|</nowiki>'''150px'''|Bildbeschreibung]]</code> |
Die Höhe wird automatisch aus der Breitenangabe (in <code>'''px'''</code>) und dem Seitenverhältnis berechnet. | 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. | Wahlweise auch mit <code>left</code> oder <code>center</code> und anderen Breiten zu verwenden. | ||
| − | |[[ | + | |[[Datei:Beispiel.jpg|right|150px|Bildbeschreibung]] |
Dies ist nur ein Satz mit etwas Beispiel-Fließtext. | Dies ist nur ein Satz mit etwas Beispiel-Fließtext. | ||
|-valign="top" | |-valign="top" | ||
|'''4. Rahmen und Bildunterschrift (Flexibler Standard)'''<br /> | |'''4. Rahmen und Bildunterschrift (Flexibler Standard)'''<br /> | ||
| − | <code><nowiki>[[ | + | <code><nowiki>[[Datei:Beispiel.jpg|</nowiki>'''thumb'''|Bildbeschreibung]]</code> |
Anordnung rechtsbündig, Bildbreite standardmäßig 180px (individuell änderbar), Text umfließt das Bild. | 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). | 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). | ||
| − | | [[ | + | | [[Datei:Beispiel.jpg|thumb|Bildbeschreibung]] |
Dies ist nur ein Satz mit etwas Beispiel-Fließtext. | Dies ist nur ein Satz mit etwas Beispiel-Fließtext. | ||
|-valign="top" | |-valign="top" | ||
|'''5. Galerie'''<br /> | |'''5. Galerie'''<br /> | ||
<code><nowiki><gallery></nowiki><br /> | <code><nowiki><gallery></nowiki><br /> | ||
| − | + | Datei:Beispiel.jpg|Bildbeschreibung<br /> | |
| − | + | Datei:Beispiel.jpg|Bildbeschreibung<br /> | |
<'''/'''gallery></code> | <'''/'''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. | 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> | |<gallery> | ||
| − | + | Datei:Beispiel.jpg|Bildbeschreibung 1 | |
| − | + | Datei:Beispiel.jpg|Bildbeschreibung 2 | |
</gallery> | </gallery> | ||
|} | |} | ||
Aktuelle Version vom 13. Juni 2009, 19:01 Uhr
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
[[Datei:Beispiel.jpg|thumb|Bildbeschreibung]]. 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 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.
[[:Datei:Beispiel.jpg|Beispiel-Bildbeschreibung]]wird zu Beispiel-Bildbeschreibung.
Bildbeispiele
| Einzugebender Text/Erläuterung | Ergebnis |
|---|---|
| 1. Ganz einfach
Darstellung in Originalgröße; Achtung bei großen Bildern! Anordnung linksbündig, kein Textumfluss. Bildbeschreibung wird beim Überfahren mit der Maus angezeigt. |
Dies ist nur ein Satz mit etwas Beispiel-Fließtext. |
| 2. Bild ausrichten
Anordnung rechtsbündig, Text umfließt das Bild. Wahlweise auch mit |
Dies ist nur ein Satz mit etwas Beispiel-Fließtext. |
| 3. Bildgröße ändern
Die Höhe wird automatisch aus der Breitenangabe (in Wahlweise auch mit |
Dies ist nur ein Satz mit etwas Beispiel-Fließtext. |
| 4. Rahmen und Bildunterschrift (Flexibler Standard)
Anordnung rechtsbündig, Bildbreite standardmäßig 180px (individuell änderbar), Text umfließt das Bild. Breitenangaben und die Zusätze |
Dies ist nur ein Satz mit etwas Beispiel-Fließtext. |
| 5. Galerie
Eine beliebige Anzahl Bilder kann mit |
|