大家好,我是前端实验室的老鱼！一名资深的互联网玩家，专注分享大前端领域技术、面试宝典、学习资料等 | 副业赚钱~
「前端实验室」 专注分享 Github、Gitee等开源社区优质的前端项目、前端技术、前端学习资源以及前端资讯等各种有趣实用的前端内容。
今天给大家推荐几个前端开发必备的图片处理库，建议收藏！
1.sharp
sharp 是 Node.js 平台上相当热门的一个图像处理库，其实际上是基于 C 语言编写 的 libvips 库封装而来，因此高性能也成了 sharp 的一大卖点。sharp 可以方便地实现常见的图片编辑操作，如裁剪、格式转换、旋转变换、滤镜添加、添加水印等。
项目名称：sharp
Star：24.3K
Github：github.com/lovell/shar…
2.tui.image-editor
ui.image-editor 是一款使用HTML5 Canvas实现的全功能照片图像编辑器，配有很棒的过滤器。
支持对图片进行裁剪， 翻转， 旋转， 绘图， 形状， 图标， 文本， 蒙版滤镜， 图像滤镜等处理，并且集成了下载，图像加载，撤消，重做，重置等功能。
拥有强大的过滤功能，如灰度， 反转， 棕褐色， 模糊锐化， 浮雕， 删除白色等
项目名称：tui.image-editor
Star：5.7K
Github：github.com/nhn/tui.ima…
3.compressorjs
compressorjs 是一款JavaScript 图像压缩器。使用浏览器原生的 canvas.toBlob API 来做压缩工作，即有损压缩，异步压缩，在不同的浏览器有不同的压缩效果。一般在客户端上传之前使用这个来预压缩图片。
项目名称：compressorjs
Star：4.2K
Github：github.com/fengyuanche…
4.viewerjs
Viewer.js 是一款强大的图片查看器。支持 52 个查看选项、23 种操作方法、17 个事件、旋转、移动、缩放等。
我们通过Viewer.js 在页面上添加强大的图片查看功能，同时，这款优秀的插件配置操作起来也非常的方便。
Viewer.js分为2个版本，js版本和jquery版本，大家可以根据自身需求选择。
项目名称：viewerjs
Star：6.9K
Github：github.com/fengyuanche…
写在最后
大家好,我是前端实验室的老鱼！一名资深的互联网玩家，专注分享大前端领域技术、面试宝典、学习资料、副业等~
喜欢的朋友，点赞收藏支持一下，也欢迎交流~
启AdminJS成长之旅！这是我参与「AdminJS日新计划 · 2 月更文挑战」的第 8 天，点击查看活动详情