副业赚钱_图片压缩工具_副业教程

项目简介

适用于 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 矢量压缩

 关注「GitHubStore」公众号

扫一扫以下微信

1 加入技术交流群，备注「开发语言-城市-昵称」

合作请注明

原文始发于微信公众号（GitHubStore）：