关注公众号:逸佳笔记,回复关键词“副业”,免费获取各平台引流教程合集以及10个小项目教程
或者下面这个网盘链接也可以免费获取各平台引流教程和小项目教程:
链接:https://pan.baidu.com/s/101HhdI6oA5apANTIfiW4_Q?pwd=6666 提取码:6666
或者复制下方链接到浏览器打开可以获取全网最新项目,实时更新中!
https://zy.66yyba.com/?ref=1385
部长。今天,给大家介绍一个在线图像压缩工具网站源码。
关注微信公众号:【源码部落】,获取开源项目分享。
项目介绍
Pic Smaller是一款超级好用的在线图片压缩工具。其用户界面直观且支持压缩配置。同时,由于是基于浏览器本地进行图片压缩,没有任何服务端交互,图片不会被上传到远程服务器,因此是完全安全的。
技术实现
-
JPEG/WebP 压缩:利用了现代浏览器自带的功能,叫离屏渲染技术 OffscreenCanvas -
PNG 压缩:采用了一个第三方的 Webassembly 实现,底层是 libPNG -
Gif 压缩:采用了一个第三方的 Webassembly 实现,底层是 Gifsicle
特点
-
多种压缩算法:提供不同的压缩选项,以适应不同的需求。 -
批量处理:允许用户选择多个图片文件进行批量压缩。 -
预览功能:在压缩前预览压缩效果,以便用户决定是否接受。 -
格式支持:支持多种图片格式,如JPEG、PNG、GIF等。 -
用户界面:提供简单易用的界面,方便用户操作。
项目截图
首页

上传压缩图片及设置参数

快速部署
1.本地开发
# Clone the repogit clone https://github.com/joye61/pic-smaller.git# Change cwdcd ./pic-smaller# Install dependencesnpm install# Start to developnpm run dev
2.docker部署
Dockerfile文件FROM node:20-alpineWORKDIR /appCOPY . /appRUN set -eux&& npm install --ignore-scripts&& npm run build:previewCMD [ "npm", "run", "preview" ]EXPOSE 3001
docker构建运行项目
# Build docker image from Dockerfiledocker build -t picsmaller .# Start a containerdocker run -p 3001:3001 -d picsmaller
浏览器访问http://127.0.0.1:3001即可使用
开源地址
github地址:https://github.com/joye61/pic-smaller演示地址:https://picsmaller.com
如果您觉得这篇文章对您有帮助,请通过点赞和转发来支持作者,您的每一次互动都是对我们努力的肯定。谢谢!
-End-
原文始发于微信公众号(源码部落):
本文转载自以上首发公众号,如有侵权,联系站长删除
© 版权声明
文章版权归作者所有,未经允许请勿转载。
THE END
喜欢就支持一下吧






