图片压缩工具源码

软件素材1个月前发布 admin
68 0

项目简介

适用于 JPG、PNG、WEBP、GIF、SVG 等格式,支持批量处理,并可对压缩选项进行配置,完全基于浏览器运行,免费使用,无需注册。效果真的很好,压缩率很高,画质几乎无损,建议收藏。

 

Pic Smaller是一款超级好用的在线图片压缩工具。它直观、移动友好,并且支持压缩配置。同时,由于纯本地压缩,没有任何服务器端逻辑,因此完全安全。

 

用法

Pic Small 已部署到 vercel ,您可以通过访问 URL pic-smaller.vercel.app 来使用它。由于GFW的原因,中国用户可以通过访问URL picsmaller.com来使用它

picsmaller.com 是刚刚申请的新域名。旧域名 txx.cssrefs.com 仍然可以访问,但将于 2025-02-22 过期,并且付款将无法继续。请使用最新域名访问该服务。

开发

想象一下 Vite + React 项目,你必须先熟悉它们。它使用现代浏览器技术,例如 OffscreenCanvas 、 WebAssembly 和 Web Worker 。在开发之前您还应该熟悉它们。

# Clone the repogit clone https://github.com/joye61/pic-smaller.git
# Change cwdcd ./pic-smaller
# Install dependencesnpm install
# Start to developnpm run dev

 

部署

如果你想在自己的服务器上独立部署这个项目,下面基于Docker的文档,以及Dockerfile脚本已经过测试。在项目根目录中,按照说明启动 docker 应用程序

# Build docker image from Dockerfiledocker build -t picsmaller .
# Start a containerdocker run -p 3001:3001 -d picsmaller

 

现在您可以通过http://127.0.0.1:3001访问该项目。如果你想让你的项目对所有人都可以访问,你需要准备一个指向你本机的域名,然后通过nginx这样的反向代理服务器代理到本机的3001端口。

鸣谢

  • ant-design 提供基于React的UI解决方案
  • wasm-image-compressor 提供基于WebAssembly的PNG图像压缩实现
  • gifsicle-wasm-browser 提供基于WebAssembly的GIF图像压缩实现
  • wasm_avif 提供基于WebAssembly的AVIF图像压缩实现
  • svgo 提供 SVG 矢量压缩

 

下载地址

 

 

 

 

项目链接

https://github.com/joye61/pic-smaller

© 版权声明

相关文章