🧑💻代码截图生成器 - 在线把代码变成漂亮图片(类 Carbon)
在公众号、PPT、技术博客或社交媒体里分享代码时,直接截编辑器往往又糊又乱。把代码粘贴进来,工具会自动识别语言并做语法高亮(支持 JavaScript、TypeScript、Python、Go、Java、C、C++、Rust、SQL、HTML、CSS、JSON、Bash、YAML),实时预览成一张带窗口外框的精美图片。可以选择 Dracula、One Dark、Monokai、Nord、GitHub、Night Owl、Solarized 等 10 套深色与浅色配色,macOS 三色圆点或 Windows 标题栏,填写文件名作为标题,开关行号并指定起始行号,调节字号、外边距、圆角和投影;背景可选 10 种渐变、任意纯色或透明。宽度可以自适应最长一行,也可以固定宽度让长行自动折行。导出 PNG 时可选 1x、2x、4x 倍率,适合高分屏和印刷;也能导出矢量 SVG,或一键复制图片直接粘贴到聊天工具。代码中的中文注释和 emoji 都能正常显示。全部在浏览器本地完成,代码不会上传。
免费 · 无需注册 · 浏览器本地处理最后更新:
正在加载工具...
如何使用代码截图美化
- 1把代码粘贴到编辑框,语言会自动识别(也可手动选择)
- 2选择配色主题、窗口样式、背景、字号与边距,右侧实时预览
- 3选择倍率后下载 PNG、下载 SVG,或直接复制图片
常见问题
- 和 Carbon、ray.so 有什么区别?
- 效果类似:都是把代码渲染成带窗口外框和背景的图片。本工具完全在浏览器本地渲染,不需要联网加载字体和服务,界面是中文,代码里的中文注释也能正常排版,并且可以导出 SVG。
- 语言识别不准怎么办?
- 自动识别是根据关键字和语法特征打分的,片段很短时可能判断错。直接在“语言”下拉框里手动选择即可,高亮会立刻更新。
- 导出的图片不够清晰?
- 把导出倍率改成 2x 或 4x,图片分辨率会成倍提高,在高分屏、PPT 和打印时都很清晰;需要无限缩放可以导出 SVG。代码特别长时,为避免超出浏览器画布上限,会自动降低倍率。
- SVG 在别的电脑上字体不一样?
- SVG 里的文字使用等宽字体栈(SF Mono、Menlo、Consolas 等),在没有这些字体的设备上会换成系统默认等宽字体,排版可能略有差异。要求像素级一致时请使用 PNG。