代码转图片
把 JavaScript、TypeScript、HTML、CSS、JSON、Bash 代码用 Shiki 高亮后排成带窗口标题与行号的卡片，可调背景、内边距、字号与 1x/2x 比例，导出 SVG 或 PNG。
打开工具 — 代码转图片代码转图片 vs 图片文字标注
代码转图片 与 图片文字标注 — 有什么区别？
直接结论: 两者都产出可分享的图像，但原料不同。Code to Image Converter 渲染语法高亮的代码——六种语言、明暗主题、行号、窗口标题——导出 1x 或 2x 的 PNG 或 SVG。Image Caption Generator 把你提供的 PNG、JPEG、WebP 照片压上最多 180 字符的文字说明。代码即内容，对文字配你的内容。
代码转图片 与 图片文字标注 的对比
| 代码转图片 | 图片文字标注 | |
|---|---|---|
| 用途 | 把 JavaScript、TypeScript、HTML、CSS、JSON、Bash 代码用 Shiki 高亮后排成带窗口标题与行号的卡片，可调背景、内边距、字号与 1x/2x 比例，导出 SVG 或 PNG。 | 给 PNG、JPEG、WebP 图片压上 1–180 字符的说明文字，可选顶部、居中或底部位置，自定义字号、文字条颜色与不透明度，按原图尺寸导出 PNG。 |
| 输入 | 六种语言之一的代码片段 | 一张 PNG、JPEG 或 WebP 照片，加 1–180 字符的说明文字 |
| 输出 | 带主题、行号的语法高亮 PNG 或 SVG，支持 1x 或 2x | 按原尺寸渲染说明文字条后的 PNG 照片 |
| 典型场景 | 帖子、文档和演示中的代码片段 | 在分享前为照片标注上下文 |
关键差异
代码转图片 vs 图片文字标注
核心功能
取决于任务一个把源代码排版成截图风格的卡片；另一个在现有照片上叠加说明文字。
输入
取决于任务Code to Image 接受代码片段；说明文字工具接受一张图片加 1–180 字符文本。
输出
取决于任务Code to Image 导出 1x 或 2x 的 PNG 或 SVG；说明文字工具按照片原尺寸导出 PNG。
适用场景
取决于任务在帖子和文档中分享代码片段选代码图；为照片补充上下文说明选说明文字工具。
这两个工具
图片文字标注
给 PNG、JPEG、WebP 图片压上 1–180 字符的说明文字，可选顶部、居中或底部位置，自定义字号、文字条颜色与不透明度，按原图尺寸导出 PNG。
打开工具 — 图片文字标注相关对比
更多 Toolars 工具对比
常见问题
代码转图片 和 图片文字标注 有什么区别？
Code to Image Converter 接收源代码，为六种语言渲染语法高亮，支持明暗主题、可选行号、窗口标题，以 1x 或 2x 导出 PNG 或 SVG。Image Caption Generator 接收你提供的照片，把 1 到 180 字符的文本压在图上——顶部、居中或底部——字号与文字条不透明度可调，按原始尺寸导出 PNG。
代码转图片 和 图片文字标注 可以一起用吗？
选 Code to Image Converter——它正是为此而生：可选中代码、缩进一致、SVG 输出在投影时依然锐利。说明文字工具是为照片设计的，没有代码高亮，只会把代码当纯文本处理。