代码截图
把代码生成带语法高亮的精美图片
- 文件不会离开你的设备
- 在浏览器本地运行
- 免费、免注册、无水印
预览
点击预览中的某一行即可高亮该行。
正在加载语法高亮…
如何使用代码截图
把代码变成带语法高亮、窗口边框、主题和背景的图片，可下载 PNG、SVG 或复制到剪贴板。支持 27 种语言和纯文本，能自动识别语言，高亮在浏览器中完成。
- 1
把代码粘贴到「代码」框里，或点「示例」先看看效果。
- 2
「语言」保持「自动识别」或手动选择，并在「标题」里填写文件名等。
- 3
在「高亮行」里输入要突出的行（如 3, 5-7），也可以直接点击预览中的行；需要时打开「淡化其他行」。
- 4
在「外观」和「背景」里选择「主题」、「窗口样式」（macOS、Windows 或无）、字号、渐变或纯色背景以及边距。
- 5
在「导出」中设置「宽度」和「清晰度」，然后点「下载 PNG」、SVG 或「复制图片」。
常见问题
代码会被发送到服务器吗？
不会。高亮和绘制都在浏览器里完成。不过工具会把上一次的代码和设置保存在本浏览器的本地存储中，在公用电脑上用完请点「清空」。
支持哪些语言和主题？
支持 JavaScript、TypeScript、Python、Java、Go、Rust、C、C++、C#、PHP、Ruby、Swift、Kotlin、Dart、Scala、Lua、SQL、Shell、PowerShell、JSON、YAML、HTML / XML、CSS、SCSS、Markdown、Dockerfile、Diff 以及纯文本。主题有 One Dark、GitHub Dark、GitHub Light、Dracula、Nord、Monokai、Solarized Dark 和 Solarized Light。
PNG 和 SVG 有什么区别？
PNG 是 1×、2× 或 3× 分辨率的位图。SVG 中的代码保留为可选中的文字，放大也清晰，但显示时使用打开它的设备上已安装的字体。
代码行太长，图片变得很宽怎么办？
把「宽度」改成「固定」，在「图片宽度」里填 320 到 4000 像素之间的值，过长的行会自动换行。
背景可以是透明的吗？
可以。在「背景」里选「透明」，再下载 PNG 或 SVG。
它和「设备样机与截图美化」有什么不同？
本工具把你粘贴的代码当作文字来排版绘制。如果要给已有的 App 或网页截图加边框，请使用「设备样机与截图美化」。