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