🖼️ 代码转图片（代码截图生成器）Code to Image Converter

使用说明与常见问题How-to & FAQ

「代码转图片（代码截图生成器）」是什么？What is the Code to Image Converter tool?

把代码转换成好看的图片：自动识别 JavaScript、Python、Java、Go、SQL、HTML、CSS 等 19 种语言并语法高亮，6 种编辑器配色（GitHub、One Dark、Dracula、Monokai 等），可加 macOS 窗口栏、标题、行号、渐变背景和阴影，支持 1–3 倍高清导出 PNG 或直接复制图片，适合分享到社交媒体、文档和幻灯片，代码不上传。Turn code into a good-looking image. JavaScript, Python, Java, Go, SQL, HTML, CSS and 12 other languages are detected and syntax-highlighted, with six editor themes (GitHub, One Dark, Dracula, Monokai and more), an optional macOS window bar, title, line numbers, gradient background and shadow. Export a 1–3× high-resolution PNG or copy the image straight to the clipboard for social posts, docs and slides. Your code never leaves the browser.

如何使用「代码转图片（代码截图生成器）」？How do I use the Code to Image Converter tool?

在「代码转图片（代码截图生成器）」中，按需设置「语言」、「配色」、「字号」、「Tab 宽度」、「背景」等选项，然后点击「下载 PNG」、「复制图片」按钮即可。In the Code to Image Converter: Set "Language", "Theme", "Font size", "Tab width", "Background", then click "Download PNG", "Copy image".

支持哪些编程语言？Which languages are supported?

JavaScript、TypeScript、Python、Java、C/C++、C#、Go、Rust、PHP、Ruby、Kotlin、Swift、SQL、Shell/Bash、HTML/XML、CSS、JSON、YAML 和纯文本。选“自动识别”时会根据代码特征（如 def、func、#include、SELECT、<标签>）判断语言，并在下方显示识别结果；识别不准时手动选择即可。高亮由本工具内置的轻量词法分析完成，关键字、字符串、注释、数字、函数名和类型会分别着色。JavaScript, TypeScript, Python, Java, C/C++, C#, Go, Rust, PHP, Ruby, Kotlin, Swift, SQL, Shell/Bash, HTML/XML, CSS, JSON, YAML and plain text. Auto looks at telltale features (def, func, #include, SELECT, tags…) and shows the detected language below; pick it manually if the guess is wrong. Highlighting is done by a lightweight built-in lexer that colours keywords, strings, comments, numbers, function names and types.

怎样得到更清晰的图片？How do I get a sharper image?

把“倍率”设为 2× 或 3×：图片的像素尺寸会成倍增加，在高分屏、幻灯片和打印中更清晰（下方会显示实际像素尺寸）。分享到社交媒体一般用 2× 就够了。代码很长时请适当减小字号或倍率，单张图片最大约 16000 像素宽或高。Set Scale to 2× or 3×: the pixel size is multiplied, so the image stays crisp on high-density screens, in slides and in print (the actual size is shown below the options). 2× is usually enough for social media. For long code reduce the font size or scale; one image can be at most about 16,000 pixels wide or tall.

可以做成透明背景吗？Can the background be transparent?

可以。“背景”选“透明”后，窗口以外的区域是透明的，导出的 PNG 可以直接叠放在幻灯片或网页的任意底色上；把“外边距”设为 0 则只保留代码窗口本身，没有阴影和圆角。预览区的灰白格子表示透明部分。Yes. Choose Transparent as the Background and everything outside the window is transparent, so the PNG sits on any slide or page colour. Set Padding to 0 to keep just the code window without a shadow or rounded corners. The grey checkerboard in the preview marks transparent areas.

中文注释能正常显示吗？Do Chinese comments display correctly?

能。代码使用等宽字体绘制，中文、日文等字符会自动使用系统里的中文字体（如微软雅黑、苹方、思源黑体）显示。Tab 会按所选的“Tab 宽度”换成空格，保证缩进对齐。Yes. Code is drawn in a monospaced font, and Chinese, Japanese and other characters fall back to a CJK font on your system (Microsoft YaHei, PingFang, Noto Sans CJK…). Tabs are expanded to spaces using the chosen Tab width so indentation lines up.

代码会上传吗？Is my code uploaded?

不会。语法高亮和图片绘制都在你的浏览器里完成，“复制图片”也只是写入本机剪贴板，代码不会发送到任何服务器。No. Highlighting and drawing happen in your browser, and Copy image only writes to your own clipboard; the code is never sent to a server.

「代码转图片（代码截图生成器）」免费吗？需要注册吗？Is the Code to Image Converter free? Do I need an account?

「代码转图片（代码截图生成器）」完全免费，无需注册或安装，打开网页即可使用，手机和电脑都能用；输入的内容只在你的浏览器本地处理。The Code to Image Converter is completely free with no sign-up or install and works on phones and desktops; what you enter is processed only in your browser.