स्लाइड्स और ब्लॉग पोस्ट में LaTeX समीकरण
प्रेजेंटेशन या ब्लॉग पोस्ट में typeset समीकरण लगाना आमतौर पर दो काम में बंटता है — पहले LaTeX कहीं render करो, फिर उस image को slide tool या post में डालो। इसके लिए कई अच्छे तरीके हैं: dedicated LaTeX-to-image services, ब्लॉग template में MathJax, Overleaf के screenshot — कौन-सा तरीका सही है यह platform पर निर्भर करता है।
drawtonomy इस सब का एक free, browser-based, बिना account विकल्प है। इसका Math tool KaTeX से LaTeX render करता है, रंग और size बदलने देता है, और transparent background के साथ PNG या SVG export करता है — सब कुछ browser में, बिना कुछ install किए।
Math tool — ऊपर LaTeX, नीचे KaTeX preview, दाईं तरफ रंग और size का panel।
2 मिनट का workflow
Section titled “2 मिनट का workflow”-
drawtonomy.com खोलें।
-
नीचे toolbar में fx आइकन पर क्लिक करें (या / दबाएं)।
-
canvas पर क्लिक करें। LaTeX टाइप करें। नीचे live render देखें।
-
Esc दबाएं। समीकरण selected रहने पर दाईं panel से रंग और size सेट करें।
-
Menu → Export → PNG (या SVG) — file save करें।
-
उस file को अपनी slide या blog post में drag करें।
बस। कोई installation नहीं, कोई account नहीं, LaTeX toolchain की जरूरत नहीं।
किस target के लिए कौन-सा format?
Section titled “किस target के लिए कौन-सा format?”| Target | बेहतर format | वजह |
|---|---|---|
| Google Slides | PNG | SVG support अधूरा है; PNG हर जगह एक जैसा दिखता है। |
| Keynote | SVG (या PNG) | Keynote SVG handle करता है; scale करने पर sharp रहता है। |
| PowerPoint | PNG (या Microsoft 365 में SVG) | पुराने PowerPoint में SVG काम नहीं करता। |
| Notion | PNG | Notion का image embed सिर्फ raster accept करता है। |
| Medium | PNG | Medium SVG को aggressively downscale करता है। |
| Substack | PNG | Substack posts में सिर्फ raster upload होता है। |
| Ghost / WordPress | SVG | दोनों SVG natively render करते हैं। |
| Discord / Slack | PNG | Chat apps में SVG की handling अलग-अलग होती है। |
जब doubt हो, transparent background वाला PNG हर जगह काम करता है। SVG ज्यादा sharp होता है लेकिन integrate करना थोड़ा मुश्किल हो सकता है।
Slide theme के अनुसार रंग बदलना
Section titled “Slide theme के अनुसार रंग बदलना”default रंग black है जो white slides पर अच्छा लगता है। Dark slide deck है? Color panel खोलकर white या अपना brand accent रंग चुनें — समीकरण तुरंत re-render होगा।
हर रंग बदलाव अपना undo step होता है, इसलिए बेझिझक experiment करें।
दूसरे alternatives के बीच drawtonomy की जगह
Section titled “दूसरे alternatives के बीच drawtonomy की जगह”हर approach अपने context में अच्छी है — चुनाव इस पर निर्भर है कि आप कितना setup चाहते हैं और output कहां जाएगा।
- LaTeX-to-image web services (जैसे CodeCogs, QuickLaTeX) एक-दो समीकरणों के लिए तेज़ हैं और clean output देते हैं। बार-बार use के लिए भी कुछ बढ़िया हैं; features और branding समय के साथ बदल सकती है, इसलिए मौजूदा state check करना अच्छा रहता है।
- ब्लॉग में embedded MathJax समीकरण का source post में ही रखता है — यह ideal है जब platform इसे support करे। Hosted platforms में theme customization की सीमाएं होती हैं।
- Overleaf का screenshot तब सबसे तेज़ है जब LaTeX पहले से लिखा हुआ हो; quality उस DPI पर निर्भर करती है जिस पर capture करें।
- Hand-typed Unicode (
x² + y² = r²) तब perfect है जब formula इतना simple हो कि fraction या integral की जरूरत न हो।
drawtonomy समीकरण को vector के रूप में render करता है, cleanly export होता है, और source .drawtonomy.svg file में editable रहता है अगर बाद में बदलाव करना हो।
सिर्फ एक समीकरण से आगे
Section titled “सिर्फ एक समीकरण से आगे”Math tool एक पूरे infinite canvas पर है। तो अगर आप कोई ऐसी slide बना रहे हैं जिसमें — मान लीजिए — “तीन समीकरण side-by-side और बीच में एक diagram” हो, तो पूरी slide drawtonomy में ही compose करके एक image export कर सकते हैं — slide tool के layout grid से लड़ने की जरूरत नहीं।