A LITTLE CODE. A LOT OF IDEAS.

让代码,也有好看的表达。

把几行灵感,变成一张值得分享的图片。

图片预览LIVE
正在生成…
已适应显示宽度 · 导出保留完整尺寸

准备好,分享出去

PNG · 无水印

图片在当前浏览器生成

正在准备代码配色…
01 / 编辑让代码做主角

粘贴、导入或从示例开始,重点行也能清楚标记。

02 / 排版给灵感留点白

六种配色、柔和背景与精细留白,找到你的风格。

03 / 分享清晰,自由地分享

最高 3× 高清 PNG,保存工程,下次接着修改。

代码截图制作

代码与语言

粘贴代码或导入 UTF-8 文本文件(最多 80 KB)。支持 16 种常用语言与纯文本,按你选择的语言着色,不会运行代码。导入会根据扩展名选择语言;不支持的扩展名按纯文本处理。Tab 插入设置数量的空格,原有 Tab 按列展开;回车统一为换行。

最多 20,000 字符、300 行、单行 2,000 字符。控制字符(换行、Tab 除外)及双向文本控制符不支持。着色在内置 Worker 中进行,失败或 8 秒无响应时回退到纯文本配色,仍可导出;刷新页面可重试着色。

排版与重点行

图片宽度 480–1600 px,字号 12–30 px,外侧留白 16–96 px。长行自动按字形换行,原行号仅在第一段显示,空行和尾部换行保留。重点行可输入 2,4-6,使用起始行号后的实际行号;不存在的行号会提示修改。窗口标题最多 80 字符,过长时在标题栏内裁切。

中文、表情、组合字形使用当前设备的系统字体;跨设备可能有排版差异。语法配色用于展示,不代表代码语法检查。复杂文字连接、双向文本与字体连字可能与专业编辑器不同。预览最多 6000 px 高、800 万像素;超过时请缩短代码或调小字号。

导出与工程

PNG 支持 1× / 2× / 3×,最高单边 8192 px、2400 万像素,超过时可降低倍率。图片由 Canvas 直接绘制,包含全部换行内容,无滚动条或编辑按钮。透明背景只移除窗口外的底色,窗口本身仍有主题底色。高清倍率增加像素,不改变布局。

保存工程会下载 .code-shot.json,包含代码、窗口标题、样式与下载名称。打开工程会替换当前编辑内容,请先保存需要保留的工程。仅接受本工具版本 1 的工程,最多 180 KB;错误工程不会替换当前内容。工程不包含字体。

隐私与限制

本页没有代码上传、账号、外部 CDN、追踪或自动持久化;页面完整加载后可断网编辑与下载。刷新或关闭会丢失未保存内容,请使用保存工程。导出图片与工程可能包含你粘贴的敏感代码,请在分享前自行检查内容。

开源许可与实现说明 ↗