Ga naar inhoud

LaTeX-vergelijkingen in presentaties en blogposts

Een nette wiskundige vergelijking in een presentatie of blogpost krijgen vraagt normaal wat omwegen: je rendert de LaTeX ergens, en zet het resultaat als afbeelding in je tool of post. Er zijn meerdere goede manieren om dat te doen — speciale LaTeX-naar-afbeelding-diensten, MathJax in een blogtemplate, screenshots uit Overleaf — en welke het beste past hangt af van het platform.

drawtonomy is één gratis, zonder installatie of account bruikbare optie daartussen. Het Math-gereedschap rendert LaTeX via KaTeX, laat je kleur en grootte aanpassen, en exporteert PNG of SVG met een transparante achtergrond — allemaal in de browser, zonder aanmelden.

Live KaTeX-preview van E = mc^2 — LaTeX-broncode bovenaan, gerenderde vergelijking eronder

Het Math-gereedschap in actie — LaTeX bovenaan, KaTeX-renderpreview eronder, zijpaneel voor kleur en grootte.

  1. Open drawtonomy.com.

  2. Klik op het fx-pictogram in de onderste werkbalk (of druk op /).

    Het fx-pictogram gemarkeerd in de onderste werkbalk van drawtonomy

  3. Klik op het canvas. Typ je LaTeX. De preview wordt live bijgewerkt onderaan.

    Math-editor met de kwadratische formule gerenderd in de live preview

  4. Druk op Esc. Stel met de vergelijking geselecteerd de kleur en grootte in via het rechterpaneel.

    Dezelfde vergelijking in het rood ingekleurd en vergroot naar 60 px via het zijpaneel

  5. Menu → Export → PNG (of SVG). Sla het bestand op.

  6. Sleep het bestand in je presentatie of blogpost.

Klaar. Geen installatie, geen account, geen LaTeX-toolchain.

PlatformAanbevolen formaatToelichting
Google SlidesPNGSVG-ondersteuning is beperkt; PNG rendert overal identiek.
KeynoteSVG (of PNG)Keynote ondersteunt SVG; vectorformaat blijft scherp bij schalen.
PowerPointPNG (of SVG op Microsoft 365)Oudere PowerPoint-versies negeren SVG.
NotionPNGNotion’s afbeeldingsinsluiting werkt alleen met rasterafbeeldingen.
MediumPNGMedium schaalt SVG agressief terug.
SubstackPNGSubstack accepteert alleen rasteruploads in posts.
Ghost / WordPressSVGBeide renderen SVG native.
Discord / SlackPNGChatapps gaan inconsistent om met SVG.

Bij twijfel werkt PNG met transparante achtergrond overal. SVG is scherper maar lastiger te integreren.

De standaardkleur is zwart, wat werkt op witte slides. Donker slidedeck? Klik op het Color-paneel en kies wit of een merkkleur. De vergelijking rendert meteen opnieuw.

Elke kleurwijziging is een aparte ongedaan maak-stap, zodat je vrijuit kunt experimenteren.

drawtonomy vergeleken met andere aanpakken

Section titled “drawtonomy vergeleken met andere aanpakken”

Al deze methoden werken goed in de juiste context — de keuze hangt vooral af van hoeveel instelling je wilt en waar het resultaat naartoe gaat.

  • LaTeX-naar-afbeelding-webdiensten (zoals CodeCogs, QuickLaTeX) zijn snel voor losse vergelijkingen en leveren nette uitvoer. Sommige zijn uitstekend voor herhaald gebruik; andere wijzigen functies of huisstijl in de loop van de tijd, dus het loont om de actuele stand te checken.
  • MathJax ingesloten in je blog houdt de vergelijkingsbron in je post, wat ideaal is als het platform dat ondersteunt. Gehoste platforms variëren in hoeveel thema-aanpassing ze toestaan.
  • Screenshot uit Overleaf is een snelle route als je de LaTeX al geschreven hebt; de kwaliteit hangt af van de DPI waarmee je vastlegt.
  • Met de hand getypte Unicode (x² + y² = r²) is perfect als de formule eenvoudig genoeg is zonder breuken of integralen.

drawtonomy rendert de vergelijking als vector, exporteert netjes, en de bron blijft bewerkbaar in het .drawtonomy.svg-bestand als je later wijzigingen wilt aanbrengen.

Het Math-gereedschap staat op een oneindig canvas. Als je een slide voorbereidt met bijvoorbeeld “drie vergelijkingen naast elkaar met een diagram ertussen”, kun je de hele slide in drawtonomy samenstellen en als één afbeelding exporteren — zonder te worstelen met het lay-outraster van je presentatietool.