SELF-Treffen in Mannheim 2025

SELFHTML wird 30 Jahre alt!
Die Mitgliederversammlung findet am 24.05.2025 um 10:00 statt. Alle Mitglieder und Interessierte sind herzlich eingeladen.
Davor und danach gibt es Gelegenheiten zum gemütlichen Beisammensein. → Veranstaltungs-Ankündigung.

Hilfe:Wiki/MediaWiki/Bilder

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche

Bilder, die in Wiki-Artikel eingebunden werden, müssen zuerst in unser Wiki hochgeladen werden.

Dafür findest du in der Sidebar den Link

Wenn du wissen willst, ob gewünschte Bilder schon vorhanden sind, helfen folgende Dateilisten:

Verwende einen sprechenden Namen - DSC_001.jpg ist wenig aussagekräftig und weise dem Bild eine Kategorie zu, damit es von anderen leichter gefunden werden kann.

Beim Hochladen kann es zu Problemen mit dem Namen kommen, wenn bestimmte Sperrbegriffe verwendet werden.[1] Ändere den Namen des hochzuladenden Bildes oder verständige einen Administrator.

SVG im SELF-Wiki

Für SVGs hat Mediawiki einen eigenen Upload-Manager, der einerseits das SVG-Markup überprüft (Script ist verboten!) und direkt Vorschaubilder in verschiedenen Auflösungen erzeugt. Dies ist eine Altlast, weil SVG früher nicht von allen Browsern unterstützt wurde. Trotz mehrerer Initiativen wird dies in der Wikipedia beibehalten.

SELFHTML umgeht diese Vorschaulösung und bindet SVGs direkt ein (SVG-Replacer). So sind unsere SVGs direkt skalierbar, mit SMIL und CSS animierbar und können verschiedene Formatierungen sowohl für Light Mode als auch Dark Mode enthalten.


Bilder einfügen

Um ein Bild in einer Seite zu verwenden, nutze einen internen Link in der folgenden Form:

Bilder ohne Beschriftung

[[Datei:Bildname.jpg|Alternativer Text]] 

Das Bild wird inline in seiner ursprünglichen Größe dargestellt. Der Alternativtext wird als Wert sowohl für das alt-Attribut des Bildes als auch für das title-Attribut des Links verwendet.

Unterschiedliche Werte für den alt-Text und das title-Attribut erhält man durch:

[[Datei:Bildname.jpg|alt=Alternativer Text|Bildbeschreibung]] 


[[Datei:Bildname.jpg|Alternativer Text|Bildbeschreibung]] 

führt hingegen dazu, dass der Text „Bildbeschreibung“ für alt und title verwendet wird.

Man kann dem Bild eine Breite vorgeben:

[[Datei:Bildname.jpg|320px|alt=Alternativer Text|Bildbeschreibung]]

oder es vom Text umfließen lassen:

[[Datei:Bildname.jpg|right|Alternativer Text]]

Die Angaben sind dabei sowohl in englisch als auch deutsch möglich.

Bilder mit abweichendem Linkziel

Im Normalfall sind Bilder Links zur Seite des Bildes. Soll auf eine andere Seite verlinkt werden, verwendet man den Parameter link.

[[Datei:Bildname.jpg|link=HTML]]

Vorschauansicht

Mithilfe des Parameters thumb erzielt mane eine 180px breite Vorschauansicht, welche nach rechts gefloatet ist.

[[Datei:Bildname.jpg|thumb|Beschriftung]]

Die Beschriftung wird hierbei lediglich als Beschriftung unterhalb des Bildes angezeigt, das alt-Attribut des Bildes ist leer.

Auch hier kann man eine Breite vorgeben sowie das Floaten durch die Angabe von none unterbinden.

Die Vorlage {{Clear}} beendet das Floaten.


Bildergalerie

<gallery caption="Überschrift der Galerie">
Beispiel.jpg|Alternative Beschreibung1
Beispiel.jpg|Alternative Beschreibung2 [[Mit Link]]
</gallery>

Medien-Datei

für einen direkten Link auf die Datei, ohne Darstellung der Datei

[[Medium:Datei.ogg]]

Floats aufheben

Gefloatete Bilder ragen teilweise in den nächsten Absatz oder gar die Überschrift. Dies kann durch Verwendung der Vorlage {{Clear}} unterbunden werden.


Weblinks

  1. SEFL-Blog: Antispam-Maßnahmen für Mediawikis 13.02.2016 von Matthias Apsel