代码生成图片
将代码片段转换为带语法高亮的精美图片,适合社交媒体分享和技术博客配图
📝 代码编辑器
🎨 预览
什么是代码生成图片?
代码生成图片(Code to Image)是一款将代码片段转换为精美图片的工具。它将您输入的代码进行语法高亮,配合多种主题配色和排版样式,生成适合分享到社交媒体(Twitter、LinkedIn)或嵌入技术博文的高质量图片。
💡 所有处理均在浏览器本地完成,代码不会上传到任何服务器,请放心使用。
功能特点
- 10 种主题:从 Hyper 到 Ice,适配不同的展示风格
- 15+ 种编程语言:支持 JavaScript、Python、HTML、CSS、Java 等主流语言语法高亮
- 多种等宽字体:JetBrains Mono、Fira Code、Source Code Pro 等开发者常用字体
- 窗口装饰:模拟 macOS 代码窗口风格,带三点按钮和标题栏
- 行号显示:可选择显示行号,便于代码引用
- 水印设置:可添加自定义水印文字,保护您的原创内容
- 格式代码:一键整理代码缩进,让代码更加美观
- 多种导出:支持 PNG/SVG 格式下载,也可直接复制到剪贴板
使用步骤
- 1. 在左侧编辑器输入或粘贴代码
- 2. 选择主题、语言、字体等样式参数
- 3. 右侧实时预览效果,可根据需要调整
- 4. 点击「下载 PNG」或「复制到剪贴板」导出