前端优秀工具网站推荐，最后一个相见恨晚

在平时的前端开发过程中，遇到过很多不错的工具网站，今天汇总推荐给大家。

图片压缩——tinyPNG

网址：tinypng.com

这个网站是压缩图片的利器，压缩比例也是非常的大，下面是随机挑选一张图片的压缩测试，压缩比高达75%。操作很简单，只有两步——拖拽+下载

Sass在线编译工具——SassMeister

网址：www.sassmeister.com

这个网站可以实时编译你的sass代码，帮你找出哪里出错。如果你还在学习sass，这个网站是不错的练习工具；如果你在封装一些复杂的方法，你可以用这个网站来验证。

文件转base64——“任意文件拖到这里”

网址：https://www.zhangxinxu.com/sp/base64.html

这个网站是你能想象到的最简单的一个网站。页面真的只有上面那8个字——“任意文件拖到这里”。试过很多转base64的网站都有这样或那样的限制，而这个真的什么限制都没有。对了，这个网站是张鑫旭大神做的。

字体库——iconfont

网址：www.iconfont.cn

字体库的好处自然不用多说，网上的图标字体库网站也很多。而这个网站的好处在于 这里很多网友会将自己设计的整套字体上传分享，并且完全免费，总有一款图标字体适合你。

贝塞尔曲线在线编辑——cubic-bezier

网址：http://cubic-bezier.com

对于CSS3中的动画来说，动画效果是“活泼”还是“稳重”，关键取决于你的贝塞尔曲线，而如果你想通过公式自己算的话。。。除非你是数学天才。不过，你可以用cubic-bezier.com这个网站轻松地通过鼠标拖拽的方式在线编辑曲线，并且你还可以预览效果，还可以把编辑好的曲线值发送给其他人。

好看的渐变在这里——Grabient

网址：www.grabient.com

这里N多种好看的渐变任你选，并且支持导出Sketch，css代码，还可以在线编辑。还在为渐变该这么设计发愁的话，可以试试这个。

前端官网都在这里了——印记中国docschina

网址：www.docschina.org