Cowboy am 15. Januar 2026 um 15:05 Uhr

2026-01-15T15:05:08Z

Cowboy: Die Seite wurde neu angelegt: „{{Hilfe}}{{Hilfe:VisualEditor/!badge|InsertFew|Medien}} Diese Seite beschreibt, wie '''Medien''' (meist Bilder, aber auch Videos oder Audiodateien) mit der Bearbeitungsumgebung '''VisualEditor''' eingefügt, verändert, entfernt oder hochgeladen werden können. TOC {{#ifeq:{{PAGENAME}}|VisualEditor/Bedienung| |

2026-01-15T14:55:50Z

Die Seite wurde neu angelegt: „{{Hilfe}}{{Hilfe:VisualEditor/!badge|InsertFew|Medien}} Diese Seite beschreibt, wie '''Medien''' (meist Bilder, aber auch Videos oder Audiodateien) mit der Bearbeitungsumgebung '''VisualEditor''' eingefügt, verändert, entfernt oder hochgeladen werden können. TOC <onlyinclude>{{#ifeq:{{PAGENAME}}|VisualEditor/Bedienung| |<includeonly><div class="skin-invert"…“

Neue Seite
{{Hilfe}}{{Hilfe:VisualEditor/!badge|InsertFew|Medien}}
Diese Seite beschreibt, wie '''Medien''' (meist [[Hilfe:Bilder|Bilder]], aber auch [[Hilfe:Video|Videos]] oder [[Hilfe:Audio|Audiodateien]]) mit der Bearbeitungsumgebung '''[[Hilfe:VisualEditor|VisualEditor]]''' eingefügt, verändert, entfernt oder [[Hilfe:Hochladen|hochgeladen]] werden können.

TOC
<onlyinclude>{{#ifeq:{{PAGENAME}}|VisualEditor/Bedienung| |<includeonly><div class="skin-invert">{{Projekt-Logo |box={{Hilfe:VisualEditor/!dropdown|InsertFew|Medien|head=11em}}}}</div></includeonly>}}
{{Hilfe:VisualEditor/!headline|2|Mediendateien einbinden oder bearbeiten|Gesamt=5|VisualEditor/Einfügen=3}}
<span class="skin-invert-image">{{#ifeq: {{PAGENAME}}|Bilder/VisualEditor|Unter dem Menüpunkt {{Hilfe:VisualEditor/!toolitem|InsertAll}} des Hauptmenüs|Es}} kann über die Auswahl <code style="white-space: nowrap">{{Hilfe:VisualEditor/!toolitem|Medien|name=1}}</code>, ein neues Dialogfenster geöffnet werden, das die Optionen „Suchen“ und „[[#media-upload|Hochladen]]“ anbietet.</span>

{{Hilfe:VisualEditor/!headline|3|Vorhandenes Bild suchen|Gesamt=6|VisualEditor/Einfügen=4|Anker1=media-search}}

{| class="wikitable hintergrundfarbe-basis toptextcells"
|- class="hintergrundfarbe9"
| [[Datei:VisualEditor-logo.svg|x20px|alt=|verweis=|Logo]]
|-
! Menüpunkt {{Hilfe/clickbutton|Suchen}}
|- class="hintergrundfarbe1"
! Datei auswählen
|-
| <div style="border:1px solid #BBBBBB; width:420px; border-radius:3px; font-size:90%;">
{{Hilfe/dialog|label-t={{int:visualeditor-dialog-media-title}}|label-1=[[Datei:Codex icon close.svg|20px|alt=|verweis=]]|noframe=1}}
<div class="skin-invert" style="background:#{{Standardfarbe|hintergrund|5}}; color:#{{Standardfarbe|text|body}}; padding-top:.1em; font-weight:bold;">
{{0|0}}{{Menü-Icon|Suchen|non|border=#FFFFFF|padding=2}}{{0|0}}{{Menü-Icon|Hochladen|non|background=#EAECF0|border=#EAECF0|padding=2}}</div>
{| style="width:100%;"
|-
| {{Hilfe/inputarea |border=2 |content=Otter |mark=1 |typ= s}}
|-
|<div style="height: 200px; overflow: auto; color:#FFFFFF; line-height:1; font-weight:normal;">
<gallery class="hintergrundfarbe1" mode="packed" heights="100">
Sea-otter-morro-bay 13.jpg|<div style="text-align:left; background:#696969; color:#FFFFFF; padding: 3px; margin-top:-2px;">Sea-otter-morro-bay 13</div>
Otter-in-France.jpg|<div style="text-align:left; background:#696969; color:#FFFFFF; padding: 3px; margin-top:-2px;">Otter-in-Fran</div>
Otter from Cambodia.jpg|<div style="text-align:left; background:#696969; color:#FFFFFF; padding: 3px; margin-top:-2px;">Otter from</div>
Britannica Otter.jpg|<div style="text-align:left; background:#696969; color:#FFFFFF; padding: 3px; margin-top:-2px;">Britannica Otter</div>
Sea Otters (Vancouver Aquarium).JPG|<div style="text-align:left; background:#696969; color:#FFFFFF; padding: 3px; margin-top:-2px;">Sea Otters (Vancouver Aquarium)</div>
WikiOtter.svg|<div style="text-align:left; background:#696969; color:#FFFFFF; padding: 3px; margin-top:-2px;">WikiOtter.svg</div>
</gallery>
</div>
|}
</div>
|- class="hintergrundfarbe1"
| Im Dialogfenster werden automatisch Bildvorschläge aus dem Pool von {{WP|Wikimedia Commons}} eingeblendet, die thematisch zu der bearbeiteten Seite passen könnten. Nicht angezeigt werden Bilder, die nur lokal auf Wikipedia hochgeladen wurden. Das Suchfeld wird mit dem {{WP|Lemma (Lexikographie)|Lemma}}, hier {{WP|Otter}}, vorbelegt. Wird dieser Text verändert, kann nach weiteren Mediendateien gesucht werden. Die Dateien lassen sich durch einen Klick auf das Bild auswählen. Dadurch wird ein weiteres Dialogfeld geöffnet, in dem die [[#media-detail|Bildinformationen]] eingeblendet werden.
{| class="toptextcells" style="width:100%"
|- class="hintergrundfarbe-basis"
!colspan="3"| Schaltflächen des Dialogfeldes
|-
| {{Hilfe/clickbutton|{{CodexIcon|close|px=16|text=abbrechen}}}}
|rowspan="3" class="hintergrundfarbe-basis"|  
| bricht den Vorgang ab
|-
| {{Hilfe/clickbutton|Suchen}}
| Unterstützung bei der Suche nach geeigneten Dateien aus dem Pool bei Wikimedia Commons, um [[CowboysWiki:Artikel illustrieren|Artikel zu illustrieren]].
|-
| {{Hilfe/clickbutton|Hochladen}}
| Wechsel zu einem Menüpunkt, der dich beim [[#media-upload|Hochladen]] neuer Dateien unterstützt.
|}
|}

{{Hilfe:VisualEditor/!headline|3|Bilddetails ansehen|Gesamt=6|VisualEditor/Einfügen=4|Anker1=media-detail}}
{| class="wikitable hintergrundfarbe-basis toptextcells"
|- class="hintergrundfarbe9"
| [[Datei:VisualEditor-logo.svg|x20px|alt=|verweis=|Logo]]
|-
! Menüpunkt {{Hilfe/clickbutton|Suchen}}
|- class="hintergrundfarbe1"
! Details zur Datei ansehen
|-
| <div style="border:1px solid #BBBBBB; width:420px; border-radius:3px; font-size:90%;">
{{Hilfe/dialog|2=p|label-t={{int:visualeditor-dialog-media-title}}|label-1=[[Datei:Codex icon previous.svg|20px|alt=|verweis=]]|label-2={{nowrap|{{int:visualeditor-dialog-media-choose-image}}}}|noframe=1}}
{| style="width:100%;"
|-
|<div style="height: 200px; overflow: auto; line-height:1; font-weight:normal;">[[Datei:Sea-otter-morro-bay 13.jpg|zentriert|300x300px]]<poem>
<div style="font-size:120%; margin-top:.5em;">Sea-otter-morro-bay 13</div>
Sea Otter (Enhydra lutris) preening itself in Morro Bay Feb. 21, 2007. taken from a kayak on a calm day… this critter got very comfortable with us…

{{CodexIcon|image|px=14|text=Bilddatei}} 3504 × 2336px · SVG
{{CodexIcon|logo-CC|px=14|text=Lizenz}} {{Hilfe/mark|CC BY 2.0|blau}}
{{CodexIcon|userAvatar|px=14|text=Person}} Künstler: Mike Baird from Morro Bay, USA (bairdphotos.com)
{{CodexIcon|userAvatar|px=14|text=Person}} sea-otter-morro-bay_13
{{CodexIcon|userAvatar|px=14|text=Person}} Hochgeladen von Dori
{{CodexIcon|clock|px=14|text=Zeit}} Hochgeladen: vor 9 Jahren
{{CodexIcon|clock|px=14|text=zeit}} Erstellt: 2007-02-21 09:36
{{CodexIcon|info|px=16|text=Info}} {{Hilfe/mark|Weitere Informationen|blau}}
</poem>
</div>
|}
</div>
|- class="hintergrundfarbe1"
|
{| class="toptextcells" style="width:100%"
|- class="hintergrundfarbe-basis"
!colspan="3"| Schaltflächen des Dialogfeldes
|-
| {{Hilfe/clickbutton|{{CodexIcon|previous|px=16|text=vorherige}}}}
|rowspan="12" class="hintergrundfarbe-basis"|
| Rücksprung zur [[#media-search|Suche]] in das vorherige Dialogfeld
|-
| {{Hilfe/clickbutton|{{int:visualeditor-dialog-media-choose-image}}|mw=p}}
| öffnet das Dialogfeld zur [[#media-transclude|Bearbeitung]]<br />
|- class="hintergrundfarbe-basis"
!colspan="3"| Deteilangaben zur Datei
|-
| {{CodexIcon|image|px=16|text=Bilddatei}} Breite × Höhe px · SVG
| zeigt die Abmessungen und die Art der Datei (PNG, SVG, PDF …) an
|-
| {{CodexIcon|logo-CC|px=16|text=Lizenz}} CC BY 2.0<ref>Es sind auch andere Angaben dort möglich, beispielsweise [[Datei:VisualEditor icon public-domain.svg|20px|klasse=skin-invert|alt=|verweis=]] [[Gemeinfreiheit#Public Domain|Public domain]]</ref>
| Link zur [[CowboysWiki:Gängigste Lizenzen|Lizenzbeschreibung]]
|-
| {{CodexIcon|userAvatar|px=16|text=Künstler}} Künstler:
| Angaben zum Ersteller der Datei, des Bildes oder des Werkes
|-
| {{CodexIcon|userAvatar|px=16|text=selbst}} Own work<ref>Hier können auch andere Kommentare stehen</ref>
| Quellenangabe: Kennzeichnung als eigenes Werk
|-
| {{CodexIcon|userAvatar|px=16|text=Beispielnutzer}} Hochgeladen von …
| Name des Benutzers, der die letzte Version dieser Datei hochgeladen hat
|-
| {{CodexIcon|clock|px=16|text=Zeit}} Hochgeladen: vor …
| Angabe, wann diese Version der Datei hochgeladen wurde
|-
| {{CodexIcon|clock|px=16|text=Zeit}} Erstellt: JJJJ-MM-TT
| Angabe, wann diese Datei erstellt wurde
|-
| {{CodexIcon|info|px=16|text=Info}} Weitere Informationen
| verlinkt direkt auf die [[:Datei:Sea-otter-morro-bay 13.jpg|Dateibeschreibungsseite]] bei [[Wikimedia Commons]]
|}
|}

{{Hilfe:VisualEditor/!headline|3|Vorhandenes Bild einbinden|Gesamt=6|VisualEditor/Einfügen=4|Anker1=media-transclude}}
{| class="wikitable hintergrundfarbe-basis toptextcells"
|- class="hintergrundfarbe9"
| [[Datei:VisualEditor-logo.svg|x20px|alt=|verweis=|Logo]]
|-
! Menüpunkt {{Hilfe/clickbutton|Suchen}}
|- class="hintergrundfarbe1"
! Datei einbinden oder bearbeiten
|- class="hintergrundfarbe1"
| Nun kann die Datei mit einem Titel versehen oder das Bild für die Einbindung in der Größe und Ausrichtung zum Text bearbeitet werden. Hierfür stehen zwei unterschiedliche Optionen zur Auswahl. Die jeweils aktive Option wird <span class="skin-invert">{{Farbe|#{{Standardfarbe|hintergrund|basis}}|border=1px solid #{{Standardfarbe|rahmen|1}}}}</span> hinterlegt angezeigt. Über die {{CodexIcon|info|px=16|text=Info}}-Symbole rechts können ergänzende Hinweistexte eingeblendet werden.
|- class="hintergrundfarbe-basis"
! Optionen und Schaltflächen des Dialogfeldes
|-
|
{| class="toptextcells hintergrundfarbe1" style="width:100%"
|-
| [[#AE|{{int:visualeditor-dialog-media-page-general}}]]
|rowspan="12" class="hintergrundfarbe-basis"|  
| Diese Option bietet Eingabefelder für die Beschreibung des Inhaltes der ausgewählten Datei
|-
| [[#EE|{{int:visualeditor-dialog-media-page-advanced}}]]
| Hier kann die Position (Ausrichtung im Text der Seite), die Anzeigegröße und der Bildtyp verändert werden.
|- class="hintergrundfarbe-basis"
!colspan="3"| Schaltflächen des Dialogfeldes
|-
| {{Hilfe/clickbutton|{{CodexIcon|close|px=16|text=abbrechen}}}}
| Bricht diesen Vorgang ab und schließt das Dialogfeld.
|-
| {{Hilfe/clickbutton|Einfügen|mw=p}}
| Übernimmt die ausgewählte Datei in den Seitentext.
|- class="hintergrundfarbe5"
! colspan="3"|
|-
| {{Hilfe/clickbutton|Bearbeiten}}
{{Hilfe/clickbutton|Änderungen übernehmen|mw=p}}
|
{| class="toptextcells"
|-
| Über ein Dialogfeld unterhalb einer eingefügten Datei ist über die Schaltfläche „Bearbeiten“ der Aufruf des Bearbeitungsdialogs oder eine interaktive Größenanpassung über einen kleinen {{WP|Skalierung (Computergrafik)|Skalierpfeil}} <code>[[Datei:Simpleicons Interface arrow-of-double-point-in-diagonal.svg|12px|klasse=skin-invert|alt=|verweis=]]</code> möglich. Die bisherigen Beschreibungstexte, das Format und die Abmessungen werden zur Anpassung in die Eingabefelder übernommen. „Änderungen speichern“<ref>Die Bezeichnung Änderungen speichern ist hier irreführend, um die Änderungen tatsächlich zu übernehmen, muss die Seite über die gleichnamige Schaltfläche des Hauptmenüs gespeichert werden.</ref> übernimmt die Änderungen in die Seitenansicht.
|class="hintergrundfarbe-basis"|[[Datei:Sea-otter-morro-bay 13.jpg|mini|150x150px|alt=|verweis=|Bildlegende]]<div style="clear:both; border:1px solid #BBBBBB; position:relative; width:14em; font-size:90%; border-radius: 3px; margin: 0 .5em 0 .5em; padding:5px; float:right;">
<div style="left:7.5em; line-height:1; position:absolute; top:-.8em;">[[Datei:PokeyNorth.png|oben|20px|alt=|verweis=]]</div>
<div style="left:2.4em; line-height:1; position:absolute; top:-4.1em;">[[Datei:Simpleicons Interface arrow-of-double-point-in-diagonal.svg|unten|10px|klasse=skin-invert|alt=|verweis=]]</div>
{{Hilfe/dialog|2=b|label-t={{Hilfe:VisualEditor/!toolitem|Medien|name=2}}|label-2=Bearbeiten|width=180|noframe=1}}
Sea-otter-morro-bay 13.jpg
</div>
|}
|-
| {{Hilfe/clickbutton|Bild ändern}}
| Rückkehr zur [[#media-search|Vorschlagsliste]], um eine andere Datei auszuwählen.
|}
|- id="AE" class="hintergrundfarbe5"
| '''Allgemeine Einstellungen'''
|- class="hintergrundfarbe1"
| Jede Datei, die du einbindest, sollte mit einer kurzen Beschriftung zum Inhalt versehen werden. Das Feld sollte nicht für ausführliche Beschreibungen genutzt werden, diese sollten im nebenstehenden Seitentext stehen.<br />
''siehe:'' [[Hilfe:Bilder#Bildlegende und Alternativtext|Bildlegende und Alternativtext]] und [[CowboysWiki:Barrierefreiheit#Alternativtext für Bilder|Barrierefreiheit Alternativtext für Bilder]].
|-
|<div style="border:1px solid #BBBBBB; width:420px; border-radius:3px; font-size:90%;">
{{Hilfe/dialog|2=p|label-t={{int:visualeditor-dialog-media-title}}|label-1=[[Datei:Codex icon close.svg|20px|alt=|verweis=]]|label-2=Einfügen|noframe=1}}
<div class="skin-invert" style="background:#{{Standardfarbe|hintergrund|5}}; color:#{{Standardfarbe|text|body}}; padding:0; padding-top:3px; font-weight:bold;">
{{0|0}}{{Menü-Icon|{{int:visualeditor-dialog-media-page-general}}|non|border=#FFFFFF|padding=2}}{{0|0}}{{Menü-Icon|{{int:visualeditor-dialog-media-page-advanced}}|non|background=#EAECF0|border=#EAECF0|padding=2}}</div>
{| class="toptextcells hintergrundfarbe-basis" style="width:100%; margin:0;"
|-
|style="font-weight:bold;"| {{CodexIcon|image|px=16|text=Bilddatei}} Sea-otter-morro-bay 13.jpg <small>({{Hilfe/mark|Beschreibungsseite|blau}})</small>
|-
| <span style="float:right;">{{CodexIcon|info|px=18|text=Info}}</span> '''{{int:visualeditor-dialog-media-content-section}}'''
<div class="skin-invert" style="border: 1px solid #999999;">{{Hilfe:VisualEditor/!toolbar|links=¾|rechts=0}}
----
 </div>
|-
| <span style="float:right;">{{CodexIcon|info|px=18|text=Info}}</span> '''{{int:visualeditor-dialog-media-alttext-section}}'''
{{Hilfe/inputarea}}
|}
----
{{Hilfe/clickbutton|Bild ändern}}
</div>

|- class="hintergrundfarbe1"
|
{| class="toptextcells" style="width:100%"
|- class="hintergrundfarbe-basis"
!colspan="3"| Optionen
|-
| {{CodexIcon|image|px=16|text=Bilddatei}} '''Sea-otter-morro-bay 13.jpg''' (Beschreibungsseite)
|rowspan="4" class="hintergrundfarbe-basis"|  
| Link auf die lokale Dateibeschreibungsseite in dem Wiki-Projekt, in dem du gerade arbeitest.
|-
| '''Beschriftung:'''
| Das Eingabefeld für die Bildlegende bietet einige Optionen des Hauptmenüs des VisualEditors an. Hier können zusätzlich Textgestaltungselemente, Verlinkungen, weitere Einfügungen oder Sonderzeichen ausgewählt werden. Die Legende dient als Kurzinformation dazu, was in der Datei dargestellt wird.
|-
| '''Alternativtext:'''
| Hier kann eine ausführlichere Beschreibung eingefügt werden, die auch Benutzern mit eingeschränkter Sehfähigkeit umschreibt, was dort dargestellt wird. Diese Informationen werden beispielsweise von [[Screenreader]]n verwendet, die den Seiteninhalt in eine vorgelesene Version umwandeln.<br />
Der Text der Beschriftung (Bildlegende) darf nicht wiederholt werden, weil dieser ohnehin vorgelesen wird und dann doppelt zu hören ist.<br />
Die Beschreibung muss so anschaulich sein, dass das Bild im eigenen Kopf entstehen würde, wenn man es nicht sieht, sondern nur diesen Text kennt.<br />
Hier ist im Eingabefeld nur die reine Klartexteingabe sinnvoll.<ref>Diese Information ist nicht sichtbar und dient dazu, den Inhalt der Datei für Sehbehinderte zu umschreiben.</ref>
|}
|- id="EE" class="hintergrundfarbe5"
| '''Erweiterte Einstellungen'''
|- class="hintergrundfarbe1"
| Standard ist die Ausrichtung der Medienelemente als Vorschaubild am rechten Rand der Seite, wobei sie vom nebenstehenden Text umflossen werden. Die jeweils aktiv ausgewählte Schaltfläche wird blau hinterlegt.
|-
| <div style="border:1px solid #BBBBBB; width:420px; border-radius:3px; font-size:90%;">
{{Hilfe/dialog|2=p|label-t={{int:visualeditor-dialog-media-title}}|label-1=[[Datei:Codex icon close.svg|20px|alt=|verweis=]]|label-2=Einfügen|noframe=1}}
<div class="skin-invert" style="background:#{{Standardfarbe|hintergrund|5}}; color:#{{Standardfarbe|text|body}}; padding:0; padding-top:3px;; font-weight:bold;">
{{0|0}}{{Menü-Icon|{{int:visualeditor-dialog-media-page-general}}|non|background=#EAECF0|border=#EAECF0|padding=2}}{{0|0}}{{Menü-Icon|{{int:visualeditor-dialog-media-page-advanced}}|non|border=#FFFFFF|padding=2}}</div>
{| class="toptextcells hintergrundfarbe-basis" style="width:100%; margin:0;"
|-
| <span style="float:right;">{{CodexIcon|info|text=Info}}</span> '''Position'''
|-
|<span style="float:right;">{{CodexIcon|info|text=Info}}</span> {{Hilfe/ticbox|OOJS=1|tic=1|typ=p}} Text um dieses Objekt umbrechen<br /><div style="font-size:80%; clear:both;">{{Hilfe/clickbutton|ex=1|{{CodexIcon|alignLeft|px=16|text=linksbündig}} Links}}{{Hilfe/clickbutton|ex=1|{{CodexIcon|alignCenter|px=16|text=mittig}} Mitte}}{{Hilfe/clickbutton|mw=s|ex=1|[[Datei:OOjs UI icon alignRight-invert.svg|18px|alt=|verweis=]] Rechts}}</div>
<br /><span style="float:right;">{{CodexIcon|info|text=Info}}</span> '''Bildtyp'''<br />
<div style="border:2px solid #0055DD; padding: 0 5px;">{{CodexIcon|expand|px=12|text=ausklappen}} Vorschaubild</div>
<div style="padding:0; border: 1px solid #A2A9B1; border-top:none; border-radius: 0 0 2px 2px; box-shadow: 0 2px 2px 0 rgba(0,0,0,0.25);">
{| style="width:100%;"
|-
|style="background:var(--background-color-progressive-subtle,#EAF3FF); color:#{{Standardfarbe|text|link}};"| {{CodexIcon|imageLayoutThumbnail|pr|px=16|text=Miniatur}} Vorschaubild
|-
| {{CodexIcon|imageLayoutFrameless|px=16|text=<nowiki>rahmenlos</nowiki>}} Rahmenlos
|-
| {{CodexIcon|imageLayoutFrame|px=16|text=<nowiki>gerahmt</nowiki>}} Rahmen
|-
| {{CodexIcon|imageLayoutBasic|px=16|text=einfach}} Einfach
|}</div>
{{Hilfe/ticbox|OOJS=1}} Umrandung<br /><span style="float:right;">{{CodexIcon|info|text=Info}}</span> '''Bildgröße'''<br />
<div style="font-size:80%; clear:both;">{{Hilfe/clickbutton|mw=s|ex=1|Standard}}{{Hilfe/clickbutton|ex=1|Benutzerdefiniert}}</div>
<br />
{{Hilfe/mark|Benutzerdefiniert|grau}} <span style="border: 1px solid #DDDDDD; padding: 2px; border-radius: 2px; opacity:.4;">220 {{0}}</span> × <span style="border: 1px solid #DDDDDD; padding: 2px; border-radius: 2px; opacity:.4;">124 {{0}}</span> px
|}
----
{{Hilfe/clickbutton|Bild ändern}}
</div>
|- class="hintergrundfarbe1"
|
{| class="toptextcells" style="width:100%"
|- class="hintergrundfarbe-basis"
! colspan="3"| Optionen
|-
| '''Position'''
|rowspan="25" class="hintergrundfarbe-basis"|  
| In diesem Dialogfeld kannst du festlegen, wo die Datei im Text positioniert werden soll.<br />
→ [[Hilfe:Bilder#Ausrichten im Text|Grundsätzliches zur Ausrichtung]]
|- class="hintergrundfarbe-basis"
!colspan="3"|
|-
| {{Hilfe/ticbox|OOJS=1|tic=1|typ=p}} {{Hilfe/ticbox|OOJS=1|tic=0}} {{nowrap|Text … umbrechen}}
| ist diese Option nicht ausgewählt, so wird die Datei am Linken Bildrand positioniert und ein Absatz erzeugt, so dass der nachfolgende Textblock unterhalb der Datei am linken Zeilenanfang beginnt.<br />
→ [[Hilfe:Bilder#Das Bild nicht umfließen|Das Bild nicht umfließen]]
|-
| {{Hilfe/clickbutton|{{CodexIcon|alignLeft|px=16|text=linksbündig}} Links}}
| Datei am linken Seitenrand positionieren und vom Text umfließen lassen.
|-
| {{Hilfe/clickbutton|{{CodexIcon|alignCenter|px=16|text=mittig}} Mitte}}
| Datei mittig ausrichten, es erfolgt in jedem Fall ein Umbruch und der nachfolgende Text beginnt am linken Bildrand.
|-
| {{Hilfe/clickbutton|{{CodexIcon|alignRight|px=16|text=rechtsbündig}} Rechts}}
| Standardeinstellung, Datei am rechten Seitenrand positionieren und vom Text umfließen lassen.
|- class="hintergrundfarbe5"
!colspan="3"|
|-
| '''Bildtyp'''
| Es gibt unterschiedliche Darstellungsarten für die Dateien. Üblich ist die Einbindung als Vorschaubild mit einer vorgegebenen Standardgröße, einem Rahmen und einer Bildlegende. Daneben können Dateien auch ohne sichtbare Textlegende rahmenlos eingefügt werden.<br />
→ [[Hilfe:Bilder#Vorschaubilder|Vorschaubilder]]
|- class="hintergrundfarbe-basis"
!colspan="3"|
|-
| {{Hilfe/clickbutton|{{CodexIcon|imageLayoutThumbnail|px=16|text=Miniatur}} Vorschaubild}}
| Datei in der Standardform mit einem Feld zur Anzeige der Bildlegende einfügen. Zusätzlich kann die Datei über das Vergrößerungselement [[Datei:Magnify-clip (sans arrow).svg|16px|alt=|klasse=skin-invert|verweis=]] im Bereich der Bildlegende in einer vergrößerten Ansicht (beispielsweise mit dem [[Hilfe:Medienbetrachter|Medienbetrachter]]) aufgerufen werden.
|-
| {{Hilfe/clickbutton|{{CodexIcon|imageLayoutFrameless|px=16|text=ohne Rahmen}} Rahmenlos}}
| Datei ohne Rahmen und ohne sichtbare Bildlegende einfügen, der Text der Bildbeschreibung wird beim Überfahren des Bildes mit der Maus als [[Tooltip]] eingeblendet. Das Bild wird an der derzeitigen Position des Cursors eingefügt, wenn keine zusätzlichen Optionen ausgewählt werden, der Textumbruch wird automatisch abgeschaltet.
|-
| {{Hilfe/clickbutton|{{CodexIcon|imageLayoutFrame|px=16|text=gerahmt Original}} Rahmen}}
| Datei mit einem Rahmen und mit Bldlegende in der Originalgröße einfügen. Textausrichtung ist rechts.<br />
→ [[Hilfe:Bilder#Originalgröße|Originalgröße]]
|-
| {{Hilfe/clickbutton|{{CodexIcon|imageLayoutBasic|px=16|text=einfach}} Einfach}}
| Datei ohne Rahmen an der Cursorposition einfügen. Beispielsweise in Tabellen, in denen eine Abbildung in einer benachbarten Zelle ausführlicher beschrieben wird. Hier kann eine benutzerdefinierte Größenangabe sinnvoll sein.
|- class="hintergrundfarbe-basis"
!colspan="3"|
|-
| {{Hilfe/ticbox|OOJS=1}} {{Hilfe/ticbox|OOJS=1|tic=1|typ=p}} Umrandung
| Diese Option ist nur bei der Auswahl <code>Rahmenlos</code> oder <code>Einfach</code> aktiviert und erzeugt eine dünne graue Umrandung, beispielsweise für Logos mit weißem Hintergrund oder Flaggen mit einem weißen Bereich.<br />
→ [[Hilfe:Bilder#Rand|Rand]]
|- class="hintergrundfarbe5"
!colspan="3"|
|-
| '''Bildgröße'''
| Dateien sollten möglichst in der Standardgröße auf einer Seite eingebunden werden. Es ist jedoch möglich benutzerdefinierte Parameter einzugeben.<br />
→ [[Hilfe:Bilder#Bilder skalieren|Bilder skalieren]]
|- class="hintergrundfarbe-basis"
!colspan="3"|
|-
| {{Hilfe/clickbutton|Standard}}
| Datei in der von dir in den [[Spezial:Einstellungen#mw-prefsection-rendering|persönlichen Einstellungen]] festgelegten Standardbreite einfügen. Beispielsweise 220px.
|-
| {{Hilfe/clickbutton|Benutzerdefiniert}}
| Gibt dir die Möglichkeit die Abmessungen {{WP|Skalierung (Computergrafik)|skaliert}} zu verändern.
|- class="hintergrundfarbe-basis"
!colspan="3"|
|-
| {{Hilfe/clickbutton|{{Hilfe/mark|Benutzerdefiniert|grau}}}}<br />
<span style="border: 1px solid #999999; padding: 2px; border-radius: 2px;">{{0|000}}</span> × <span style="border: 1px solid #999999; padding: 2px; border-radius: 2px;">{{0|000}}</span> px
| Die Werte für Höhe und Breite sind dabei im Seitenverhältnis abhängig. Bei Änderung eines Parameters wird der zweite automatisch angepasst. Es sind zum Einfügen nur Werte gültig, die die maximale Dateigröße nicht überschreiten. Wird dennoch ein höherer Wert eingegeben, so wird der Rahmen der Eingabefelder rot {{Hilfe/ticbox|OOJS=1|tic=0|typ=d|last=1}} eingefärbt und unterhalb der Schaltfläche „Vollständige Größe“ der Fehlertext <code>Die Größenwerte sind ungültig.</code> angezeigt.<br />Achtung: Bei der nachträglichen Bearbeitung einer Datei wären auch höhere Werte möglich, dies sollte jedoch vermieden und möglichst die Standardeinstellung verwendet werden.
|- class="hintergrundfarbe-basis"
!colspan="3"|
|}
|}

{{Hilfe:VisualEditor/!headline|2|Hochladen|Gesamt=5|VisualEditor/Einfügen=3|Anker1=media-upload}}
{{Hilfe:Hochladen/VisualEditor}}
</onlyinclude>

== Weitere Informationen ==
* [[CowboysWiki:Artikel illustrieren]] – generelle Informationen zur Verwendung von Bildern in Artikeln
* [[Hilfe:FAQ zu Bildern]] – Sammlung oft gestellter Fragen zur Verwendung von Bildern oder der Angabe von Bildlizenzen
* [[Hilfe:Bilder]] – technische Beschreibung zur Einbindung von Bildern
* [[Hilfe:Hochladen]] – Anleitung zum Hochladen von Bildern
* [[Hilfe:Galerie/VisualEditor]] – Beschreibung wie Galerien mit der Bearbeitungsumgebung [[Hilfe:VisualEditor|VisualEditor]] im Seitentext erstellt oder bearbeitet werden können.
* Vorlagen: [[Vorlage:Doppeltes Bild]], [[Vorlage:Mehrere Bilder]] – für die Einbindung mehrerer Bilder über- oder nebeneinander

== Anmerkungen ==
<references />

[[Kategorie:Hilfe:VisualEditor|Bilder]]

← Nächstältere Version		Version vom 15. Januar 2026, 17:05 Uhr
Zeile 102:		Zeile 102:
	\| zeigt die Abmessungen und die Art der Datei (PNG, SVG, PDF …) an		\| zeigt die Abmessungen und die Art der Datei (PNG, SVG, PDF …) an
	\|-		\|-
	\| {{CodexIcon\|logo-CC\|px=16\|text=Lizenz}} CC BY 2.0<ref>Es sind auch andere Angaben dort möglich, beispielsweise [[Datei:VisualEditor icon public-domain.svg\|20px\|klasse=skin-invert\|alt=\|verweis=]] [[Gemeinfreiheit#Public Domain\|Public domain]]</ref>		\| {{CodexIcon\|logo-CC\|px=16\|text=Lizenz}} CC BY 2.0<ref>Es sind auch andere Angaben dort möglich, beispielsweise [[Datei:VisualEditor icon public-domain.svg\|20px\|klasse=skin-invert\|alt=\|verweis=]] [[wp:Gemeinfreiheit#Public Domain\|Public domain]]</ref>
	\| Link zur [[CowboysWiki:Gängigste Lizenzen\|Lizenzbeschreibung]]		\| Link zur [[CowboysWiki:Gängigste Lizenzen\|Lizenzbeschreibung]]
	\|-		\|-
Zeile 121:		Zeile 121:
	\|-		\|-
	\| {{CodexIcon\|info\|px=16\|text=Info}} Weitere Informationen		\| {{CodexIcon\|info\|px=16\|text=Info}} Weitere Informationen
	\| verlinkt direkt auf die [[:Datei:Sea-otter-morro-bay 13.jpg\|Dateibeschreibungsseite]] bei [[Wikimedia Commons]]		\| verlinkt direkt auf die [[:Datei:Sea-otter-morro-bay 13.jpg\|Dateibeschreibungsseite]] bei {{WP\|Wikimedia Commons}}
	\|}		\|}
	\|}		\|}
Zeile 215:		Zeile 215:
	\|-		\|-
	\| '''Alternativtext:'''		\| '''Alternativtext:'''
	\| Hier kann eine ausführlichere Beschreibung eingefügt werden, die auch Benutzern mit eingeschränkter Sehfähigkeit umschreibt, was dort dargestellt wird. Diese Informationen werden beispielsweise von [[Screenreader~~]]n~~ verwendet, die den Seiteninhalt in eine vorgelesene Version umwandeln.<br />		\| Hier kann eine ausführlichere Beschreibung eingefügt werden, die auch Benutzern mit eingeschränkter Sehfähigkeit umschreibt, was dort dargestellt wird. Diese Informationen werden beispielsweise von {{WP\|Screenreader\|Screenreadern}} verwendet, die den Seiteninhalt in eine vorgelesene Version umwandeln.<br />
	Der Text der Beschriftung (Bildlegende) darf nicht wiederholt werden, weil dieser ohnehin vorgelesen wird und dann doppelt zu hören ist.<br />		Der Text der Beschriftung (Bildlegende) darf nicht wiederholt werden, weil dieser ohnehin vorgelesen wird und dann doppelt zu hören ist.<br />
	Die Beschreibung muss so anschaulich sein, dass das Bild im eigenen Kopf entstehen würde, wenn man es nicht sieht, sondern nur diesen Text kennt.<br />		Die Beschreibung muss so anschaulich sein, dass das Bild im eigenen Kopf entstehen würde, wenn man es nicht sieht, sondern nur diesen Text kennt.<br />
Zeile 293:		Zeile 293:
	\|-		\|-
	\| {{Hilfe/clickbutton\|{{CodexIcon\|imageLayoutFrameless\|px=16\|text=ohne Rahmen}} Rahmenlos}}		\| {{Hilfe/clickbutton\|{{CodexIcon\|imageLayoutFrameless\|px=16\|text=ohne Rahmen}} Rahmenlos}}
	\| Datei ohne Rahmen und ohne sichtbare Bildlegende einfügen, der Text der Bildbeschreibung wird beim Überfahren des Bildes mit der Maus als [[Tooltip]] eingeblendet. Das Bild wird an der derzeitigen Position des Cursors eingefügt, wenn keine zusätzlichen Optionen ausgewählt werden, der Textumbruch wird automatisch abgeschaltet.		\| Datei ohne Rahmen und ohne sichtbare Bildlegende einfügen, der Text der Bildbeschreibung wird beim Überfahren des Bildes mit der Maus als {{WP\|Tooltip}} eingeblendet. Das Bild wird an der derzeitigen Position des Cursors eingefügt, wenn keine zusätzlichen Optionen ausgewählt werden, der Textumbruch wird automatisch abgeschaltet.
	\|-		\|-
	\| {{Hilfe/clickbutton\|{{CodexIcon\|imageLayoutFrame\|px=16\|text=gerahmt Original}} Rahmen}}		\| {{Hilfe/clickbutton\|{{CodexIcon\|imageLayoutFrame\|px=16\|text=gerahmt Original}} Rahmen}}

Hilfe:Bilder/VisualEditor - Versionsgeschichte

Cowboy am 15. Januar 2026 um 15:05 Uhr