缩放不产生像素模糊
矢量输出在移动文章、宽版文档、高分屏和演示画布中都能保持清晰。
SVG 导出
∑
LaTeX 转 SVG 工具
在浏览器本地将 LaTeX 公式转换为清晰 SVG 图片，适合网页、Markdown、文档和设计工具。
本地渲染
LaTeX 公式编辑器
输入或粘贴 LaTeX 公式。
点击替换编辑器
PNG、SVG、JPG、JPEG 预览
调整外观并导出图片。
正在加载 MathJax...
正在加载 MathJax尺寸：-- x --px
公式颜色
SVG 导出
适合网页、Markdown 和设计工具的清晰矢量公式
当公式需要在任何尺寸下保持清楚，或需要复制为技术发布流程中的标记时，SVG 是最合适的格式。
为什么选 SVG
SVG 公式图片的优势
当清晰度、响应式显示和矢量工作流比通用上传兼容性更重要时，优先使用 SVG。
可以复制为标记
当文档系统、静态站点或代码流程允许内联 SVG 时，可以直接复制 SVG 标记。
透明放置更自然
SVG 可以叠放在页面背景、设计画布和主题化文档中，不必先压平成固定画布。
使用流程
生成 SVG 公式图片
用 MathJax 在本地渲染公式，确认结果后选择下载文件或复制 SVG 标记。
粘贴 MathJax 公式
移除完整文档导言区，只保留需要导出的公式或数学环境。
设置最终使用的颜色
根据网页、文档主题或设计画布选择有足够对比度的公式颜色。
下载或复制 SVG
资产库和设计工具适合下载文件，文档或代码流程支持 SVG 时可以复制标记。
推荐设置
推荐的 SVG 设置
SVG 是矢量输出，设置重点在标记用途、对比度和目标平台策略。
文档和网站
SVG markup / transparent background
复制 SVG 或下载文件后，在目标系统里用 CSS 或图片尺寸控制显示宽度。
设计交付
SVG file / final formula color
导出前先设定颜色，导入设计工具后能更贴合周围视觉系统。
严格的 CMS 上传
先确认 SVG 策略
部分 CMS 会出于安全原因移除或禁止 SVG；如果被过滤，改用 PNG。
FAQ
SVG 转换常见问题
关于矢量公式导出和复制 SVG 标记的格式问题。
为什么选择 SVG 而不是 PNG？
SVG 在显示尺寸变化时仍然清晰。PNG 更容易上传，但响应式网页和长期文档通常更适合 SVG。公式需要适配不同屏幕宽度时，SVG 的优势更明显。
复制的 SVG 能直接放进 Markdown 吗？
只有当 Markdown 渲染器或文档系统允许内联 SVG 时才可以。如果会被过滤，可以下载文件或改用 PNG。提交到文档仓库前也建议像普通标记一样检查一遍。
SVG 导出会编译完整 LaTeX 文档吗？
不会。它导出 MathJax 兼容的公式和常见数学环境，不处理完整 TeX 项目、TikZ 或任意宏包。如果公式依赖自定义宏，需要先展开成标准 LaTeX。
SVG 在所有 CMS 或建站工具里都能用吗？
不一定。部分平台会出于安全原因禁止上传 SVG，或保存时移除内联 SVG 标记。如果遇到这种限制，可以尝试上传文件版 SVG，或改用 PNG。
导出的 SVG 应该怎样控制尺寸？
优先在目标系统里用 CSS、Markdown 图片尺寸或编辑器控件控制显示宽度。不要随意手改 SVG 内部结构，除非目标平台明确要求这样处理。
复制 SVG 到代码仓库安全吗？
复制 SVG 本质上是在复制标记，提交前应该像检查 HTML 一样检查它。导出过程在本地完成，但最终是否允许 SVG 仍取决于仓库和发布系统策略。
相关工具
必要时选择位图格式
有些目标平台会拒绝 SVG，即使矢量效果更好。