Syntax-Feature
Bilder in Markdown
Bilder werden mit `` eingebunden — fast wie Links, aber mit Ausrufezeichen davor. Alt-Text ist wichtig für Accessibility und SEO.
Was ist das?
Markdown-Bilder zeigen Bilder im Rendering. URL kann absoluter Link, relativer Pfad oder Base64-Data-URL sein. Alt-Text ist Pflicht-Feld für Screen-Reader und SEO.
Beispiele
Inline-Bild
Mit Title (Hover-Tooltip)
Reference-Style
Bild siehe ![Markdown-Editor][editor].
[editor]: https://markdown-editor.de/og-image.svgBase64-eingebettet (Drag-Drop in unserem Editor)
Unterstützt von
NICHT unterstützt von
Praxis-Tipps
- Alt-Text ist Accessibility-Pflicht. Screen-Reader lesen ihn vor.
- Reddit und manche Markdown-Renderer erlauben kein Bilder via Markdown — Workaround: Bild als Datei-Anhang, dann verlinken.
- In Obsidian: `![[image.png|300]]` setzt feste Pixel-Breite (Obsidian-spezifische Erweiterung).
- Unser Editor unterstützt Drag-Drop von Bildern — werden als Base64-Data-URL eingebettet.
Häufige Fragen
Warum kein Bild-Resize in Standard-Markdown?
CommonMark hat keine Spec für Bild-Sizing. Workarounds: HTML-Tag `<img width="300">`, Obsidian-spezifische Syntax, oder CSS-Klassen.
Funktioniert Base64-eingebettete Bilder überall?
Ja, technisch. Praktisch: macht Markdown-Datei sehr groß. Empfohlen nur für kleine Icons oder kurze Doku-Schnipsel.
Was passiert wenn URL kaputt ist?
Browser zeigt "Broken Image"-Icon. Der Alt-Text wird angezeigt — deshalb ist Alt-Text wichtig.
Im Editor ausprobieren
Live-Vorschau, Auto-Save, kein Account nötig.
Zum Editor