把代码分享成一张易读的图片
粘贴一段代码,即可得到一张精致的图片:用编辑器主题进行语法高亮,套上 macOS 或 Windows 窗口,放在渐变或纯色背景上。这样的图片放在推文、幻灯片、博客文章或文档里都很好读——而且它在你的浏览器中绘制,代码永远不会被上传。
如何把代码转成图片
- 1粘贴或输入代码。语言会自动识别,你也可以自己选择。
- 2选择主题、字体、字号和行高,需要的话打开行号。
- 3选择窗口样式——macOS、Windows 或无——并填写一个文件名作为标题。
- 4选择渐变、纯色或透明背景,以及窗口四周的内边距大小。
- 5以 1× 到 4× 下载 PNG、JPEG 或 WebP,或下载 SVG;也可以把图片直接复制到剪贴板。
任何尺寸都清晰
图片默认以 2× 导出,在高分辨率屏幕和幻灯片中都保持清晰。打印或超大屏幕可提高到 4×。
SVG 把代码保留为真正的文本:可无限缩放且体积小,但会使用打开它的人电脑上的字体来显示。
语言与主题
- 语言
- JavaScript、TypeScript、Python、Java、C、C++、C#、Go、Rust、PHP、Ruby、Swift、Kotlin、Dart、SQL、Bash、PowerShell、HTML、CSS、SCSS、JSON、YAML、Markdown、Dockerfile、Lua、R 以及纯文本。
- 主题
- Dracula、One Dark、GitHub Dark、GitHub Light、Monokai、Nord、Night Owl 和 Solarized Light。
代码始终留在你的设备上
高亮和绘制都在浏览器中完成,因此可以放心粘贴私有或未发布的代码。无需账号,也没有水印。
想先整理代码,可以用代码压缩与格式化工具处理;想把图片放到设备上,请使用设备样机生成器。
常见问题
- 这和 Carbon 类似吗?
- 是的——它生成同类图片:在背景上的窗口中显示高亮代码。它完全在你的浏览器中运行,不会上传代码。
- 可以把背景设为透明吗?
- 可以。在“背景”中选择“无”,然后导出为 PNG、WebP 或 SVG。JPEG 不支持透明,所以会用白色填充。
- 为什么 SVG 在另一台电脑上看起来略有不同?
- SVG 中的文字使用打开它的电脑上已安装的字体来绘制。如果缺少所选字体,会用相似的等宽字体代替。PNG、JPEG 和 WebP 在任何地方看起来都一样。
- 代码量有上限吗?
- 没有固定上限,但很长或很宽的代码会生成很大的图片,部分浏览器在高倍率下无法生成。如果导出失败,请降低倍率或删减代码片段。
- 我的代码会被上传吗?
- 不会。代码在你的浏览器中高亮和绘制,始终不会离开你的设备。