CodePNG - 把代码片段变成漂亮截图的免费在线小工具

CodePNG - 把代码片段变成漂亮截图的免费在线小工具

    正在检查是否收录...

CodePNG - 把代码片段变成漂亮截图的免费在线小工具

今天分享款简单实用的粘贴代码生成漂亮图片的在线工具,打开就能用,访问速度快,值得 mark 常用。

关于 CodePNG

CodePNG 是一款支持将你的代码变成漂亮截图的在线工具,由开发者 Henri Parviainen 创建,作用是方便开发者把自己引以为傲的绝妙源代码以优雅的方式在自媒体或者社交平台上分享。

CodePNG - 把代码片段变成漂亮截图的免费在线小工具
codepng 网站首页

CodePNG 的功能特点

  • 使用极其简单,粘贴代码直接生成 PNG 格式的图片
  • 代码样式优雅美观,可读性强
  • 支持切换主题、背景颜色和切换代码语言
  • 支持 HTML、CSS、JAVASCRIPT、JAVA、PYTHON、C++、SQL、RUBY、C# 等不同编程语言的代码高亮样式
CodePNG - 把代码片段变成漂亮截图的免费在线小工具
codepng 设置

使用体验和建议

虽然很多人对以图片的方式分享代码嗤之以鼻,认为这样做降低了可用性,但很多时候作者分享代码是为了分享思路,特别是篇幅较短的代码片段,并非为了给读者 ctrl + c 来使用,所以不少追求美的开发者喜欢把代码变美观、可读性变强,以便在社交平台上分享。

CodePNG 这款实用的代码小工具如其名,简单直接,就是通过粘贴代码生成漂亮的 PNG 图片。和我之前用过的几款类似的工具相比,CodePNG 的访问速度超快,使用更简单,CodePNG 没有过多的设置,基本上粘贴代码就可以下载图片。

使用示例:利用 ES6 新的数据结构 Set 来进行数组去重复

CodePNG - 把代码片段变成漂亮截图的免费在线小工具
codepng 使用例子

使用小贴士

CodePNG 输出图片的宽度无法调节,但可以通过改变窗口大小来增加宽度,但对列数过多的代码显示效果会大打折扣,多次体验下来,发现 CodePNG 的使用场景更适合分享一些短小的代码片段,而长篇大段的代码,也不太适合用图片来分享。

免费使用说明

CodePNG 是一款免费的代码截图生成在线小工具,无需注册和登录,无论是 macOS、windows 还是 linux ,甚至在手机上,打开浏览器就可以使用。



  • 本文作者:WAP站长网
  • 本文链接: https://wapzz.net/post-26559.html
  • 版权声明:本博客所有文章除特别声明外,均默认采用 CC BY-NC-SA 4.0 许可协议。
本站部分内容来源于网络转载,仅供学习交流使用。如涉及版权问题,请及时联系我们,我们将第一时间处理。
文章很赞!支持一下吧 还没有人为TA充电
为TA充电
还没有人为TA充电
0
  • 支付宝打赏
    支付宝扫一扫
  • 微信打赏
    微信扫一扫
感谢支持
文章很赞!支持一下吧
关于作者
2.7W+
7
0
1
WAP站长官方

VTracer - 将图片转化为矢量 SVG 图形的免费开源工具

上一篇

必剪 PC 版 - B站官方出品的免费视频剪辑工具,操作简单、容易上手

下一篇
评论区
内容为空

这一切,似未曾拥有

  • 复制图片
按住ctrl可打开默认菜单