代码截图生成器

生成带语法高亮的代码截图,并导出为 SVG、PNG、JPEG、WebP 或 HTML

代码

粘贴要转换成图片的代码片段

语法

选择高亮、语言检测和配色主题

语言
Auto
主题

背景

设置代码卡片的画布背景

预设

窗口

选择窗口控件样式和行号显示方式

布局

调整间距、字号、圆角和制表符宽度

功能说明

将代码片段生成带语法高亮的图片,可导出为 SVG、PNG、JPEG、WebP 或独立 HTML。全部处理在浏览器中完成,支持选择主题并调整窗口样式

适用场景

当文档图片、发布说明、博客文章、演示文稿、社交预览和错误报告中,带样式的代码片段比纯文本更易浏览时,可以使用它。SVG 和 HTML 导出适合文档,能保持清晰;PNG、JPEG 和 WebP 则适用于需要位图图片的工具

导出建议

选择最接近的语言,或让语言检测保持自动,然后选择一个在目标场景中对比度足够的主题。当代码片段会在讨论中被引用时保留行号;如果需要用于其他设计的透明素材,请关闭外部背景

隐私与限制

代码片段会在页面本地处理,不会由此工具上传。非常大的文件可能会让高亮和位图导出变慢,因此请在导出前将代码片段裁剪到你想展示的行

使用方法

粘贴代码,选择语言和视觉样式,调整窗口与布局,然后下载 PNG、JPEG、WebP、SVG 或 HTML