LaTeX-ekvationer i bilder och blogginlägg

Att få en typsatt formel in i en presentation eller ett blogginlägg innebär vanligtvis att man renderar LaTeX någonstans och sedan lägger in resultatet som en bild. Det finns många bra sätt att göra detta — dedikerade LaTeX-till-bild-tjänster, MathJax i en bloggmall, skärmdumpar från Overleaf — och vilket alternativ som passar bäst beror på plattformen.

drawtonomy är ett gratis alternativ utan installation och utan konto i det här landskapet. Math-verktyget renderar LaTeX med KaTeX, låter dig justera färg och storlek, och exporterar PNG eller SVG med transparent bakgrund — allt i webbläsaren.

$Live KaTeX-förhandsvisning av E = mc^2 — LaTeX-källkod ovan, renderad ekvation nedan$

Math-verktyget i aktion — LaTeX överst, KaTeX-renderad förhandsvisning nedanför, sidopanel för färg och storlek.

Ett arbetsflöde på 2 minuter

Öppna drawtonomy.com.
Klicka på fx-ikonen i det nedre verktygsfältet (eller tryck /).

$fx-ikonen markerad i det nedre verktygsfältet i drawtonomy$
Klicka på canvas. Skriv din LaTeX. Se den renderas live nedanför.

$Matematikredigerare med andragradsekvationen renderad i live-förhandsvisningen$
Tryck Esc. Med ekvationen markerad ställer du in färg och storlek i den högra panelen.

$Samma ekvation ommålad i rött och förstorad till 60 px från sidopanelen$
Menu → Export → PNG (eller SVG). Spara filen.
Dra filen till din bild eller ditt blogginlägg.

Klart. Ingen installation, inget konto, ingen LaTeX-verktygskedja.

Vilket format passar var?

Målplattform	Bästa format	Anledning
Google Slides	PNG	SVG-stödet är partiellt; PNG renderas identiskt överallt.
Keynote	SVG (eller PNG)	Keynote hanterar SVG; vektorn förblir skarp vid skalning.
PowerPoint	PNG (eller SVG i Microsoft 365)	Äldre PowerPoint-versioner ignorerar SVG.
Notion	PNG	Notions bildinfogning är endast för rasterbilder.
Medium	PNG	Medium skalar ned SVG aggressivt.
Substack	PNG	Substack accepterar bara rasteruppladdningar i inlägg.
Ghost / WordPress	SVG	Båda renderar SVG inbyggt.
Discord / Slack	PNG	Chattappar hanterar SVG inkonsekvent.

Är du osäker, välj PNG med transparent bakgrund — det fungerar överallt. SVG är skarpare men kan vara knepigare att integrera.

Anpassa färgen till din bildmall

Standardfärgen är svart, vilket fungerar på vita bilder. Mörkt bildtema? Klicka på Color-panelen och välj vit (eller en varumärkesaccentfärg). Ekvationen renderas om direkt.

Varje färgändring är ett eget ångersteg, så du kan experimentera fritt.

drawtonomy i jämförelse med alternativen

Alla dessa tillvägagångssätt fungerar bra i rätt sammanhang — valet handlar mest om hur mycket konfiguration du vill ha och var resultatet ska användas.

LaTeX-till-bild-webbtjänster (t.ex. CodeCogs, QuickLaTeX) är snabba för enskilda formler och ger tydlig utdata. Vissa lämpar sig väl för återkommande bruk; andra förändrar funktioner eller varumärke med tiden, så det är värt att kontrollera aktuellt läge.
MathJax inbäddat i din blogg håller formelkällan i inlägget, vilket är idealiskt när plattformen stöder det. Hostade plattformar varierar i hur mycket temaanpassning de tillåter.
Skärmdump från Overleaf är en snabb väg om du redan har LaTeX-koden skriven; kvaliteten beror på vilken DPI du tar skärmdumpen i.
Handtypat Unicode (x² + y² = r²) är perfekt när formeln är enkel nog att uttryckas utan bråk eller integraler.

drawtonomy renderar formeln som vektor, exporterar rent, och källan förblir redigerbar i .drawtonomy.svg-filen om du vill återvända till den senare.

Mer än en enstaka ekvation

Math-verktyget lever på en fullständig oändlig canvas. Om du till exempel förbereder en bild med tre ekvationer sida vid sida med ett diagram emellan kan du komponera hela bilden i drawtonomy och exportera som en enda bild — i stället för att brottas med bildverktygets layoutrutnät.