Zurück zum Blog
Sonntag, 16. November 2025

KaTeX-Gleichungen überall sauber darstellen

KaTeX-Gleichungen überall sauber darstellen

KaTeX + Bild = zuverlässige Ausgabe

Markdown rendert KaTeX perfekt, doch viele Newsletter- oder Chat-Clients entfernen das Styling. Wenn du neben dem Markdown auch ein Bild bereitstellst, bleibt die Formel hübsch und der Quelltext weiterhin editierbar.

Schreibgewohnheiten, die helfen

  • $…$ für kurze Inline-Ausdrücke, $$…$$ für Formeln, die allein stehen sollen.
  • Lange Brüche oder Wurzeln auf eigene Zeilen setzen, so clippt nichts auf schmalen Displays.
  • Mit HTML-Kommentaren wie <!-- Kapitel 2, Beispiel 4 --> vermerkst du den Kontext für Kolleg*innen.

Workflow in Markdown2Image

  1. KaTeX-Snippet einfügen, Preset mit hellem Hintergrund und Serifenschrift wählen.
  2. Zeilenabstand auf ca. 1,5 erhöhen, damit verschachtelte Brüche Luft bekommen.
  3. PNG für Präsentationen oder Chat, SVG/WebP für Dokumentationen exportieren.
Quadratische Lösungsformel:
$$x = \\frac{-b \\pm \\sqrt{b^2-4ac}}{2a}$$

Nachbearbeitung

  • Alt-Text: „Quadratische Lösungsformel für ax²+bx+c=0“.
  • Caption: Notiere, zu welchem Kursabschnitt die Gleichung gehört.
  • Ablage: Markdown und Bild gemeinsam in Directus speichern, damit Übersetzungen beide Dateien finden.

KaTeX Beispiel

So landet deine Mathematik unverändert in LMS, Wikis und Handouts.

KaTeX-Gleichungen überall sauber darstellen | Markdown2Image | MarkdownToImage