高亮代码保存为 PNG 图片
下载包含行效果和滚动区域外内容的代码 PNG,了解折叠状态、图片尺寸和发布方式。

截图使用英文界面;控件文字会随网站语言切换。
准备图片
选择语言和主题,设置行效果,等待预览完成。想在图片中展示折叠内容时先展开;需要更短的图片则保持收起。点击“下载文件”右侧的箭头,在菜单中选择“下载图片”,保存为 syntax-highlighter.png。直接点击主按钮下载的是文件压缩包。
图片只包含代码区域,不包含设置、编辑器、按钮或 JSON 面板。纵向和横向滚动区域之外的内容也会被捕获。当前折叠状态会保留,隐藏行不会自动展开。行号、差异符号、颜色、不透明度和聚焦效果按照当前渲染结果展示。
尺寸与就绪状态
截图使用 2 倍像素比例及完整内容宽高,长行可能生成很宽的图片。本站没有图片裁剪、装饰边框、水印或自定义尺寸控件。需要紧凑图片时,先缩短示例或折叠辅助区段。
最新结果完成加载前,按钮不可用;生成期间会防止重复点击。若生成中修改了预览,操作可能报错,避免保存过时结果。待预览稳定后重试。过大的图片可能达到浏览器内存或画布限制,此时请减少内容。
为发布补充文字
PNG 没有可选择的源代码、可点击链接或交互式折叠。发布时添加有意义的替代文字,需要复制或搜索时另附代码。建议将下载文件改为描述主题的名称,如 python-http-request-error-handling.png,避免无意义编号,不要在截图中包含密钥。
交互式文档优先使用 HTML 导出。阅读代码图片与 HTML 对比,了解与 Carbon、Ray.so 的工作流差异。