Pack Camo

代码转图片工具

把代码变成精美图片:语法高亮、窗口外框、渐变背景,支持 PNG、JPEG、WebP 或 SVG。

所有处理都在本地完成,不会上传任何内容。

code.png

把代码分享成一张易读的图片

粘贴一段代码,即可得到一张精致的图片:用编辑器主题进行语法高亮,套上 macOS 或 Windows 窗口,放在渐变或纯色背景上。这样的图片放在推文、幻灯片、博客文章或文档里都很好读——而且它在你的浏览器中绘制,代码永远不会被上传。

如何把代码转成图片

  1. 1粘贴或输入代码。语言会自动识别,你也可以自己选择。
  2. 2选择主题、字体、字号和行高,需要的话打开行号。
  3. 3选择窗口样式——macOS、Windows 或无——并填写一个文件名作为标题。
  4. 4选择渐变、纯色或透明背景,以及窗口四周的内边距大小。
  5. 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 在任何地方看起来都一样。
代码量有上限吗?
没有固定上限,但很长或很宽的代码会生成很大的图片,部分浏览器在高倍率下无法生成。如果导出失败,请降低倍率或删减代码片段。
我的代码会被上传吗?
不会。代码在你的浏览器中高亮和绘制,始终不会离开你的设备。