Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>Markdown Image ConverterNew to Visual Studio Code? Get it now.
Markdown Image Converter

Markdown Image Converter

ryuya

|
217 installs
| (1) | Free
Convert Markdown files to images (PNG/JPEG) directly in VS Code
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Markdown Image Converter

Convert your markdown files to PNG/JPEG images directly in VS Code. Perfect for creating social media posts, documentation screenshots, or visual content from your markdown files.

✨ Features

  • 🖼️ One-Click Conversion: Convert any markdown file to PNG/JPEG with a single command
  • 📱 Multiple Output Formats: Support for PNG and JPEG formats with customizable quality settings
  • 🎨 Zenn-style Formatting: Beautiful output using Zenn's markdown styling
  • 📏 Resolution Options: Choose between standard and HD quality outputs
  • ⚡ Split Mode: Split and convert markdown sections using customizable delimiters (e.g., ---)
  • 🎯 Flexible Output: Customizable output directory and file naming

Demo

convert markdown to image

📦 Installation

  1. Open VS Code
  2. Press Ctrl+P / Cmd+P
  3. Type ext install ryuya.markdown-image-converter
  4. Press Enter

🚀 Quick Start

  1. Open any markdown file
  2. Use the command palette (Ctrl+Shift+P / Cmd+Shift+P) and type "Convert to Image"
  3. Choose your desired output format (PNG/JPEG)
  4. The image will be generated based on your settings

⚙️ Extension Settings

This extension contributes the following settings:

Setting Type Default Description
markdown-image-converter.outputFormat string "png" Default output format ("png" or "jpeg")
markdown-image-converter.resolution string "standard" Output resolution ("standard" or "hd")
markdown-image-converter.outputPath string "" Custom output directory pattern (e.g., "images/{format}")
markdown-image-converter.splitter string "" Delimiter to split markdown sections (e.g., "---")

⌨️ Commands

Command Description
markdown-image-converter.exportPNG Convert to PNG
markdown-image-converter.exportJPEG Convert to JPEG

🔍 Known Issues @ Roadmap

  • Large markdown files may take longer to convert
  • Katex, mermaid, other embeded elements rendering is under development

📝 Release Notes

0.0.1 (2025-02-09)

  • 🎉 Initial release
  • ✨ Basic markdown to PNG/JPEG conversion
  • 🎨 Zenn-style markdown rendering
  • 📏 Standard and HD resolution support
  • ⚡ Section splitting support
  • 🛠️ Customizable output settings

📚 Resources

  • Zenn Markdown Guide
  • Zenn Content CSS

📄 License

This project is licensed under the MIT License - see the LICENSE file for details.


🌟 Enjoying the extension? Rate it on the marketplace!

Found a bug? Please open an issue.

Made with ❤️ by Ryuya

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft