Markdown 转换 PNG/JPG 图片步骤教程
轻松将排版精美的 Markdown 文本及数学公式一键导出为高清 PNG / JPG 格式,方便用于多平台分享。
🖼️ 导出格式选择:PNG 还是 JPG?
本编辑器支持两种常用的图形导出格式,您可以根据以下场景进行选择:
- PNG 格式 (.png):采用无损压缩。画质极其清晰,文本边缘锐利无杂色,且完美支持透明通道(透明背景),是技术博客配图、PPT 汇报插图和微信公众号排版的最佳选择。
- JPG 格式 (.jpg):采用高压缩比率算法,文件体积非常小。特别适合直接发送给微信好友、QQ 群、或者直接作为长微博长图分享,加载速度极快且节省流量。
🚀 一键转换导出图片的步骤
1
确认排版已全部渲染
由于截图引擎需要读取当前浏览器视窗中的 DOM 渲染数据,在点击导出前,建议在编辑器中快速由上至下滚动一遍,确保复杂的 Mermaid 图表和公式均已渲染完毕。
2
进入导出栏并选择格式
点击右上角操作栏的 “导出文件” 按钮,根据您的需要,在弹出的面板中点击 “导出 PNG 图片 (.png)” 或 “导出 JPG 图片 (.jpg)”。
3
图片自动合成与下载
系统会弹出一个“导出图片”对话框并显示广告。底层的
html-to-image 引擎会开始对编辑器可视区域进行无缝像素合成。约 1.5 秒后,浏览器会自动下载生成的超清图片,文件名为 [原文件名]_it365.janqi.com__[图片格式]。
🎨 导出图片背景颜色跟随技巧
导出的图片背景色会自动对齐您当前所用的编辑器主题:- 如果您在使用 “暗黑模式”,导出的图片将呈酷炫的深蓝色背景。
- 如果需要经典的 “纯白背景”,只需在导出前将编辑器切换为 “浅色模式” 即可。