Hilfe:Bildbearbeitung: Unterschied zwischen den Versionen
K (Lediglich formatiert) |
|||
| Zeile 4: | Zeile 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 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 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 | ||
| Zeile 30: | Zeile 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]] | ||
| Zeile 42: | Zeile 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" | ||
| Zeile 55: | Zeile 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" | ||
| Zeile 68: | Zeile 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" | ||
| Zeile 100: | Zeile 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 /> | ||
| Zeile 112: | Zeile 114: | ||
</gallery> | </gallery> | ||
| − | + | ---- | |
| − | |||
[[Kategorie:Bearbeitungshilfen]] | [[Kategorie:Bearbeitungshilfen]] | ||
Version vom 3. September 2018, 14:51 Uhr
Inhaltsverzeichnis
Hilfethemen
- Grundlagen
- Arkanum
- Benutzer
- Bildbearbeitung
- Kategorien
- Referenzen
- Rezensionen
- Sprachen
- Textgestaltung
- Verlinkung
- Vorlagen
- Videos
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
Anordnung linksbündig, kein Textumfluss.
|
2. Bild ausrichten
Anordnung rechtsbündig, Text umfließt das Bild. Wahlweise auch mit  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
Die Höhe wird automatisch aus der Breitenangabe (in Wahlweise auch mit 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)
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. Dies ist nur ein Satz mit etwas Beispiel-Fließtext. Dies ist nur ein Satz mit etwas Beispiel-Fließtext. |
5. Gallerie
Eine beliebige Anzahl Bilder kann mit
|
Für individuelle Gallerie-Formate müssen Angaben ergänzt werde:
z.B. <gallery widths="250" heights="350" perrow="2">
