Formeln in Präsentationen und Blog-Beiträgen
Wer eine gesetzte Formel in eine Präsentation oder einen Blog-Beitrag einbinden will, braucht in der Regel zwei Schritte: LaTeX irgendwo rendern und das Ergebnis als Bild in die Zielplattform einfügen. Es gibt dafür viele bewährte Wege — dedizierte LaTeX-zu-Bild-Dienste, MathJax im Blog-Template, Screenshots aus Overleaf — und welcher am besten passt, hängt von der Plattform und dem eigenen Workflow ab.
drawtonomy ist eine kostenlose, installations- und accountfreie Option in dieser Auswahl. Das Math-Tool rendert LaTeX mit KaTeX, erlaubt Farbwahl und Größenanpassung und exportiert PNG oder SVG mit transparentem Hintergrund — alles im Browser, ohne Anmeldung.
Das Math-Tool in Aktion — LaTeX oben, KaTeX-Vorschau unten, Seitenbereich für Farbe und Größe.
Ablauf in zwei Minuten
Abschnitt betitelt „Ablauf in zwei Minuten“-
drawtonomy.com öffnen.
-
Das fx-Symbol in der unteren Toolbar anklicken (oder / drücken).
-
Auf die Zeichenfläche klicken, LaTeX eingeben und die Livevorschau beobachten.
-
Esc drücken. Mit ausgewählter Formel Farbe und Größe im rechten Seitenbereich einstellen.
-
Menu → Export → PNG (oder SVG). Datei speichern.
-
Datei per Drag-and-drop in Präsentation oder Blog ziehen.
Fertig. Keine Installation, kein Account, keine LaTeX-Toolchain.
Welches Format für welche Zielplattform?
Abschnitt betitelt „Welches Format für welche Zielplattform?“| Zielplattform | Empfohlenes Format | Begründung |
|---|---|---|
| Google Slides | PNG | SVG-Unterstützung ist eingeschränkt; PNG wird überall identisch dargestellt. |
| Keynote | SVG (oder PNG) | Keynote verarbeitet SVG; Vektorgrafiken bleiben beim Skalieren scharf. |
| PowerPoint | PNG (oder SVG in Microsoft 365) | Ältere PowerPoint-Versionen ignorieren SVG. |
| Notion | PNG | Notion bettet Bilder nur als Rastergrafik ein. |
| Medium | PNG | Medium skaliert SVG aggressiv herunter. |
| Substack | PNG | Substack akzeptiert in Beiträgen ausschließlich Rastergrafiken. |
| Ghost / WordPress | SVG | Beide Plattformen rendern SVG nativ. |
| Discord / Slack | PNG | Chat-Anwendungen gehen mit SVG uneinheitlich um. |
Im Zweifelsfall ist PNG mit transparentem Hintergrund die universell kompatible Wahl. SVG ist schärfer, erfordert aber etwas mehr Aufwand bei der Integration.
Farbanpassung für Folienlayouts
Abschnitt betitelt „Farbanpassung für Folienlayouts“Die Standardfarbe ist Schwarz — ideal für helle Folien. Bei dunklen Foliendesigns einfach im Color-Panel Weiß oder eine Markenfarbe auswählen; die Formel wird sofort neu gerendert.
Jede Farbänderung ist ein eigener Undo-Schritt, sodass man unbesorgt experimentieren kann.
Einordnung im Vergleich zu anderen Ansätzen
Abschnitt betitelt „Einordnung im Vergleich zu anderen Ansätzen“Jeder der folgenden Ansätze hat seine Stärken — die Wahl hängt vor allem davon ab, wie viel Einrichtungsaufwand man möchte und wo das Ergebnis landen soll.
- LaTeX-zu-Bild-Webdienste (z. B. CodeCogs, QuickLaTeX) sind schnell für einzelne Formeln und liefern saubere Ergebnisse. Manche eignen sich gut für die wiederholte Nutzung; es lohnt sich, den aktuellen Stand der jeweiligen Plattform zu prüfen, da sich Features und Branding ändern können.
- MathJax im Blog eingebettet hält den Formelquelltext direkt im Beitrag — ideal, wenn die Plattform das unterstützt. Gehostete Plattformen unterscheiden sich darin, wie viel Theme-Anpassung sie erlauben.
- Screenshot aus Overleaf ist ein direkter Weg, wenn die LaTeX-Quelle bereits vorhanden ist; die Qualität hängt von der eingestellten Auflösung ab.
- Handgetipptes Unicode (
x² + y² = r²) ist die einfachste Lösung, wenn die Formel ohne Brüche oder Integrale auskommt.
drawtonomy rendert die Formel vektoriell, exportiert sauber und die Quelle bleibt in der .drawtonomy.svg-Datei editierbar, falls man später Änderungen vornehmen möchte.
Mehr als eine einzelne Formel
Abschnitt betitelt „Mehr als eine einzelne Formel“Das Math-Tool steht auf einem unbegrenzt großen Canvas. Wer also eine Folie mit etwa drei nebeneinander stehenden Formeln und einem Diagramm dazwischen vorbereitet, kann die gesamte Folie in drawtonomy gestalten und als ein einziges Bild exportieren — anstatt mit dem Rasterlayout des Präsentationsprogramms zu kämpfen.