Carbon · 官方在线版
把代码变成漂亮的分享图片,配主题/配色
它解决什么问题
Carbon 把代码渲染成一张带窗口装饰、语法高亮和阴影的图片。技术上它只是「代码截图」,但效果差别很大:默认的等宽字体、行号、主题配色让代码在社交媒体和 PPT 里看起来是「作品」而不是「截图」。技术分享、招聘宣传、教程配图都常用它。
把代码变成好看的图片发到社交媒体或 PPT 里,主题和窗口样式都可调,写技术分享时很实用。
三个典型使用场景
- 把一段核心实现渲染成图发到技术社区,比纯文本更吸引点击
- 写教程时给关键代码配统一风格的图,视觉上更连贯
- 做团队分享 PPT,代码块用图代替纯文本,投影更清晰
和 ToolHub 本地工具怎么配合
图片压缩:Carbon 导出的 PNG 通常 1–2MB,发到有体积限制的平台前先压缩(本地工具,文件不上传)
图片格式转换:需要更小体积时转成 WebP 或 JPEG,站内转换可控制质量(本地工具,文件不上传)
同类可替代方案
- Excalidraw —— 手绘风格白板画图,协作绘图神器
- tldraw —— 精致的无限画布白板,交互丝滑
- draw.io —— 最流行的流程图/架构图绘制工具
使用时要注意什么
图片里的代码无法复制、无法被搜索引擎索引,别用它代替真实代码块;超长代码会缩得很小影响阅读,建议只截关键片段。
常见问题
Carbon 是免费的吗?
Carbon 是开源项目,采用 MIT 许可证,官方在线版可以免费使用,不需要为基本功能付费。ToolHub 只做收录与说明,不代管你的数据,也不提供账号或存储服务。
Carbon 适合什么场景?
最常见的是这几种:把一段核心实现渲染成图发到技术社区,比纯文本更吸引点击;写教程时给关键代码配统一风格的图,视觉上更连贯;做团队分享 PPT,代码块用图代替纯文本,投影更清晰。判断标准很简单——如果你现在正为了这件事装一个几百 MB 的桌面软件,先用它试一次。
它和 ToolHub 的本地工具有什么区别?
ToolHub 的本地工具把代码放在你的浏览器里执行(WebAssembly 或原生 JS),文件不经过服务器;Carbon 由项目作者维护,数据在其服务器或你的浏览器中处理,具体取决于项目实现,使用前建议先看对方的数据政策。需要「绝对不上传」时可以改用站内同类工具。
用 Carbon 有什么限制?
图片里的代码无法复制、无法被搜索引擎索引,别用它代替真实代码块;超长代码会缩得很小影响阅读,建议只截关键片段。
相关阅读
- 颜色格式转换 —— HEX / RGB / HSL 互转,附色块预览与 CSS 变量(在浏览器内执行,不联网也能用)
- 颜色对比度检查 —— 按 WCAG 标准检查文字与背景的对比度是否达标(在浏览器内执行,不联网也能用)
- 全部设计类工具 —— 按分类筛选,含本地执行与目录直达
- Excalidraw —— 同类别另一个选择
项目来源:github.com/carbon-app/carbon · License: MIT · 分类:设计
官网地址:https://carbon.now.sh(新标签页打开 carbon.now.sh)
说明:本页是 ToolHub 对该开源项目的整理与推荐,工具由项目作者维护,版权与数据归原作者所有。官网无法访问时可能是临时故障或网络限制。
安全、快捷、开源工具及资源
无需安装、无需注册、无需命令行 —— 挑一个工具,填参数,出结果。