代码截图生成
在线代码截图生成工具，支持自定义标题、主题色与导出 PNG 图片。
67 个字符
预览卡片
snippet.ts
export function greet(name: string) {
return `Hello, ${name}!`;
}3
行数
dark
主题
10
标题长度
67
代码字符
使用说明
- 1 输入代码并设置标题与配色
- 2 实时预览截图卡片样式
- 3 导出 PNG 图片用于分享或文档
相关工具
代码着色/高亮
在线代码高亮工具，支持多种编程语言语法着色，基于highlight.js，纯浏览器端处理
Cron 表达式解析器（含时区热力图）
解析 Cron 表达式为人类可读描述，可视化字段含义，预览未来 10 次执行时间，并支持多时区对照与 30 天日历热力图。
CSS格式化/压缩
在线CSS代码格式化与压缩工具，支持缩进美化与去除空白
代码对比查看器
并排对比两段文本或代码的差异，新增/删除行高亮显示
HTML格式化/压缩
在线HTML代码格式化与压缩工具，支持缩进美化与去除空白
HTML预览/运行器
在线HTML代码编辑和实时预览工具，支持在沙盒iframe中运行HTML代码。
HTTP 状态码速查
在线 HTTP 状态码速查工具，支持按状态码或关键词筛选常见响应说明。
JS格式化/压缩
在线JavaScript代码格式化与压缩工具，支持缩进美化与单行压缩
JSON格式化/编辑
在线JSON格式化、校验和美化工具，支持语法高亮和错误提示
JWT 解析
在线 JWT 解析工具，支持拆分 Header、Payload、Signature，并格式化展示声明内容。
正则表达式测试
在线正则表达式测试工具，支持 flags、匹配结果预览与捕获组查看，适合开发调试。
正则可视化
解析正则表达式并直观展示其组成部分（字符类、量词、锚点等），并提供测试匹配高亮
SQL格式化
在线SQL格式化工具，支持 MySQL、PostgreSQL、SQLite 等多种方言
时间戳转换
在线时间戳转换工具，支持秒级、毫秒级时间戳与日期时间双向转换。
URL 解析器
在线 URL 解析工具，支持拆解协议、主机、路径、查询参数和锚点信息。
UserAgent分析
解析浏览器 User-Agent 字符串，识别浏览器、引擎、操作系统、设备及 CPU 架构
UUID生成器
在线UUID v4生成器，支持批量生成、大写和去横线选项，一键复制。
XML格式化
在线XML格式化、美化工具，支持压缩与缩进切换
YAML格式化
在线YAML与JSON互转、格式化、校验工具，支持双向转换和错误提示
关于此工具
代码截图生成工具将代码渲染为精美的卡片式PNG图片，带语法高亮、背景渐变和仿macOS窗口控件，生成的图片适合直接分享到社交媒体、技术博客或演示文稿，比直接贴代码文本更有视觉冲击力。
适用场景：在Twitter/X、微博、掌声、小红书等社交平台分享代码片段、在技术演讲的PPT中插入高颜值代码展示、博客文章的题图设计、以及GitHub README中的代码示例展示。
相比系统截图+裁剪的工作流，本工具一步生成高分辨率图片，背景、字体、主题可定制，不需要再手动处理边距和背景。相比Carbon.now.sh等工具，本工具在本地运行，无需加载外部服务，速度更快。
常见问题
生成的截图分辨率够用于演示文稿吗？ +
生成的PNG图片使用设备像素比（devicePixelRatio）进行高清渲染，在Retina/HiDPI屏幕上也清晰锐利，完全满足PPT幻灯片、4K显示器展示或印刷级文档的需求。
可以自定义背景颜色或渐变吗？ +
可以。工具提供多种预设的渐变背景颜色方案，也支持自定义纯色背景或渐变角度。背景颜色会直接影响卡片的整体视觉风格，选择与代码主题搭配的颜色能显著提升截图的美观度。
支持哪些代码高亮主题？ +
内置多种代码主题，包括深色系的Dracula、One Dark Pro、Night Owl，以及浅色系的GitHub Light等，每种主题都与背景颜色方案配套设计，直接使用预设搭配即可得到专业效果。
可以隐藏窗口控件（红绿灯按钮）吗？ +
可以。工具支持显示或隐藏仿macOS的三色窗口控件，也可以切换为Windows风格或完全无边框的简洁样式，根据个人喜好或品牌风格选择最合适的展示方式。
生成截图的代码字体可以更换吗？ +
支持切换多种代码专用字体，如Fira Code（支持连字符）、JetBrains Mono、Source Code Pro等。选择支持连字符的字体（如=>会显示为→）能让截图中的代码更有设计感。