代码转图片

什么是代码转图片？

代码转图片工具将代码片段生成为精美的、带有语法高亮的图片，适合在社交媒体、博客文章、演示文稿和文档中分享代码。支持 20+ 编程语言（JavaScript、Python、Java、C++、Go、Rust 等），多种主题（Dracula、Monokai、One Dark 等），可自定义字体、背景色、padding、阴影效果。输出 2x Retina 分辨率 PNG 图片，确保在所有设备上清晰显示。基于 Prism.js 语法高亮引擎。

使用场景

  • ◆在 Twitter/微博分享代码片段
  • ◆为技术博客文章创建代码截图
  • ◆制作演示文稿中的代码展示
  • ◆生成文档中的代码示例图片
  • ◆创建教程中的代码步骤图

如何使用？

  1. 1粘贴或输入代码
  2. 2选择编程语言和主题
  3. 3自定义字体、背景、阴影等样式
  4. 4点击下载生成 PNG 图片

功能特点

  • ✓免费使用
  • ✓20+ 编程语言
  • ✓多种主题
  • ✓2x Retina 分辨率
  • ✓自定义样式
  • ✓语法高亮
  • ✓一键下载
  • ✓浏览器本地处理

常见问题

支持哪些编程语言？

支持 20+ 编程语言，包括 JavaScript、TypeScript、Python、Java、C/C++、C#、Go、Rust、Ruby、PHP、Swift、Kotlin、SQL、HTML、CSS、Bash 等。

图片分辨率是多少？

输出 2x Retina 分辨率的 PNG 图片。例如显示尺寸为 600x400 的图片，实际输出为 1200x800 像素，确保在高分辨率屏幕上清晰显示。

可以自定义主题吗？

可以。支持多种内置主题（Dracula、Monokai、One Dark、Solarized 等），还可自定义背景色、字体大小、行间距、padding、圆角和阴影效果。

代码会被上传吗？

不会。所有图片生成都在您的浏览器本地完成，使用 Prism.js 和 Canvas API，代码不会发送到任何服务器。

这个工具免费吗？

完全免费，无需注册或登录。打开网页即可使用所有代码转图片功能。

可以添加行号吗？

可以。在设置中开启显示行号选项，会在代码左侧添加行号显示。