全部工具

🖼️

代码截图

把代码渲染成美观的代码卡片并导出 PNG,可自定义主题、背景与边距,适合分享到社交平台,纯本地

新增本地运行

代码截图的使用场景

  • 在朋友圈 / 微博 / 推特分享一段优雅的代码卡片
  • 写技术博客需要一张排版整齐的代码配图
  • 做教程 PPT 时把代码美化成卡片而非直接贴文本

代码截图怎么用

  1. 在输入框粘贴你的代码片段
  2. 选择主题(如暗色 / 亮色)、窗口圆角与背景样式
  3. 预览卡片效果,调整内边距与窗口标题栏
  4. 点击「导出 PNG」保存图片到本地

常见问题

导出的图片清晰度够吗?
渲染使用高分辨率画布并按设备像素比放大,导出 PNG 在常规屏幕与高清屏下都清晰,适合直接发布。
语法高亮支持哪些语言?
基于浏览器渲染方案,常见语言(JS/TS/Python/Java/Go/CSS/JSON 等)均有对应高亮规则;极冷门语言可能退化为纯文本。
代码会被上传吗?
不会。代码仅在你的浏览器内渲染并绘制到画布,不经过任何服务器,适合包含敏感片段的代码配图。
可以自定义尺寸吗?
可通过内边距与窗口宽度间接控制卡片大小;后续版本会增加更精确的尺寸预设。
背景透明可以吗?
支持纯色与渐变背景;若需要透明背景,可在导出后用图片工具抠除,或后续版本加入透明开关。
导出失败怎么办?
多为代码过长或特殊字符导致,尝试减少单次代码量或去除超长单行;仍不行可刷新页面重试。