图片压缩工具自部署

piter April 4, 2025, 3:38am 1

这里把我直接自己项目的readme搬过来了

图片压缩工具 (Image-compression-tool)

一款免费的在线图片压缩工具，支持多种格式（如 PNG、JPG、WebP 等），无需上传服务器，保护你的隐私！

特点：快速、批量压缩、支持主题切换，界面美观且易用。

立即体验 Demo(vercel) Demo(Netlify)

功能亮点

多种格式支持： PNG、JPG、WebP、GIF、BMP、TIFF 等。
隐私优先： 所有压缩操作在浏览器本地完成，无需上传图片到服务器。
批量处理： 支持多张图片同时压缩，下载为 ZIP 文件。
质量可调： 滑动条调整压缩质量，实时预览效果。
主题切换： 支持白天和黑夜模式，适应不同使用场景。
响应式设计： 适配桌面和移动设备。

如何使用

访问工具

打开 https://nshpiter.github.io/Image-compression-tool/。
上传图片

点击或拖拽图片到上传区域，支持单张或多张（最大 10MB/张）。
调整压缩质量

使用滑块设置压缩质量（1%-100%），实时查看压缩效果。
下载结果
- 单张图片： 点击“下载压缩后的图片”。
- 多张图片： 启用“批量压缩模式”，点击“下载全部压缩图片 (ZIP)”。

截图

白天模式预览

黑夜模式预览

单张压缩示例

批量压缩示例

技术栈

前端： HTML5, CSS3, JavaScript
库：
- JSZip：生成 ZIP 文件
- FileSaver.js：文件下载支持
部署： GitHub Pages

快速开始

Vercel（推荐）

想在本地运行或修改代码？按照以下步骤操作：

本地安装与运行

克隆仓库：

git clone https://github.com/Nshpiter/Image-compression-tool.git

进入目录：
```
cd Image-compression-tool
```
打开 index.html：

直接用浏览器打开，或通过本地服务器运行（推荐）。

注意事项

文件大小限制： 单张图片最大 10MB。
浏览器兼容性： 推荐使用最新版本的 Chrome、Firefox 或 Edge。
背景图片： 默认使用 cat.png，可替换为自定义图片（放置于仓库根目录）。

jay April 4, 2025, 3:53am 2

感谢大佬分享！

1 Like