代码转图片
在浏览器中将代码片段转换为语法高亮图片，支持 20 多种语言、自定义主题与背景、行号，以及 PNG 或 SVG 导出。
正在加载工具…
代码转图片 — 粘贴代码片段，选择语言（或让自动检测代你判断），用主题、渐变、纯色、自定义或透明背景、可调等宽字体、行号和可编辑的窗口标题来装扮 Carbon 风格的代码卡片。可将其导出为 1x–3x 的 PNG 或 SVG，或直接把图片复制到剪贴板。语法高亮（Prism）与图片捕获（html-to-image）都完全在浏览器中运行，代码绝不会被上传。
代码转图片 是什么？
代码转图片是一款免费的浏览器工具，可将代码片段变成可分享的图片——一张带语法高亮的精美代码卡片，可放入博客文章、幻灯片、README 或社交帖子。它支持 20 多种语言，包括 JavaScript、TypeScript、Python、Go、Rust、Java、SQL 等，并提供可选的自动检测，从代码中推断语言。你可以用七款主题之一、预设渐变、自定义颜色或渐变、或透明背景来装扮卡片，再微调等宽字体、字号、内边距、行号、窗口标题和输出宽度。卡片随编辑实时渲染，并可导出为 1x、2x、3x 的 PNG，保存为 SVG，或复制到剪贴板。
如何使用 代码转图片
- 粘贴或输入代码，或在工作区中将其他工具的文本输出连接到输入端口。
- 选择匹配的语言，或在“设置”中开启自动检测，让工具从代码中推断语言。
- 在“设置”中选择主题和背景——预设渐变、自定义纯色或渐变，或透明。
- 按喜好微调等宽字体、字号、内边距、行号、窗口标题和输出宽度。
- 随编辑实时查看预览；点击预览可在缩放视图中放大。
- 将卡片导出为 1x–3x 的 PNG、下载为 SVG，或将图片复制到剪贴板。
示例
带行号的 Go 片段
粘贴一个 Go 函数，开启自动检测让工具替你选择语言，启用行号，选择 Nord 主题，为教程导出一张 2x PNG。
使用自定义渐变的品牌卡片
将背景设为自定义渐变，选择品牌的两种颜色和角度，添加类似 app.tsx 的窗口标题，然后直接把图片复制到剪贴板。
用于文档的可缩放 SVG
选择 Snow 浅色主题，设置输出宽度，下载 SVG，让代码卡片在文档中以任意尺寸都保持清晰。
常见问题
- 它能高亮哪些语言？
- 20 多种，包括 JavaScript、TypeScript、JSX/TSX、HTML、CSS、JSON、Python、Bash、Java、C、C++、C#、Go、Rust、Ruby、PHP、SQL、YAML、Markdown、Kotlin、Swift 和 GraphQL。可从下拉菜单选择，或开启自动检测让工具从代码中推断语言。
- 我可以导出什么，画质如何？
- 可导出 1x、2x 或 3x 像素密度的 PNG，保存矢量 SVG，或直接把图片复制到剪贴板。选择透明背景时，PNG 会保留 Alpha 通道，卡片背后没有任何背景。
- 我可以更改卡片的外观吗？
- 可以。在七款主题之间切换，选择预设渐变、自定义纯色或渐变，或透明背景，并调整等宽字体、字号、内边距、行号、可编辑的窗口标题和输出宽度。
- 我的代码会被上传吗？
- 不会。语法高亮（Prism）和图片捕获（html-to-image）都在你的浏览器中 100% 本地运行。你的代码绝不会被上传、发送到我们的服务器或被分享，因此即便是专有代码也始终保留在你的设备上。
- 为什么在工具页面要点击下载后图片才出现？
- 在独立页面上，PNG 会在你点击下载、复制图片或下载 SVG 时生成，因此输入时不会每敲一个键就重新捕获图片。带样式的预览仍会实时更新；在工作区中 PNG 会自动重建，以便传给下一个工具。