代码图片生成器

工具简介

一个在线代码图片生成工具,把代码片段转成漂亮的分享图片。支持 10 种编程语言的语法高亮、6 种编辑器主题、12 种渐变背景,还有 macOS/Windows/极简三种窗口样式。导出的 PNG 是 2x 分辨率,适合直接发社交媒体和博客。

功能说明

语法高亮:支持 JavaScript、TypeScript、HTML、CSS、Python、SQL、JSON、Bash、Java、C/C++ 共 10 种语言。

编辑器主题:内置 VS Code Dark、GitHub Light、Monokai、Dracula、One Dark、Nord 六种配色。

渐变背景:12 种背景可选,包含纯色和渐变,从日落暖色到极光冷调都有。

窗口样式:macOS 经典三色按钮、Windows 标题栏、极简无边框三种风格。

一键导出:导出 2x 高清 PNG 图片,也可以直接复制图片到剪贴板。

使用方法

  1. 选择编程语言,工具会自动加载对应语言的示例代码。
  2. 在左侧输入或粘贴你的代码。
  3. 调整主题、背景、窗口样式、字体大小等参数,右侧实时预览效果。
  4. 点击”导出 PNG”下载图片,或点击”复制图片”粘贴到其他地方。

快捷键:Ctrl/Cmd + S 快速导出。

隐私说明

所有数据处理都在浏览器中完成,不会上传到服务器。无需注册登录,不存储任何用户数据,关闭页面后数据自动清除。

常见问题

和 Carbon 有什么区别? 功能类似,但这个工具完全在浏览器本地运行,不需要访问外部 API,隐私更安全。

导出的图片分辨率够高吗? 导出的 PNG 是 2x 分辨率(Retina 级别),在社交媒体和博客中使用完全够用。

支持自定义代码主题吗? 目前提供 6 种预设主题,可以根据需求后续添加更多。

最多支持多少行代码? 理论上没有限制,但建议控制在 200 行以内,过长的代码会影响导出效果和性能。

为什么选择这个工具?

🆓

完全免费

  • 无需注册登录
  • 无使用次数限制
  • 永久免费使用
🔒

隐私安全

  • 数据完全本地处理
  • 不上传任何服务器
  • 不存储用户数据

高效便捷

  • 无需安装软件
  • 实时预览效果
  • 一键导出高清 PNG
🎨

丰富样式

  • 6 种编辑器主题
  • 12 种渐变背景
  • 3 种窗口样式