Aktuelle Version vom 10. Juli 2025, 10:21 Uhr

Bilder einem Wiki-Artikel hinzufügen

Bilder

Interesse wecken
Komplexe Zusammenhänge visualisieren
Informationsentnahme erleichtern

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

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

Beispiel

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

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/)
Über die Suchfunktion nach Artikel suchen.
Auf dem Artikel nach passendem Bild suchen.
Mit rechter Maustaste auf das gewünschte Bild drücken "Link in neuem Tab öffnen" (oder mittlerer Maustaste).
Nun auf der Bilddatei-Seite den Dateiname 1:1 übernehmen und in der Syntax (s.O) einfügen.

Beispiel

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

Links

Intern

Weblinks

@@ Zeile 1: / Zeile 1: @@
 '''Bilder''' einem Wiki-Artikel hinzufügen
-= Bedeutung von Bildern in Wiki-Artikeln =
+= Bilder =
 * Interesse wecken
+* Komplexe Zusammenhänge visualisieren
 * 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 =
-==== Datei schon vorhanden ====
+An gewünschter Stelle im Artikel
-* Datei umbenennen
+ '''<nowiki>[[File:Dateiname]]</nowiki>'''
-==== Format nicht unterstützt ====
+''' Beispiel '''
-* Grafikformat ändern
+ '''<nowiki>[[File:Example_de.svg]]</nowiki>'''
-==== Datei ersetzen ====
+[[File:Example_de.svg]]
-* neue Version der Datei hochladen
-= Bilder einfügen =
+= Bildeigenschaften =
-An gewünschter Stelle des Artikels folgende Syntax (nach diesem Schema) einfügen:
-[[Datei:Example de.svg | 150px | mini | rechts | Beispielbild]]
- <nowiki> [[File: Dateiname | Skalierung | Darstellungsart | Ausrichtung | Bildbeschreibung ]]</nowiki>
-Reales Beispiel und Resultat (Bild rechts):
- <nowiki> [[File:Example de.svg | 150px | mini | right| Beispielbild]]</nowiki>
-=Bildeigenschaften==
+== Skalierung ==
-{| class="wikitable"
+feste Skalierung
-! Eigenschaft !! Funktion !! Syntax !! Beispiel !! Zusatz
+festgelegte Größenangabe in Pixel
-|-----
+"150px", "150x150px"
-| Dateiname || Dient zur Dateiauswahl
+ <code><nowiki>[[File:Example de.svg |</nowiki> '''150px'''<nowiki> | mini | right| Beispielbild]]</nowiki></code> ||
-| "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
+automatische Skalierung
-| Skalierbare Vergrößerung mit 50 % der Standardbreite
+Skalierbare Vergrößerung mit 50 % der Standardbreite
-| "upright=0.5"
+"upright=0.5"
-| <code><nowiki>[[File:Example de.svg |</nowiki> '''upright=0.5'''<nowiki> | mini | right| Beispielbild]]</nowiki></code> ||
+ <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
+== Darstellungsart ==
-| legt die Art des Bildes fest
+* legt die Art des Bildes fest
-| "mini", "thumb", "thumbnail", "frameless"
+* "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
+ <nowiki> [[File:Example de.svg | 150px | </nowiki>'''thumb'''<nowiki> | right| Beispielbild]]</nowiki> ||
-*bei Verwendung mehrerer, wird nur die erste verwendet
-|-----
+* bei "frameless" wird die Bildbeschreibung als Tooltip angezeigt
-| Ausrichtung
+* bei Verwendung mehrerer, wird nur die erste verwendet
-| richtet das Bild aus
-| "right", "left", "center", "none"
+== Ausrichtung ==
-| <code><nowiki> [[File:Example de.svg | 150px | mini | </nowiki>'''right'''<nowiki> | Beispielbild]]</nowiki></code> ||
+* richtet das Bild aus
-*"none" verhindert den Textumfluss des Bildes
+* "right", "left", "center", "none"
-|-----
+ <nowiki> [[File:Example de.svg | 150px | mini | </nowiki>'''right'''<nowiki> | Beispielbild]]</nowiki> ||
-| Bildbeschreibung
-| Beschreibt das Bild
+* "none" verhindert den Textumfluss des Bildes
-| "Beispielbild"
-| <code><nowiki> [[File:Example de.svg | 150px | mini | right| </nowiki>'''Beispielbild'''<nowiki>]]</nowiki></code> ||
+== Beschreibung ==
-*möglichst kurz fassen
+* Beschreibt das Bild
-|-----
+* "Beispielbild"
-|}
+ <code><nowiki> [[File:Example de.svg | 150px | mini | right| </nowiki>'''Beispielbild'''<nowiki>]]</nowiki></code>
-= Bilder aus Wikipedia einfügen =
+* kurz und prägnant
-* einfach und unkompliziert
-* die Beschreibung, das Datum, die Quelle, der Urheber, die Genehmigung und die Lizenz wird dabei übernommen
-== Bildauswahl über Medien Archiv ==
+= Bildauswahl =
+== Medien Archiv ==
 # Die Medien Archiv Suche aufrufen. (https://commons.wikimedia.org/w/index.php?search&uselang=de)
 # Nach einem passendem Bild durchsuchen.
 # 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 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]]
@@ Zeile 92: / Zeile 76: @@
 [[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/)
 # Über die Suchfunktion nach Artikel suchen.
@@ Zeile 99: / Zeile 86: @@
 # 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 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]]
-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]]
-= 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 =
@@ Zeile 160: / Zeile 102: @@
 # [https://www.mediawiki.org/wiki/Help:Images/de Hilfe:Bilder - MediaWiki]
 # [https://de.wikipedia.org/wiki/Hilfe:Bilder Hilfe:Bilder - Wikipedia]
-[[category:Wiki]]
+[[Kategorie:MediaWiki/Anleitung/Bilder]]