图形 / 代码

代码截图生成器:将代码转换为清晰图片

为幻灯片、文档或社交媒体帖子制作精美的代码片段图片:支持17种语言的语法配色、4种主题、带标题的窗口边框、行号,以及渐变或透明背景;可保存为清晰的PNG或SVG,代码始终留在浏览器中。

代码截图生成器:将代码转换为清晰图片: 内置的轻量级高亮器会将代码拆分为关键字、字符串、注释、数字、函数名和类型,然后使用等宽字体逐行排版为SVG,并加上类似编辑器窗口的边框。PNG会以原始尺寸的1倍、2倍或3倍从该SVG绘制而成,因此在高分辨率屏幕上也能保持清晰。 完全在浏览器中本地运行,文件不会上传到服务器。

使用次数
在浏览器中
费用
免费·无需注册
可用性
可直接使用
代码截图工作台本地处理

完全在浏览器中运行

任何内容都不会离开您的浏览器。SVG会指定等宽字体,而不是嵌入字体,因此在生成它的电脑上显示效果最佳;PNG是固定的。

易读的代码图片

代码片段应保持简短,约10到25行,宽度不超过80个字符,这样图片在信息流或幻灯片中缩小后,文本仍然清晰易读。

无障碍访问

代码图片无法复制,也无法被屏幕阅读器读取。在可以的情况下,请将代码本身放入替代文本中,或放在图片旁边。

使用方法

  1. 粘贴代码。
  2. 选择语言、主题、窗口样式和背景。
  3. 将图片下载为PNG或SVG。

隐私与限制

你的代码会留在浏览器中,绝不会上传。

相关工具

常见问题

支持高亮哪些语言?

JavaScript、TypeScript、Python、Go、Rust、Java、C、C++、C#、PHP、Ruby、SQL、CSS、HTML、JSON、Bash和YAML。工具会根据代码猜测语言,你也可以手动选择。

为什么SVG在另一台电脑上看起来不同?

SVG只指定字体名称,不会嵌入字体,因此另一台电脑可能会使用自己的等宽字体。PNG在所有设备上的显示效果都一样。

可以将背景设为透明吗?

可以:选择“无”,PNG就会在窗口周围保留透明背景。

免费工具·使用在浏览器中次·无需账户