前端常用在线工具集合
图片类
背景图片 unsplash.com
大量高清背景图片
千图库 588ku.co
千图网是中国素材最多的网站之一，拥有800多万张素材
免版权图片
picjumbo.com
lifeofpix 一个高质量的图片网站
pixabay 有超过180万种高质量的图片，视频和音乐。
pexels
随机生成大小图片 source.unsplash.com
墙裂推荐！！！在我们需要一些特定大小的图片的时候，这个网站尤为方便，比如我们想要一个100*100的图片，只需要改对应的尺寸大小就行，比如 https://source.unsplash.com/random/100x100
AI人工智能图片放大bigjpg
AI让你的图片放大，再放大。且不失真。
在线压缩图片 tinypng.com
免费的在线压缩图片，在保证图质的情况下，最高压缩率能达到80%。超级好用。如果你是mac电脑的话，ImageOptim 这个软件也挺好用
颜色类
colorhunt.co
拯救一些前端coder们红配绿的问题
colordrop.io
同样解决前端coder的颜色搭配的问题
颜色格式转换sioe.cn
前端经常用到的颜色格式转换器 RGB和十六进制互相转换
图标类
easyicon
上万个图标可供下载，png、ico、icns 格式。并且可以在线转换图标格式
阿里矢量图标库iconfont
这个不用多解释，用的人比较多，并且图标丰富度很高。
图片转base64fishlee.net
个人用的比较多的工具，可以直接将图片转为dataurl的形式。限制10kb以下图片，图片太大的转出的字符串会特别长，没有意义。
当然具体业务中可以使用webpack 或者 gulp等工具帮我们自动转换小图片。
写文档博客类
markdown美化 mdnice
掘金、知乎等都支持md写法，同时还支持自定义样式。这个网站可以帮你解决。
代码转图片carbon
程序员写博客必备工具网址。让你的代码图片更美观。
在线流程图 processon
在线制作流程图的网站。支持流程图、思维导图、原型图、UML、网络拓扑图、组织结构图等，用户较多。但是非vip用户只能保存7个图例。
手绘画板excalidraw
超级可爱的画板，可以画出手绘版的图例，非常好用。笔者找了好久才找到。强烈推荐！！！
代码类
在线JSON格式化 json.cn
程序员应该都知道的在线格式转化器
在线Diff editor.mergely.com
非常好用的在线代码diff工具
diff json.cn
json.cn 中同样也提供了diff功能。但是我感觉没有mergely好用
文章评论