Bilder sind ein adäquates Mittel um endlose Texte aufzulockern oder um einfach das im Text beschriebende besser veranschaulichen zu können. Das Einbinden von Bildern in der ÖSF Zentraldatenbank ist einfacher, als man sich vorstellt. Diese Seite erklährt den richtigen Umgang mit Bildern in der ÖSF-Zentraldatenbank. Wir hoffen so, alle offenen Fragen bezüglich Einbindung und Speicherung von Bildern in Artikeln zu klähren. Um mehr über datanbankinterne Regelungen, wie zB Copyrights, Bilddateigröße oder auch die sinnvolle Namensgebung von Bilddateien zu erfahren, empfehlen wir die Regeln zum Hochladen von Bildern.
Bilder in Originalgröße
Bilder lassen sich mit [[Bild:Dateiname|Beschreibung]]
in Artikel einfügen.
Das Bild wird dann in Originalgröße links im Artikel angezeigt. Mit der Option „framed“, z. B. [[Bild:Dateiname|framed|Beschreibung]]
wird das Bild mit einem Rahmen umgeben.
So sieht es aus
|
Das gibt man ein
|
|
[[Bild:Episoden TNG-Zeitsprung mit "Q" 1.jpg|Picard und Guinan]]
|
Picard und Guinan
|
[[Bild:Episoden TNG-Zeitsprung mit "Q" 1.jpg|framed|Picard und Guinan]]
|
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 lieber verkleinerte Vorschauansichten, sogenannte (Thumbnails), die der Leser, wenn es ihn interessiert, dann mit einem Klick auf die Lupe vergrößert genauer betrachtet kann. In der ÖSF Zentraldatenbank ist die Dateigröße für Bilder auf 50Kb begrenzt.
|
Thumbnails und Skalierungen
So sieht es aus
|
Das gibt man ein
|
|
Mediawiki kann automatisch Vorschaubilder erzeugen. Dazu fügt man den Zusatz thumb oder thumbnail zwischen Dateiname und Alternativtext ein. Beispielsweise [[Bild:Episoden TNG-Zeitsprung mit "Q" 1.jpg|thumb|Picard und Guinan]]
|
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 ihren Benutzereinstellungen festlegen; für nichtangemeldete Leser erscheinen diese Bilder mit einer Bildbreite von 180 Pixeln.
|
|
Mit [[Bild:Episoden TNG-Zeitsprung mit "Q" 1.jpg|thumb|100px|Picard und Guinan]] legt man die Breite des generierten Thumbnails auf 100 Pixel fest (Standardgröße, keine Definierung: 180 Pixel). Die Höhe wird aus dem Seitenverhältnis automatisch berechnet.
|
|
Mit [[Bild:Episoden TNG-Zeitsprung mit "Q" 1.jpg|100px|Picard und Guinan]] skalierst du das Bild und lässt es ohne einen Thumbnailrahmen anzeigen.
|
Die gewählte Bildgröße sollte in Einklang mit dem Textumfang stehen: Ein Bild sollte den Text nicht erschlagen, der Text jedoch auch nicht das Bild begraben. Bei kürzeren Artikeln kann das Bild ruhig etwas größer ausfallen, man sollte jedoch z. B. darauf achten, dass der Text vollständig die Höhe des Bildes erfasst. Auch sollte man versuchen, den kürzeren Artikelinhalt mit Bild auf einer Bildschirmseite zu halten. Ihr werdet schon den harmonischen Mittelweg finden. Prinzipiell sollten starre Bildgrößen jedoch nur in Ausnahmefällen verwendet werden, da dies die individuellen Anzeigeeinstellungen für Thumbnails der Benutzer ignoriert. Wann immer möglich, lass die Benutzer selbst wählen, in welcher Größe sie Bilder sehen wollen.
|
Ausrichtung von Bildern
Die Optionen left
, right
und none
richten Bilder im Text nach links bzw. rechts aus.
So sieht es aus
|
Das gibt man ein
|
Ein Smiley ist ein vor allem im Chat beliebtes Emoticon.
|
[[Bild:Smile.png|left|Smiley]] Ein '''Smiley''' ist ein vor allem im Chat beliebtes Emoticon.
|
Ein Smiley ist ein vor allem im Chat beliebtes Emoticon.
|
[[Bild:Smile.png|right|Smiley]] Ein '''Smiley''' ist ein vor allem im Chat beliebtes Emoticon.
|
|
<center>[[Bild:Episoden TNG-Zeitsprung mit "Q" 1.jpg|thumb|100px|none|Picard und Guinan]]</center>
|
Der Parameter none schaltet jegliche automatische Ausrichtung (bei Thumbnails) ab und stellt das Bild inline dar. Das ist vor allem zum Einfügen von Thumbnails in Tabellen praktisch:
|
|
{| border="1" style="border-collapse:collapse" cellpadding="3"
!colspan="4"| Crewbilder
|-
| TNG|| [[Bild:Episoden TNG-Crew.jpg|thumb|none|100px|Crew der Enterprise - D]]
| DS9|| [[Bild:Episoden DS9-Crew.jpg|thumb|none|100px|Crew der Raumstation DS9]]
|}
|
Wenn man ein oder mehrere Bild(er) am Rand angeordnet hat, kann man mit <br style="clear:both;" /> dafür sorgen, dass der folgende Text (z. B. ein neues Kapitel) unterhalb der Linie der Bildränder weitergeht. Mit <br style="clear:left;" /> 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.
|
Galerie
Die Galerie eignet sich, um viele Bilder tabellarisch mit je vier Bildern pro Zeile anzuordnen. Um eine Galerie zu erstellen, muß vollgender Code eingegeben werden.
<gallery>
Bild:Episoden TOS-Crew.jpg|TOS-Crew
Bild:Episoden TNG-Crew.jpg|TNG-Crew
Bild:Episoden DS9-Crew.jpg|DS9-Crew
Bild:Episoden VOY-Crew.jpg|VOY-Crew
</gallery>
Das Ergebniss der Eingabe, könnt ihr hier Bewundern.
-- Jonathan Michael Scott 15:21, 18. Dez 2005 (CET)