Difference between revisions of "Hilfe:Bildbearbeitung"

From Freimaurer-Wiki
m (Lediglich formatiert)
Line 4: Line 4:
  
 
Hochgeladene '''Bilder''' lassen sich ganz einfach in Seiten einbinden. Es ist allerdings erforderlich, daß jedes Bild, das im Dithmarschen-Wiki erscheinen soll, auch wirklich erst in dieses System geladen wird - die Einfügung einer bestehenden Bildadresse auf einer anderen Homepage reicht (im Gegensatz zu Foren) hier nicht aus. Die fünf bekanntesten Möglichkeiten sind unten mit Beispielen aufgeführt.
 
Hochgeladene '''Bilder''' lassen sich ganz einfach in Seiten einbinden. Es ist allerdings erforderlich, daß jedes Bild, das im Dithmarschen-Wiki erscheinen soll, auch wirklich erst in dieses System geladen wird - die Einfügung einer bestehenden Bildadresse auf einer anderen Homepage reicht (im Gegensatz zu Foren) hier nicht aus. Die fünf bekanntesten Möglichkeiten sind unten mit Beispielen aufgeführt.
 +
 +
----
  
 
== Grundsätzliche Tipps ==
 
== Grundsätzliche Tipps ==
 +
 
'''Du darfst grundsätzlich nur Bilder hochladen, die das Copyright anderer Urheber nicht verletzen. Es muß also von Dir sein, oder definitiv "gemeinfrei". Was das bedeutet, kannst Du im Vorwort nachlesen.''' Bitte gib mit jedem hochgeladenen Bild an, daß das Bild von Dir ist, oder nenne die Quelle, von der Du die Erlaubnis zur Verwendung hast. Wenn wir kalte Füsse bekommen, weil wir unsicher sind, müssen wir es sonst eventuell wieder löschen und die ganze Mühe wäre umsonst gewesen.
 
'''Du darfst grundsätzlich nur Bilder hochladen, die das Copyright anderer Urheber nicht verletzen. Es muß also von Dir sein, oder definitiv "gemeinfrei". Was das bedeutet, kannst Du im Vorwort nachlesen.''' Bitte gib mit jedem hochgeladenen Bild an, daß das Bild von Dir ist, oder nenne die Quelle, von der Du die Erlaubnis zur Verwendung hast. Wenn wir kalte Füsse bekommen, weil wir unsicher sind, müssen wir es sonst eventuell wieder löschen und die ganze Mühe wäre umsonst gewesen.
 
  
 
----
 
----
  
 
* '''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 Büsum, Januar 2008“'' 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 Büsum, Januar 2008“'' sinnvoll.
 +
 
* '''Flexible Bildbreiten''' haben sich in Wikis als Quasistandard durchgesetzt. Dies erreichst Du mit <code><nowiki>[[Bild:Lt.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&nbsp;px) sehen möchten.  
 
* '''Flexible Bildbreiten''' haben sich in Wikis als Quasistandard durchgesetzt. Dies erreichst Du mit <code><nowiki>[[Bild:Lt.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&nbsp;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>''':'''Bild:Lt.jpg|Beispiel-Bildbeschreibung]]</code> wird zu [[:Bild:Lt.jpg|Beispiel-Bildbeschreibung]].
 
* '''Textlinks''' zu Bildern können mit vorangestelltem Doppelpunkt erreicht werden. <code><nowiki>[[</nowiki>''':'''Bild:Lt.jpg|Beispiel-Bildbeschreibung]]</code> wird zu [[:Bild:Lt.jpg|Beispiel-Bildbeschreibung]].
  
 
----
 
----
 +
 
Die ideale '''Maximalbreite''' für sehr große Bilder sollte praktischerweise 800 Pixel nicht überschreiten, denn genauso breit ist unser Erscheinungsbild formatiert. Allerdings wird unser Server auf Dauer durch große Formate doch arg belastet, deshalb bitten wir um eine Selbstbeschränkung auf ca. 500 bis 600 Pixel Bildbreite bei einer Auflösung von 72 dpi. So bleiben die Seiten schnell und auch noch halbwegs für Modems geeignet. Große Bilder machen die Seiten halt langsamer.
 
Die ideale '''Maximalbreite''' für sehr große Bilder sollte praktischerweise 800 Pixel nicht überschreiten, denn genauso breit ist unser Erscheinungsbild formatiert. Allerdings wird unser Server auf Dauer durch große Formate doch arg belastet, deshalb bitten wir um eine Selbstbeschränkung auf ca. 500 bis 600 Pixel Bildbreite bei einer Auflösung von 72 dpi. So bleiben die Seiten schnell und auch noch halbwegs für Modems geeignet. Große Bilder machen die Seiten halt langsamer.
 +
 +
----
  
 
== Bildbeispiele ==
 
== Bildbeispiele ==
 +
 
{|
 
{|
 
!bgcolor="#f1f1f1"|Einzugebender Text/Erläuterung
 
!bgcolor="#f1f1f1"|Einzugebender Text/Erläuterung
Line 30: Line 39:
 
Anordnung linksbündig, kein Textumfluss.<br />
 
Anordnung linksbündig, kein Textumfluss.<br />
 
Bildbeschreibung wird beim ''Überfahren mit der Maus'' angezeigt.
 
Bildbeschreibung wird beim ''Überfahren mit der Maus'' angezeigt.
 
  
 
[[Bild:Vanitas Öl.jpg|300px|Bildbeschreibung]]
 
[[Bild:Vanitas Öl.jpg|300px|Bildbeschreibung]]
Line 42: Line 50:
  
 
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).
 
  
 
[[Bild:Vanitas Öl.jpg|300px|right|Bildbeschreibung]]
 
[[Bild:Vanitas Öl.jpg|300px|right|Bildbeschreibung]]
 
Dies ist nur ein Satz mit etwas Beispiel-Fließtext. Dies ist nur ein Satz mit etwas Beispiel-Fließtext. Dies ist nur ein Satz mit etwas Beispiel-Fließtext. Dies ist nur ein Satz mit etwas Beispiel-Fließtext. Dies ist nur ein Satz mit etwas Beispiel-Fließtext. Dies ist nur ein Satz mit etwas Beispiel-Fließtext. Dies ist nur ein Satz mit etwas Beispiel-Fließtext. Dies ist nur ein Satz mit etwas Beispiel-Fließtext. Dies ist nur ein Satz mit etwas Beispiel-Fließtext.
 
Dies ist nur ein Satz mit etwas Beispiel-Fließtext. Dies ist nur ein Satz mit etwas Beispiel-Fließtext. Dies ist nur ein Satz mit etwas Beispiel-Fließtext. Dies ist nur ein Satz mit etwas Beispiel-Fließtext. Dies ist nur ein Satz mit etwas Beispiel-Fließtext. Dies ist nur ein Satz mit etwas Beispiel-Fließtext. Dies ist nur ein Satz mit etwas Beispiel-Fließtext. Dies ist nur ein Satz mit etwas Beispiel-Fließtext. Dies ist nur ein Satz mit etwas Beispiel-Fließtext.
 
  
 
|-valign="top"
 
|-valign="top"
Line 55: Line 61:
  
 
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.
 
  
 
[[Bild:Vanitas Öl.jpg|right|150px|Bildbeschreibung]]
 
[[Bild:Vanitas Öl.jpg|right|150px|Bildbeschreibung]]
 
Dies ist nur ein Satz mit etwas Beispiel-Fließtext. Dies ist nur ein Satz mit etwas Beispiel-Fließtext. Dies ist nur ein Satz mit etwas Beispiel-Fließtext.
 
Dies ist nur ein Satz mit etwas Beispiel-Fließtext. Dies ist nur ein Satz mit etwas Beispiel-Fließtext. Dies ist nur ein Satz mit etwas Beispiel-Fließtext.
 
  
 
|-valign="top"
 
|-valign="top"
Line 68: Line 72:
  
 
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).
 
  
 
[[Bild:Vanitas Öl.jpg|thumb|Bildbeschreibung]]
 
[[Bild:Vanitas Öl.jpg|thumb|Bildbeschreibung]]
 
Dies ist nur ein Satz mit etwas Beispiel-Fließtext. Dies ist nur ein Satz mit etwas Beispiel-Fließtext. Dies ist nur ein Satz mit etwas Beispiel-Fließtext.
 
Dies ist nur ein Satz mit etwas Beispiel-Fließtext. Dies ist nur ein Satz mit etwas Beispiel-Fließtext. Dies ist nur ein Satz mit etwas Beispiel-Fließtext.
 
  
 
|-valign="top"
 
|-valign="top"
Line 100: Line 102:
 
|}
 
|}
  
 
+
----
  
 
Für individuelle Gallerie-Formate müssen Angaben ergänzt werde:<br />
 
Für individuelle Gallerie-Formate müssen Angaben ergänzt werde:<br />
Line 112: Line 114:
 
</gallery>
 
</gallery>
  
 
+
----
 
 
  
 
[[Kategorie:Bearbeitungshilfen]]
 
[[Kategorie:Bearbeitungshilfen]]

Revision as of 15:51, 3 September 2018

Hilfethemen



Bildbearbeitung

Hochgeladene Bilder lassen sich ganz einfach in Seiten einbinden. Es ist allerdings erforderlich, daß jedes Bild, das im Dithmarschen-Wiki erscheinen soll, auch wirklich erst in dieses System geladen wird - die Einfügung einer bestehenden Bildadresse auf einer anderen Homepage reicht (im Gegensatz zu Foren) hier nicht aus. Die fünf bekanntesten Möglichkeiten sind unten mit Beispielen aufgeführt.


Grundsätzliche Tipps

Du darfst grundsätzlich nur Bilder hochladen, die das Copyright anderer Urheber nicht verletzen. Es muß also von Dir sein, oder definitiv "gemeinfrei". Was das bedeutet, kannst Du im Vorwort nachlesen. Bitte gib mit jedem hochgeladenen Bild an, daß das Bild von Dir ist, oder nenne die Quelle, von der Du die Erlaubnis zur Verwendung hast. Wenn wir kalte Füsse bekommen, weil wir unsicher sind, müssen wir es sonst eventuell wieder löschen und die ganze Mühe wäre umsonst gewesen.


  • 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 Büsum, Januar 2008“ sinnvoll.
  • Flexible Bildbreiten haben sich in Wikis als Quasistandard durchgesetzt. Dies erreichst Du mit [[Bild:Lt.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. [[:Bild:Lt.jpg|Beispiel-Bildbeschreibung]] wird zu Beispiel-Bildbeschreibung.

Die ideale Maximalbreite für sehr große Bilder sollte praktischerweise 800 Pixel nicht überschreiten, denn genauso breit ist unser Erscheinungsbild formatiert. Allerdings wird unser Server auf Dauer durch große Formate doch arg belastet, deshalb bitten wir um eine Selbstbeschränkung auf ca. 500 bis 600 Pixel Bildbreite bei einer Auflösung von 72 dpi. So bleiben die Seiten schnell und auch noch halbwegs für Modems geeignet. Große Bilder machen die Seiten halt langsamer.


Bildbeispiele

Einzugebender Text/Erläuterung
1. Ganz einfach

[[Bild:Vanitas Öl.jpg|Bildbeschreibung]]
Darstellung in Originalgröße; Achtung bei großen Bildern! Maximale Bildgröße sollte eine Breite von 800 Pixel nicht überschreiten!

Anordnung linksbündig, kein Textumfluss.
Bildbeschreibung wird beim Überfahren mit der Maus angezeigt.

Bildbeschreibung Dies ist nur ein Satz mit etwas Beispiel-Fließtext. Dies ist nur ein Satz mit etwas Beispiel-Fließtext. Dies ist nur ein Satz mit etwas Beispiel-Fließtext.


2. Bild ausrichten

[[Bild:Vanitas Öl.jpg|right|Bildbeschreibung]]

Anordnung rechtsbündig, Text umfließt das Bild.

Wahlweise auch mit left oder center zu benutzen (kein Textumfluss bei Zentrierung).

Bildbeschreibung

Dies ist nur ein Satz mit etwas Beispiel-Fließtext. Dies ist nur ein Satz mit etwas Beispiel-Fließtext. Dies ist nur ein Satz mit etwas Beispiel-Fließtext. Dies ist nur ein Satz mit etwas Beispiel-Fließtext. Dies ist nur ein Satz mit etwas Beispiel-Fließtext. Dies ist nur ein Satz mit etwas Beispiel-Fließtext. Dies ist nur ein Satz mit etwas Beispiel-Fließtext. Dies ist nur ein Satz mit etwas Beispiel-Fließtext. Dies ist nur ein Satz mit etwas Beispiel-Fließtext.


3. Bildgröße ändern

[[Bild:Lt.jpg|right|150px|Bildbeschreibung]]

Die Höhe wird automatisch aus der Breitenangabe (in px) und dem Seitenverhältnis berechnet.

Wahlweise auch mit left oder center und anderen Breiten zu verwenden.

Bildbeschreibung

Dies ist nur ein Satz mit etwas Beispiel-Fließtext. Dies ist nur ein Satz mit etwas Beispiel-Fließtext. Dies ist nur ein Satz mit etwas Beispiel-Fließtext.


4. Rahmen und Bildunterschrift (Flexibler Standard)

[[Bild:Vanitas Öl.jpg|thumb|Bildbeschreibung]]

Anordnung rechtsbündig, Bildbreite standardmäßig 180px (individuell änderbar), Text umfließt das Bild.

Breitenangaben und die Zusätze left oder center funktionieren wie oben (right ist bei thumb überflüssig).

Bildbeschreibung

Dies ist nur ein Satz mit etwas Beispiel-Fließtext. Dies ist nur ein Satz mit etwas Beispiel-Fließtext. Dies ist nur ein Satz mit etwas Beispiel-Fließtext.


5. Gallerie

<gallery>
Bild:Vanitas Öl.jpg|Bildbeschreibung 1
Bild:Vanitas Öl.jpg|Bildbeschreibung 2
Bild:Vanitas Öl.jpg|Bildbeschreibung 3
Bild:Vanitas Öl.jpg|Bildbeschreibung 4
Bild:Vanitas Öl.jpg|Bildbeschreibung 5
Bild:Vanitas Öl.jpg|Bildbeschreibung 6
Bild:Vanitas Öl.jpg|Bildbeschreibung 7
Bild:Vanitas Öl.jpg|Bildbeschreibung 8
</gallery>

Eine beliebige Anzahl Bilder kann mit <gallery>-Tags umschlossen werden. Das Ergebnis ist linksbündig angeordnet und maximal vier Bilder breit. Bei mehr als vier Bildern wird nach unten erweitert.


Für individuelle Gallerie-Formate müssen Angaben ergänzt werde:
z.B. <gallery widths="250" heights="350" perrow="2">