Формулы в слайдах и блог-постах

Чтобы вставить набранную формулу в слайд или блог-пост, нужно сначала где-то отрендерить LaTeX, а затем вставить результат как изображение. Способов немало: специализированные сервисы для конвертации LaTeX в картинку, MathJax в шаблоне блога, скриншот из Overleaf — выбор зависит от платформы и удобства.

drawtonomy — один из бесплатных, браузерных вариантов без установки и регистрации. Инструмент Math рендерит LaTeX через KaTeX, позволяет менять цвет и размер, экспортирует PNG или SVG с прозрачным фоном — всё прямо в браузере.

$Живой предпросмотр KaTeX для E = mc^2 — исходный код LaTeX сверху, отрендеренная формула снизу$

Инструмент Math в действии — LaTeX сверху, предпросмотр KaTeX снизу, боковая панель для цвета и размера.

Процесс за 2 минуты

Откройте drawtonomy.com.
Нажмите значок fx на нижней панели инструментов (или клавишу /).

$Значок fx, выделенный на нижней панели drawtonomy$
Кликните на холст. Введите LaTeX. Формула рендерится в реальном времени.

$Редактор формул с квадратным уравнением в живом предпросмотре$
Нажмите Esc. Выделив формулу, настройте цвет и размер на правой панели.

$Та же формула, перекрашенная в красный и увеличенная до 60 px через боковую панель$
Menu → Export → PNG (или SVG). Сохраните файл.
Перетащите файл в слайд или блог-пост.

Готово. Никакой установки, регистрации и LaTeX-тулчейна.

Какой формат для какой платформы?

Платформа	Лучший формат	Почему
Google Slides	PNG	Поддержка SVG частичная; PNG рендерится одинаково везде.
Keynote	SVG (или PNG)	Keynote поддерживает SVG; вектор остаётся чётким при масштабировании.
PowerPoint	PNG (или SVG в Microsoft 365)	Старые версии PowerPoint игнорируют SVG.
Notion	PNG	Вставка изображений в Notion работает только с растровыми форматами.
Medium	PNG	Medium агрессивно сжимает SVG.
Substack	PNG	Substack принимает в посты только растровые изображения.
Ghost / WordPress	SVG	Оба рендерят SVG нативно.
Discord / Slack	PNG	Чат-приложения обрабатывают SVG непоследовательно.

Если сомневаетесь — PNG с прозрачным фоном работает везде. SVG резче, но сложнее во встройке.

Перекраска под стиль презентации

По умолчанию цвет — чёрный, что подходит для белых слайдов. Тёмная тема? Откройте панель Color и выберите белый или фирменный акцентный цвет. Формула перерендерится мгновенно.

Каждое изменение цвета — отдельный шаг в истории отмены, так что экспериментировать можно без риска.

Место drawtonomy среди других инструментов

У каждого из перечисленных подходов есть своя сильная сторона — выбор зависит от того, сколько настройки вы готовы сделать и куда пойдёт результат.

Веб-сервисы LaTeX-в-картинку (например, CodeCogs, QuickLaTeX) удобны для разовых формул и дают чистый результат. Некоторые отлично подходят для регулярного использования; у других со временем меняется функциональность или брендинг — стоит проверить актуальное состояние перед выбором.
MathJax, встроенный в блог, позволяет хранить исходный код формул прямо в посте — идеально, когда платформа это поддерживает. Степень кастомизации темы варьируется от платформы к платформе.
Скриншот из Overleaf — быстрый путь, если LaTeX уже написан; качество зависит от DPI при захвате.
Набор символами Unicode (x² + y² = r²) отлично подходит для простых выражений без дробей и интегралов.

drawtonomy рендерит формулу как вектор, экспортирует без потерь, а исходник остаётся редактируемым в файле .drawtonomy.svg — его всегда можно открыть снова.

Больше, чем одна формула

Инструмент Math работает на бесконечном холсте. Если вам нужен слайд с тремя формулами рядом и схемой между ними — всю эту композицию можно собрать прямо в drawtonomy и экспортировать единым изображением, вместо того чтобы бороться с сеткой компоновки в редакторе презентаций.