前端工作室代码转图片切换工具

代码转图片

适用于会把代码块压成难以阅读的纯文本的场合,如幻灯片、社交帖子、发给客户的消息。图片在当前标签页中以两倍分辨率绘制,在 Retina 屏幕上依然清晰,代码片段不会上传给任何人。

  • 语言: 支持 8 种语言高亮
  • 输出: 2 倍分辨率 PNG
  • 你的代码: 不会离开当前标签页

你的代码

粘贴你想转换成图片的代码片段。

主题窗口边框和代码的配色。
间距和文字大小

预览

863 × 510 点,导出时为其两倍。

Chrome 和 Edge 支持将图片复制到剪贴板,Firefox 和 Safari 有所限制,请在这两个浏览器中使用下载。

为什么要把代码做成图片

在分享时,幻灯片、社交帖子、与客户的聊天等重要场合都不会渲染代码块。图片能保留缩进和颜色,而这正是一眼读懂代码的关键。

以及为什么不适合文档

图片无法复制、搜索、翻译,屏幕阅读器也读不了。请用它来展示代码,而不是交付代码;如果读者需要运行这段代码,请同时提供文本。

关于语法高亮

这里的高亮器会标出字符串、注释、数字和关键字,这四类几乎承载了全部视觉信息。为每种语言提供完整语法规则,意味着为一张图片付出几兆字节的解析器,在浏览器标签页里并不值得。

常见问题

如何把代码转换成图片?
粘贴代码,选择语言和主题,然后下载 PNG 文件。图片在你的浏览器中以两倍显示分辨率绘制,放大后依然清晰。
在线的代码转图片工具安全吗?
只有在本地绘制时才安全。多数工具会把代码片段发送到服务器,这不适合含有密钥或客户数据的代码。
可以在文档中使用代码图片吗?
不可以。图片无法复制、搜索,屏幕阅读器也读不了。请仅用于展示,并附上文本。
支持哪些语言的语法高亮?
JavaScript、JSON、HTML、CSS、PHP、Python 和 Shell 命令,另外还支持纯文本。