Public API is available. Convert Markdown to images with 50 watermarked requests/month.

System log

System Updates

System log//v3.2.0

Changelog & Release Notes

Track the evolution of Markdown to Image. We regularly ship new features, visual improvements, and bug fixes to enhance your creative workflow.

Relevant tags
#Feature#Fix#Optimization#i18n#UI/UX
Export presets, custom CSS, advanced PDF & API rate limiting
v3.2.0Latest

Markdown to Image Updates: Export presets, custom CSS, advanced PDF & API rate limiting

A big update focused on giving you precise control over exports β€” and bringing the same discipline to our public API. Save your settings as presets, drop in your own CSS, fine-tune PDF output, and rely on predictable, plan-based API limits.

πŸ“ Export presets & preferences

  • Save once, reuse anywhere: Bundle your export settings β€” theme, font, width, quality, format and more β€” into a named preset and apply it in one click.
  • Pick up where you left off: Set a default preset, and the editor restores your last-used settings automatically the next time you open it.
  • Across the tools: Presets work on the main converter and batch export. Named, reusable presets are available on the Creator plan and up.

🎨 Custom CSS

  • Bring your own styles: Pro accounts can inject custom CSS to fine-tune the rendered output, mirrored live in the preview as you type.
  • Page-break control: New break-before support lets you decide exactly where content splits when exporting to PDF.

πŸ“„ Advanced PDF settings

  • Print-ready output: Configure headers and footers, margins, paper size and orientation before exporting to PDF.
  • Page-count guardrail: A pre-flight check flags oversized output before you wait on it. Advanced PDF options are a Pro feature.

πŸƒ Smarter card batch export

  • One batch, one export: Card ZIP export now follows the same watermark rules as single images β€” a whole batch counts as a single export, not per card.
  • Consistent watermark logic: Paid plans export watermark-free without limit; free accounts draw on their available allowance; anonymous or used-up exports keep the watermark across the entire batch.
  • Clearer outcomes: Plain messaging when an export hits a limit or a render fails β€” the old per-card credit prompts are gone.

🚦 API rate limiting

  • Per-minute limits by plan: The public image API (POST /api/v1/images/generate) now enforces a per-minute rate limit β€” Free 10, Creator 20, Pro 60, Automation 300, Enterprise unlimited.
  • Standard headers: Every response carries X-RateLimit-Limit, X-RateLimit-Remaining and X-RateLimit-Reset; over-limit calls return 429 with Retry-After.
  • Fail-open: If the rate-limit store is briefly unavailable, legitimate requests are never blocked.

✨ Unified tool headers

  • Every tool page now shares one branded header, so the layout reads consistently as you move between converters.
Markdown to DOCX Converter
v3.1.0

Markdown to Image Updates: Markdown to DOCX Converter

Hot on the heels of PDF, you can now turn Markdown straight into a truly editable Word document (.docx). Open it in Word, Pages, WPS or LibreOffice β€” every block stays editable.

πŸ“ Markdown to DOCX Converter

  • One-step conversion: Open /markdown-to-docx, paste your .md content (or drop a file), hit "Save DOCX".
  • Truly editable: Headings, paragraphs, lists, blockquotes and tables come through as native Word objects β€” change fonts, restyle the table, apply your own theme, exactly like a docx you wrote from scratch.
  • Equations as objects: KaTeX math is embedded as native OMML, so you can open it in Word's equation editor and edit it directly. Not an image.
  • Highlighted code: Code blocks are tokenized with shiki and written line-by-line into docx with a light grey background and GitHub-light coloring. Every line stays selectable and copyable.
  • Diagrams and images: Mermaid diagrams and remote images are pre-rendered server-side and embedded into the file β€” open it offline and nothing disappears.
  • 4 style presets: Default, APA 7th, IEEE, and GB/T 7714 (Chinese national standard). One click swaps font, line spacing, paper size and margins; you can also tweak body font, size, line spacing and all four margins on top of any preset.
  • Watermark removal: Free accounts get a docx with a footer URL; signed-in accounts can spend 1 credit to drop the URL and keep just the page numbers ("1 / 4", auto-updating when the document reflows).
Markdown to PDF Converter
v3.0.0

Markdown to Image Updates: Markdown to PDF Converter

You can now turn Markdown straight into a polished PDF in seconds β€” no install, no template setup, no command line. Just paste your Markdown and click PDF.

πŸ“„ Markdown to PDF Converter

  • One-step conversion: Open /markdown-to-pdf, paste your .md content (or drop a file), click PDF β€” that's it.
  • Everything carries over: Headings, syntax-highlighted code blocks, KaTeX math, Mermaid diagrams, tables, embedded images and task lists all survive the export.
  • Pick the look: Choose your theme, font and document width before exporting; both light and dark themes work for printing.
  • Free, no signup: Free accounts get watermark-free PDFs. Your input is processed in memory and never stored.
  • Available in your language: Fully localized in English, δΈ­ζ–‡, Deutsch, EspaΓ±ol, PortuguΓͺs and ζ—₯本θͺž.
Smart Content Detection & Tool Redirection
v2.9.0

Markdown to Image Updates: Smart Content Detection & Tool Redirection

We've introduced a Smart Content Detection feature across all converter tools! If you accidentally paste HTML into the Markdown tool, or Python code into the HTML tool, the system will now automatically detect the content type and suggest switching to the correct tool.

🧠 Smart Detection Engine

  • Multi-format Recognition: Accurately identifies Mermaid diagrams, raw HTML/XML, source code (Python, JS, CSS, etc.), and LaTeX math formulas.
  • Structural Analysis: Uses intelligent regex and structural thresholds (e.g., brace density, semicolon count) rather than simple keyword matching.
  • Performance Optimized: Built with debounce logic to ensure real-time typing performance remains buttery smooth without blocking the main thread.

πŸ”„ Seamless Redirection

  • One-Click Switch: A sticky banner automatically appears when a mismatch is detected, offering a one-click redirect to the most appropriate tool.
  • State Preservation: Your drafted content is safely cached in sessionStorage during the redirect. Once the target tool loads, it instantly snaps your content right into the editor. No more copy-pasting back and forth!
SVG Rendering Support in Markdown
v2.8.0

Markdown to Image Updates: SVG Rendering Support in Markdown

You can now embed and render SVG graphics directly in your Markdown! Whether it's complex diagrams, animations, or custom vector artwork, everything renders perfectly.

🎨 SVG Rendering Support

  • Inline SVG Rendering: Paste <svg>...</svg> code directly into your Markdown, and it automatically renders as a visual graphic β€” fully preserving gradients, filters, clip paths, and CSS animations.
  • Code Display Mode: Use ```svg code blocks to display SVG source code with syntax highlighting, perfect for tutorials and documentation.
  • Perfect Fidelity: Bypasses the HTML5 parser's handling of XML namespaces (xmlns:xlink, xlink:href) and SVG-specific attributes (clip-path, filter), ensuring the rendered output matches the original SVG exactly.

Usage

  • Render SVG graphics: Paste complete SVG code (starting with <svg> and ending with </svg>) directly in the editor β€” it will automatically render as a visual graphic.
  • Display SVG source code: Wrap your SVG code between ```svg and ``` to display it with syntax highlighting.
HTML to Image Conversion Support
v2.7.0

Markdown to Image Updates: HTML to Image Conversion Support

We're excited to announce the launch of a highly requested feature: HTML to Image conversion! Now you can render raw HTML, complete with inline styles and complex layouts, directly into high-quality images.

🌐 HTML to Image Feature

  • Perfect Rendering: Supports modern CSS, flexbox, grid, and typography, accurately converted to image formats.
  • Export Options: Download your HTML snippets as PNG, JPEG, WebP, or PDF.
  • File Upload & URL Import: Easily import existing .html files or fetch HTML directly from any public URL.
  • API Support: Fully integrated with our /api/v1/images/generate endpoint for programmatic generation.
PlantUML, Infographic, Ruby Annotation & LaTeX Syntax Support
v2.6.0

Markdown to Image Updates: PlantUML, Infographic, Ruby Annotation & LaTeX Syntax Support

This update significantly expands the rendering engine with four new content format supports, covering more use cases for Markdown-to-image conversion.

πŸ“Š PlantUML Diagram Support

  • Use ```plantuml code blocks to render UML diagrams (sequence, class, use case, activity diagrams, etc.).
  • Powered by the PlantUML public server, producing high-quality SVG output with no local Java installation required.

πŸ“ˆ AntV Infographic Support

  • Use ```infographic code blocks to render infographic visualizations.
  • Integrates the AntV Infographic engine with ~200 built-in infographic templates.
  • Supports list, flow, comparison, and many other layout types.

πŸ”€ Ruby Annotation

  • Two syntax options: [text]{annotation} and [text]^(annotation).
  • Mono ruby: when character count matches syllable count, each character is individually annotated.
  • Smart matching: truncates extra syllables when they exceed characters; wraps as a group when characters exceed syllables.
  • Supports spaces, Β·, and ・ as syllable delimiters.

✏️ LaTeX Standard Delimiters

  • Added support for \(...\) inline math and \[...\] display math syntax.
  • Automatically converted to remark-math compatible format, working alongside existing $...$ / $$...$$ syntax.
MCP Server β€” Use with Claude, Cursor & AI Agents
v2.5.0

Markdown to Image Updates: MCP Server β€” Use with Claude, Cursor & AI Agents

We've launched the official MCP Server for MarkdownToImage! Now you can convert Markdown to images directly from Claude Desktop, Cursor, or any MCP-compatible AI client β€” no code required.

πŸ€– MCP Server (markdowntoimage-mcp)

  • Published on npm: Install instantly with npx markdowntoimage-mcp β€” zero configuration, just add your API token.
  • Two Tools Available:
    • generate_image β€” Convert Markdown to PNG/JPEG/WebP with full parameter support (themes, code styles, fonts, width, quality).
    • get_usage β€” Check your monthly API quota and credit balance.
  • Rich Parameter Descriptions: The tool schema includes all available theme, code style, and font options, helping AI models select the best settings automatically.
  • Stdio Transport: Works out of the box with Claude Desktop, Cursor, and other MCP clients via standard I/O.

⚑ Quick Setup (Claude Desktop)

Add this to your claude_desktop_config.json:

{
  "mcpServers": {
    "markdowntoimage": {
      "command": "npx",
      "args": ["-y", "markdowntoimage-mcp"],
      "env": {
        "MTI_API_TOKEN": "mti_your_token_here"
      }
    }
  }
}

Then just ask Claude: "Convert this markdown to an image" β€” it handles the rest.

Public API & Token Authentication
v2.4.0

Markdown to Image Updates: Public API & Token Authentication

We're excited to announce the launch of our Public API! Now you can convert Markdown to images programmatically, enabling seamless integration into your workflows, CI/CD pipelines, and AI agents.

πŸš€ Public API (v1)

  • Image Generation API: POST /api/v1/images/generate β€” Convert Markdown to PNG, JPEG, or WebP images with full support for code highlighting, KaTeX math, Mermaid diagrams, and 19 visual themes.
  • Usage Statistics API: GET /api/v1/account/usage β€” Track your monthly quota and credit balance in real time.
  • MCP-Compatible Schema: GET /api/v1/schema β€” API schema in MCP (Model Context Protocol) tool definition format, ready for AI agent integration.
  • Two Response Modes: Choose between url mode (temporary image URL, retained for 24 hours) or binary mode (raw image data).

πŸ”‘ Token Authentication System

  • Secure Token Management: Create, list, and revoke API tokens from your profile page. Tokens are stored as SHA-256 hashes β€” your secret is shown only once upon creation.
  • Bearer Token Auth: Simple Authorization: Bearer mti_xxx header for all API calls.

πŸ’° Quota & Watermark Policy

  • 50 Free Requests/Month: Every account gets 50 free API calls per month (images include a watermark).
  • Credit-Based Requests: After the free quota, each request costs 1 credit and the watermark is automatically removed.
  • Usage Dashboard: Monitor your free quota and credit balance on the API Tokens page.

πŸ“– API Documentation & Developer Experience

  • Interactive API Docs: A new /api-docs page with endpoint documentation, parameter references (including all valid values for themes, code styles, and fonts), and code examples in cURL, Python, Node.js, and Go.
  • API Announcement Banner: A site-wide banner notifying users about the new API availability.

πŸ› Bug Fixes

  • Theme Rendering Fix: Fixed an issue where the theme parameter had no effect on API-generated images. All 19 themes now apply correctly.
  • Font Rendering Fix: Fixed an issue where fontFamily parameter (e.g., inter, japanese) was loaded but not applied. Google Fonts now correctly set the CSS font-family property.
Visual Polish & Localization Optimization
v2.3.0

Markdown to Image Updates: Visual Polish & Localization Optimization

We've focused on refining the visual experience and ensuring robust localization support across all languages. Here's what's new:

🎨 Visual Improvements

  • Homepage Title Optimization: Refined the homepage title typography to ensure perfect visibility of all characters while maintaining a sleek, tight aesthetic.
  • AdSense Layout Fixes: Resolved layout issues on ultra-wide screens (>2560px) where the navigation header could obscure sidebar content.
  • Duplicate H1 Removal: Optimized page structure for better SEO by ensuring a single, semantic H1 tag on converter and markdown-to-cards pages.

🌍 Localization (i18n) Upgrades

  • Modular Translation System: Refactored the entire localization system, splitting large JSON files into modular components for better maintainability and faster loading.
  • Complete Language Support: Added comprehensive translation files for the explore feature across all supported languages (Chinese, English, Spanish, German, Portuguese, Japanese).
  • Missing Message Fixes: Fixed various MISSING_MESSAGE errors in Spanish, Chinese, and other locales to ensure a seamless localized experience.

✨ Other Fixes

  • Sample Content Updates: Updated sample markdown templates to follow best practices for heading hierarchy.
  • Performance: Optimized load times by reducing translation bundle sizes.
Font Optimization, Formula Centering & Code Formatting
v2.2.0

Markdown to Image Updates: Font Optimization, Formula Centering & Code Formatting

This update brings significant font loading optimizations, multilingual fixes, and a new User Media Library:

✨ New Features & Improvements

  • User Media Library: Added a user media library to automatically save uploaded file records for easy management and reuse.
  • Formula Centering: Added a setting to toggle formula centering, offering more flexibility in math formula layout.
  • Watermark Optimization: Added "created by markdowntoimage.com" watermark to images generated in Code, Mermaid, and Formula modes.
  • Code Formatting: Optimized the formatting of code blocks.

πŸ› Fixes & Optimizations

  • Font Loading Optimization:
    • Resolved font loading issues and adjusted dynamic font loading strategy.
    • Fixed font loading for Markdown to Cards.
    • Fixed inconsistency between preview font selection and frontend selection.
    • Fixed document undefined error during page initialization.
  • Multilingual Fixes: Fixed missing translation keys in multilingual environments.
Card Mode, Theme Customization, and More
v2.1.0

Markdown to Image Updates: Card Mode, Theme Customization, and More

Hello everyone! In the past few days, we've released a series of updates to Markdown to Image, bringing many exciting new features and improvements. Here are the highlights:

πŸš€ New Feature: Markdown to Cards

We've launched the brand new Markdown to Cards feature! Now you can easily convert Markdown text into beautiful social media sharing cards.

  • Multiple Layouts: Offers various preset card styles to meet different needs.
  • Smart Typography: Automatically optimizes the display of long text on cards.
  • Social Sharing: Generated image sizes are perfectly adapted for platforms like Twitter, Instagram, and Xiaohongshu.

🎨 Deep Theme Customization

To make the generated images better match your brand or personal style, we've significantly enhanced theme customization capabilities:

  • Color Customization: You can now freely modify the colors of headings, body text, links, and emphasized text, no longer limited to preset themes.
  • Font Selection: Added a variety of selected fonts to support richer Chinese and English mixed layout effects.
  • Background Images: Supports uploading custom background images, with Overlay and Blur options to make text clearer.

🌍 Internationalization Upgrades

  • Japanese Support Added: We've officially added Japanese support! πŸ‡―πŸ‡΅
  • Translation Optimization: Comprehensively checked and fixed missing translations (i18n) to improve the user experience in multi-language environments.

πŸ› οΈ Other Improvements and Fixes

  • Logo Display: Fixed the issue where the Logo position was offset in some themes.
  • Performance Optimization: Optimized the performance and stability of Batch Images generation.
  • Preview Optimization: Fixed issues where preview caching could cause old content to remain.
  • Experience Details: Added a "Powered by" link display to help users learn more.

Come and experience these new features! If you have any suggestions or encounter any issues, please feel free to provide feedback.

β€” End of System Log. The journey continues... β€”
System Updates | Markdown to Image | MarkdownToImage