Конвертер Markdown в изображение (PNG)
Превратите отформатированный предпросмотр Markdown в PNG — удобно для отправки фрагмента в мессенджер, слайд презентации или пост. Рендер и снимок выполняются в браузере, файл не проходит через сервер.
Экспорт захватывает область предпросмотра целиком: длинные документы могут дать высокий или тяжёлый PNG из‑за ограничений canvas в браузере.
Обработка выполняется локально в браузере
Как конвертировать
- Вставьте Markdown или загрузите файл и дождитесь полного рендера (включая Mermaid).
- При необходимости выберите шаблон оформления для предпросмотра.
- Нажмите «Скачать PNG» — файл сохранится на устройство.
Что сохраняется и поддерживается
| Элемент | Поддержка |
|---|---|
| Формат PNG | Экспорт в PNG с белым фоном и повышенной плотностью пикселей (pixelRatio 2) |
| Содержимое предпросмотра | Заголовки, списки, таблицы, код, формулы и Mermaid как на экране |
| Шаблоны | 8 пресетов влияют на типографику и оформление снимка |
| Локальная обработка | html-to-image работает в браузере без отправки текста на сервер |
Практические сценарии
- Отправка фрагмента документации в Telegram или Slack, где Markdown не рендерится
- Вставка схемы Mermaid или таблицы в презентацию как картинки
- Публикация сниппета кода или формулы в соцсетях
- Быстрый визуальный черновик README для обсуждения с командой
- Архив «как выглядело» без зависимости от рендерера получателя
Приватность и локальная обработка
Снимок строится из DOM предпросмотра на вашем устройстве. Markdown и PNG не загружаются на сервер md-to.ru. Учитывайте, что полученное изображение может содержать видимый текст — не публикуйте конфиденциальные данные в открытых каналах.
Ограничения и важные нюансы
- Экспорт только в PNG; JPEG и настройка качества в интерфейсе не предусмотрены
- Ширина и pixel ratio заданы реализацией (ширина области preview, pixelRatio 2) — отдельных полей в UI нет
- Очень длинные документы могут не поместиться в canvas или дать файл большого размера
- Внешние изображения без CORS могут отсутствовать на снимке
- Это растровый снимок — текст нельзя выделить и искать, как в PDF или DOCX
Связанные инструменты
Связанные статьи
-
Mermaid в Markdown: как создать диаграмму и экспортировать её
Добавьте блок mermaid в Markdown — диаграмма появится в preview и экспортируется в Word, PDF, HTML или PNG по-разному.
Частые вопросы
Почему экспорт только PNG, а не JPEG?
Текущая реализация использует html-to-image с форматом PNG для чёткого текста и диаграмм. JPEG в интерфейсе не предусмотрен.
Можно ли задать ширину или разрешение вручную?
Ширина берётся из области предпросмотра на странице, плотность пикселей фиксирована (2×). Отдельных полей для width или DPI в UI нет.
Что будет с длинным документом?
Захватывается вся высота блока предпросмотра. На очень длинных текстах браузер может ограничить размер canvas — возможны ошибки экспорта или очень большой файл.
Попадут ли Mermaid и таблицы на картинку?
Да, если они уже отрисованы в предпросмотре. Дождитесь окончания построения диаграммы перед экспортом.
Текст на изображении можно будет скопировать?
Нет. PNG — растровый формат. Для редактируемого текста используйте Word или HTML, для печати — PDF.
Отправляется ли содержимое на сервер?
Нет. Снимок создаётся локально из DOM предпросмотра.