MediaWiki/Bilder: Unterschied zwischen den Versionen

Aus Foxwiki
Subpages:
Versionsgeschichte interaktiv durchsuchen
← Zum vorherigen Versionsunterschied
VisuellWikitext
K Dirkwagner verschob die Seite MediaWiki:Bilder nach MediaWiki/Bilder, ohne dabei eine Weiterleitung anzulegen
 
(56 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt)
Zeile 1: Zeile 1:
'''Bilder''' einem Wiki-Artikel hinzufügen
'''Bilder''' einem Wiki-Artikel hinzufügen


= Bedeutung von Bildern in Wiki-Artikeln =
= Bilder =
* Interesse wecken
* Interesse wecken
* Komplexe Zusammenhänge visualisieren
* Informationsentnahme erleichtern
* Informationsentnahme erleichtern
* Visualisierung komplexer Zusammenhänge


= Bilder einbinden =
= Bilder hochladen =
== Bilder hochladen ==
siehe '''[[Wiki:Bilder:hochladen]]'''
# "Datei hochladen" im linken Bedienfeld
# Gewünschte Datei über "Durchsuchen" auswählen.
# Bildbeschreibung hinzufügen
# Falls notwendig Quellen und Lizenz angeben (bei fremden Bildern)
# Datei hochladen


=== Probleme ===
= Bilder einfügen =
An gewünschter Stelle im Artikel
'''<nowiki>[[File:Dateiname]]</nowiki>'''


==== Datei schon vorhanden ====
''' Beispiel '''
#Datei umbenennen
'''<nowiki>[[File:Example_de.svg]]</nowiki>'''


[[File:Example_de.svg]]


= Bildeigenschaften =


==== Format nicht unterstützt ====
== Skalierung ==
#Grafikformat ändern (z.B. mit Paint)
feste Skalierung
festgelegte Größenangabe in Pixel
"150px", "150x150px"
<code><nowiki>[[File:Example de.svg |</nowiki> '''150px'''<nowiki> | mini | right| Beispielbild]]</nowiki></code> ||
*Breite oder auch Höhe und Breite können festgelegt werden
 
automatische Skalierung
Skalierbare Vergrößerung mit 50 % der Standardbreite
"upright=0.5"
<code><nowiki>[[File:Example de.svg |</nowiki> '''upright=0.5'''<nowiki> | mini | right| Beispielbild]]</nowiki></code> ||
* Funktioniert nur zusammen mit "mini" oder "frameless"
* Nur bei stark unterschiedlichen Seitenverhältnissen


== Darstellungsart ==
* legt die Art des Bildes fest
* "mini", "thumb", "thumbnail", "frameless"


<nowiki> [[File:Example de.svg | 150px | </nowiki>'''thumb'''<nowiki> | right| Beispielbild]]</nowiki> ||


==== Datei ersetzen ====
* bei "frameless" wird die Bildbeschreibung als Tooltip angezeigt
#neue Version der Datei hochladen
* bei Verwendung mehrerer, wird nur die erste verwendet


== Beispiel ==
== Ausrichtung ==
An gewünschter Stelle des Artikels folgende Syntax (nach diesem Schema) einfügen:
* richtet das Bild aus
[[Datei:Example de.svg | 150px | mini | rechts | Beispielbild]]
* "right", "left", "center", "none"
<nowiki> [[File: Dateiname | Skalierung | Darstellungsart | Ausrichtung | Bildbeschreibung ]]</nowiki>
<nowiki> [[File:Example de.svg | 150px | mini | </nowiki>'''right'''<nowiki> | Beispielbild]]</nowiki> ||
Reales Beispiel und Resultat (Bild rechts):
<nowiki> [[File:Example de.svg | 150px | mini | right| Beispielbild]]</nowiki>


= Bilder aus Wikipedia einfügen =
* "none" verhindert den Textumfluss des Bildes
* einfach und unkompliziert
 
* die Beschreibung, das Datum, die Quelle, der Urheber, die Genehmigung und die Lizenz wird dabei übernommen
== Beschreibung ==
* Beschreibt das Bild
* "Beispielbild"
<code><nowiki> [[File:Example de.svg | 150px | mini | right| </nowiki>'''Beispielbild'''<nowiki>]]</nowiki></code>
 
* kurz und prägnant


== Bildauswahl über Medien Archiv ==
= Bildauswahl =
== Medien Archiv ==
# Die Medien Archiv Suche aufrufen. (https://commons.wikimedia.org/w/index.php?search&uselang=de)
# Die Medien Archiv Suche aufrufen. (https://commons.wikimedia.org/w/index.php?search&uselang=de)
# Nach einem passendem Bild durchsuchen.
# Nach einem passendem Bild durchsuchen.
# Passendes Bild aussuchen und Dateiname 1:1 übernehmen und in der Syntax (s.o) einfügen.
# Passendes Bild aussuchen und Dateiname 1:1 übernehmen und in der Syntax (s.o) einfügen.


== Beispiel ==
=== Beispiel ===
[[Datei:Wikimedia Commons Suche.PNG | 700px | mini | ohne | Die Medien Archiv Suche]]
[[Datei:Wikimedia Commons Suche.PNG | 700px | mini | ohne | Die Medien Archiv Suche]]
[[Datei:Wikimedia Commons Suche Eingabe v2.png | 700px | mini | ohne | Sucheingabe]]
[[Datei:Wikimedia Commons Suche Eingabe v2.png | 700px | mini | ohne | Sucheingabe]]
[[Datei:Wikimedia Commons Suche Ergebnis v2.png | 700px | mini | ohne | Suchergebnis, Auswahl des passenden Bildes und der Dateiname]]
[[Datei:Wikimedia Commons Suche Ergebnis v2.png | 700px | mini | ohne | Suchergebnis, Auswahl des passenden Bildes und der Dateiname]]


Zeile 54: Zeile 76:
[[Datei:Example.svg | 150px | mini | ohne | Beispielbild]]
[[Datei:Example.svg | 150px | mini | ohne | Beispielbild]]


== Bildauswahl über Wikipedia-Artikel ==
== Bilder aus Wikipedia einfügen ==
* die Beschreibung, das Datum, die Quelle, der Urheber, die Genehmigung und die Lizenz wird dabei übernommen
 
=== Bildauswahl über Wikipedia-Artikel ===
# Wikipedia aufrufen. (https://www.wikipedia.de/)
# Wikipedia aufrufen. (https://www.wikipedia.de/)
# Über die Suchfunktion nach Artikel suchen.
# Über die Suchfunktion nach Artikel suchen.
Zeile 61: Zeile 86:
# Nun auf der Bilddatei-Seite den Dateiname 1:1 übernehmen und in der Syntax (s.O) einfügen.
# Nun auf der Bilddatei-Seite den Dateiname 1:1 übernehmen und in der Syntax (s.O) einfügen.


== Beispiel ==
''' Beispiel '''
 
[[Datei:Wikipedia Artikel Suche Ergebnis.PNG | 700px | mini | ohne | Wikipedia Artikel und Bildauswahl]]
[[Datei:Wikipedia Artikel Suche Ergebnis.PNG | 700px | mini | ohne | Wikipedia Artikel und Bildauswahl]]
[[Datei:Wikipedia Artikel Suche Ergebnis Auswahl Öffnen.png | 700px | mini | ohne | Ausgewähltes Bild im neuen Tab öffnen (rechte Maustaste oder mittlere Maustaste]]
[[Datei:Wikipedia Artikel Suche Ergebnis Auswahl Öffnen.png | 700px | mini | ohne | Ausgewähltes Bild im neuen Tab öffnen (rechte Maustaste oder mittlere Maustaste]]
[[Datei:Wikipedia Artikel Suche Ergebnis Dateiseite.PNG | 700px | mini | ohne | Dateiseite des geöffneten Bildes und Dateiname]]
[[Datei:Wikipedia Artikel Suche Ergebnis Dateiseite.PNG | 700px | mini | ohne | Dateiseite des geöffneten Bildes und Dateiname]]


Nach Eingabe des Dateinamens in die Syntax (s.O) und leichter Anpassung entsteht folgendes:
Nach Eingabe des Dateinamens in die Syntax (s.O) und leichter Anpassung entsteht Folgendes:
 
[[Datei:Example de.svg | 150px | mini | ohne | Beispielbild]]
[[Datei:Example de.svg | 150px | mini | ohne | Beispielbild]]
=Bildeigenschaften=
== kurze Übersicht ==
{| class="wikitable"
! Eigenschaft !! Funktion !! Syntax !! Beispiel !! Zusatz
|-----
| Dateiname || Dient zur Dateiauswahl
| "File: Dateiname"
| <code><nowiki>[[File:</nowiki>'''Example de.svg'''<nowiki>| 150px | mini | rechts | Beispielbild]]</nowiki></code> ||
*Dateiname muss vollständig sein
|-----
| feste Skalierung
| festgelegte Größenangabe in Pixel
| "150px", "150x150px"
| <code><nowiki>[[File:Example de.svg |</nowiki> '''150px'''<nowiki> | mini | right| Beispielbild]]</nowiki></code> ||
*Breite oder auch Höhe und Breite können festgelegt werden
|-----
| automatische Skalierung
| Skalierbare Vergrößerung mit 50 % der Standardbreite
| "upright=0.5"
| <code><nowiki>[[File:Example de.svg |</nowiki> '''upright=0.5'''<nowiki> | mini | right| Beispielbild]]</nowiki></code> ||
* Funktioniert nur zusammen mit "mini" oder "frameless"
* Nur bei stark unterschiedlichen Seitenverhältnissen
|-----
| Darstellungsart
| legt die Art des Bildes fest
| "mini", "thumb", "thumbnail", "frameless"
| <code><nowiki> [[File:Example de.svg | 150px | </nowiki>'''thumb'''<nowiki> | right| Beispielbild]]</nowiki></code> ||
*bei "frameless" wird die Bildbeschreibung als Tooltip angezeigt
*bei Verwendung mehrerer, wird nur die erste verwendet
|-----
| Ausrichtung
| richtet das Bild aus
| "right", "left", "center", "none"
| <code><nowiki> [[File:Example de.svg | 150px | mini | </nowiki>'''right'''<nowiki> | Beispielbild]]</nowiki></code> ||
*"none" verhindert den Textumfluss des Bildes
|-----
| Bildbeschreibung
| Beschreibt das Bild
| "Beispielbild"
| <code><nowiki> [[File:Example de.svg | 150px | mini | right| </nowiki>'''Beispielbild'''<nowiki>]]</nowiki></code> ||
*möglichst kurz fassen
|-----
|}
= Darstellungsverhalten =
Das Darstellungsverhalten beschreibt die Dateidarstellung bei der Codeformatierung.
= Darstellung ohne Eigenschaften =
{| class="wikitable"
! Beschreibung !! Eingabe !! Ergebnis
|-----
| Kein Format festgelegt <br/> schwebender Textblock: nein <br/> Inline-Element: ja <br/> Bildbeschreibung: als Tooltip
| .. Text Text Text <br/> <nowiki>[[File:Example_de.svg]] </nowiki> <br/> Text Text Text ..
| .. Text Text Text [[File:Example de.svg]] Text Text Text..
|-----
| Kein Format festgelegt <br/> schwebender Textblock: nein <br/> Inline-Element: ja <br/> Bildbeschreibung: als Tooltip
| .. Text Text Text <br/> <br/> <nowiki>[[File:Example_de.svg]] </nowiki> <br/> Text Text Text ..
| .. Text Text Text <br/> [[File:Example de.svg]] Text Text Text..
|-----
| Kein Format festgelegt <br/> schwebender Textblock: nein <br/> Inline-Element: ja <br/> Bildbeschreibung: als Tooltip
| .. Text Text Text <br/> <nowiki>[[File:Example_de.svg]] </nowiki> <br/> <br/> Text Text Text ..
| .. Text Text Text [[File:Example de.svg]] <br/> Text Text Text..
|-----
| Kein Format festgelegt <br/> schwebender Textblock: nein <br/> Inline-Element: ja <br/> Bildbeschreibung: als Tooltip
| .. Text Text Text <br/> <br/> <nowiki>[[File:Example_de.svg]] </nowiki> <br/> <br/> .. Text Text Text
| .. Text Text Text <br/> [[File:Example de.svg]] <br/> Text Text Text..
|}
= Darstellung der Formateigenschaften =
*Gleiches Darstellungsverhalten wie bei "Darstellung ohne Eigenschaften"
{| class="wikitable"
! Beschreibung !! Eingabe !! Ergebnis
|-----
| Format '''border''': Darstellung in einem sehr dünnen grauen Rand <br/> schwebender Textblock: nein <br/> Inline-Element: ja <br/> Bildbeschreibung: als Tooltip
| .. Text Text Text <br/> <nowiki> [[File:Example_de.svg|border|Bildbeschreibung]]</nowiki> <br/> Text Text Text ..
| .. Text Text Text [[File:Example de.svg|border|Bildbeschreibung]] Text Text Text..
|-----
| Format '''frameless''': Übernimmt User-Vorgabe für Bildbreite (Standard=220px), ohne Rahmen, ohne rechtes Umfließen des Textes <br/> schwebender Textblock: nein <br/> Inline-Element: ja <br/> Bildbeschreibung: als Tooltip
| .. Text Text Text <br/> <nowiki> [[File:Example_de.svg|frameless|Bildbeschreibung]]</nowiki> <br/> Text Text Text ..
| .. Text Text Text [[File:Example de.svg|frameless|Bildbeschreibung]] Text Text Text..
|-----
| Format '''frameless''' und '''border''': Übernimmt User-Vorgabe für Bildbreite (Standard=220px), mit Rand, ohne rechtes Umfließen des Textes  <br/> schwebender Textblock: nein <br/> Inline-Element: ja <br/> Bildbeschreibung: als Tooltip
| .. Text Text Text <br/> <nowiki> [[File:Example_de.svg|frameless|border|Bildbeschreibung]]</nowiki> <br/> Text Text Text ..
| .. Text Text Text [[File:Example de.svg|rahmenlos|rand|Bildbeschreibung]] Text Text Text..
|-----
| Format '''frame''': Gerahmt mit Bildunterschrift  <br/> schwebender Textblock: ja <br/> Inline-Element: nein <br/> Bildbeschreibung: als Bildunterschrift
| .. Text Text Text <br/> <nowiki> [[File:Example_de.svg|frame|Bildbeschreibung]]</nowiki> <br/> Text Text Text ..
| .. Text Text Text <br/> [[File:Example de.svg|frame|Bildbeschreibung]] Text Text Text..
|}


= Links =
= Links =
Zeile 166: Zeile 102:
# [https://www.mediawiki.org/wiki/Help:Images/de Hilfe:Bilder - MediaWiki]
# [https://www.mediawiki.org/wiki/Help:Images/de Hilfe:Bilder - MediaWiki]
# [https://de.wikipedia.org/wiki/Hilfe:Bilder Hilfe:Bilder - Wikipedia]
# [https://de.wikipedia.org/wiki/Hilfe:Bilder Hilfe:Bilder - Wikipedia]
[[category:Wiki]]
 
[[Kategorie:MediaWiki/Anleitung]]

Aktuelle Version vom 2. Juni 2024, 10:12 Uhr

Bilder einem Wiki-Artikel hinzufügen

Bilder

  • Interesse wecken
  • Komplexe Zusammenhänge visualisieren
  • Informationsentnahme erleichtern

Bilder hochladen

siehe Wiki:Bilder:hochladen

Bilder einfügen

An gewünschter Stelle im Artikel 

[[File:Dateiname]]

Beispiel 

[[File:Example_de.svg]]

Bildeigenschaften

Skalierung

feste Skalierung festgelegte Größenangabe in Pixel "150px", "150x150px" 

[[File:Example de.svg | 150px | mini | right| Beispielbild]] ||
  • Breite oder auch Höhe und Breite können festgelegt werden

automatische Skalierung Skalierbare Vergrößerung mit 50 % der Standardbreite "upright=0.5" 

[[File:Example de.svg | upright=0.5 | mini | right| Beispielbild]] ||
  • Funktioniert nur zusammen mit "mini" oder "frameless"
  • Nur bei stark unterschiedlichen Seitenverhältnissen

Darstellungsart

  • legt die Art des Bildes fest
  • "mini", "thumb", "thumbnail", "frameless"
 [[File:Example de.svg | 150px | thumb | right| Beispielbild]] ||
  • bei "frameless" wird die Bildbeschreibung als Tooltip angezeigt
  • bei Verwendung mehrerer, wird nur die erste verwendet

Ausrichtung

  • richtet das Bild aus
  • "right", "left", "center", "none"
 [[File:Example de.svg | 150px | mini | right | Beispielbild]] ||
  • "none" verhindert den Textumfluss des Bildes

Beschreibung

  • Beschreibt das Bild
  • "Beispielbild"
 [[File:Example de.svg | 150px | mini | right| Beispielbild]]
  • kurz und prägnant

Bildauswahl

Medien Archiv

  1. Die Medien Archiv Suche aufrufen. (https://commons.wikimedia.org/w/index.php?search&uselang=de)
  2. Nach einem passendem Bild durchsuchen.
  3. Passendes Bild aussuchen und Dateiname 1:1 übernehmen und in der Syntax (s.o) einfügen.

Beispiel

Die Medien Archiv Suche


Sucheingabe


Suchergebnis, Auswahl des passenden Bildes und der Dateiname

Nach Eingabe des Dateinamens in die Syntax (s.O) und leichter Anpassung entsteht folgendes:

Beispielbild

Bilder aus Wikipedia einfügen

  • die Beschreibung, das Datum, die Quelle, der Urheber, die Genehmigung und die Lizenz wird dabei übernommen

Bildauswahl über Wikipedia-Artikel

  1. Wikipedia aufrufen. (https://www.wikipedia.de/)
  2. Über die Suchfunktion nach Artikel suchen.
  3. Auf dem Artikel nach passendem Bild suchen.
  4. Mit rechter Maustaste auf das gewünschte Bild drücken "Link in neuem Tab öffnen" (oder mittlerer Maustaste).
  5. Nun auf der Bilddatei-Seite den Dateiname 1:1 übernehmen und in der Syntax (s.O) einfügen.

Beispiel

Wikipedia Artikel und Bildauswahl
Ausgewähltes Bild im neuen Tab öffnen (rechte Maustaste oder mittlere Maustaste
Dateiseite des geöffneten Bildes und Dateiname

Nach Eingabe des Dateinamens in die Syntax (s.O) und leichter Anpassung entsteht Folgendes:

Beispielbild

Links

Intern

Weblinks

  1. Hilfe:Bilder - MediaWiki
  2. Hilfe:Bilder - Wikipedia
Abgerufen von „https://wiki.foxtom.de/index.php?title=MediaWiki/Bilder&oldid=101779“