Pic Smaller：开源神器，碾压TinyPNG！90%开发者不知道的免费图像压缩利器

嗨，大家好，我是小华同学，关注我们获得“最新、最全、最优质”开源项目和高效工作学习方法

现在图像文件的压缩变得尤为重要。无论是网站优化还是存储管理，减小图像文件体积都能有效提升效率和体验。今天，我们要介绍的开源项目——Pic Smaller，就是一个功能强大且易于使用的在线图像压缩工具。它支持JPEG、PNG、WEBP、AVIF、SVG和GIF等多种格式的图像智能压缩。

Pic Smaller概述

Pic Smaller（图小小）以其超易用性脱颖而出。用户只需上传所需压缩的图像文件，Pic Smaller便会自动执行压缩功能，并提供压缩结果的详细信息。此外，用户还可以根据需要自定义输出格式或颜色数量等特性，使得压缩过程更加符合个人需求。

功能特点

• 多格式支持：支持JPEG、PNG、WEBP、AVIF、SVG和GIF等多种图像格式。

• 本地压缩：所有压缩过程均在本地完成，无需担心图像数据安全。

• 自定义配置：用户可以根据需要设置输出格式和颜色数量等。

• 网站和移动友好：无论是桌面还是移动设备，都能轻松使用。

使用方法

快速上手

Pic Smaller已经部署在Vercel平台，你可以通过访问pic-smaller.vercel.app来使用它。对于中国大陆用户，由于网络限制，可以通过访问picsmaller.com来使用这项服务。

开发环境搭建

Pic Smaller基于Vite和React构建，因此在开始之前，请确保你对这两个技术栈有所了解。项目还使用了OffscreenCanvas、WebAssembly和Web Worker等现代浏览器技术。

# 克隆仓库
git clone https://github.com/joye61/pic-smaller.git

# 切换目录
cd ./pic-smaller

# 安装依赖
npm install

# 开始开发
npm run dev

部署指南

如果你希望在自有服务器上独立部署Pic Smaller，可以遵循基于Docker的部署文档。项目根目录下，根据Dockerfile脚本进行操作。

# 构建Docker镜像
docker build -t picsmaller .

# 启动容器
docker run -p 3001:3001 -d picsmaller

部署完成后，你可以通过访问http://127.0.0.1:3001来使用Pic Smaller。

图像压缩示例

Pic Smaller的界面简洁直观，用户可以轻松上传图像并进行压缩。以下是Pic Smaller界面的几个截图，展示了上传、压缩选项和结果对比。

技术实现

Pic Smaller使用了多种前沿技术来实现图像压缩：

• WebAssembly：用于PNG图像压缩的wasm-image-compressor。

• GIF压缩：基于Webassembly的gifsicle-wasm-browser。

• AVIF压缩：基于Webassembly的wasm_avif。

• SVG压缩：提供SVG矢量压缩的svgo。

类似项目介绍

除了Pic Smaller，还有其他一些开源项目也提供了图像压缩的功能：

• ImageOptim：一款Mac平台上的图像优化工具。

• TinyPNG：一个在线PNG和JPEG优化服务。

• Compress JPEG：一个专注于JPEG图像压缩的在线工具。

结语

Pic Smaller以其简洁的界面、强大的功能和易用性，成为了图像压缩领域的一股清流。无论你是开发者、设计师还是普通用户，都可以轻松上手，享受图像压缩带来的便利。希望这篇文章能帮助你更好地了解和使用Pic Smaller，让你的图像管理更加高效。

项目地址

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