上线了一款体验丝滑的图片压缩工具

是的。我又上线了一款图片压缩工具。

为什么我们需要一款图片压缩工具呢？

我是在开发Web应用的时候发现这个需求的。开发Web应用时，通常会在网页上放一些图片，但是自己找的图片可能比较大。这样的图片放到Web应用上就会加载很慢。大概率会出现，网页刷出来了。但是图片还在缓慢加载。这也太影响体验了。

想快速加载图片就需要把图片压缩一下，这样加载就快了。

然后，我就发现了Squish。这是一款由 Google Chrome 工程负责人 Addy Osmani 开发的现代化、基于浏览器的开源免费图像压缩工具。

开源仓库地址：
https://github.com/addyosmani/squish

原版的在线访问地址：
https://squish.addy.ie/

我自己也重新部署了一遍，增加了中英文切换和一些帮助信息。你可以在下面的网址访问到：
https://squish.shoufei.xyz/

🎯 工具简介

Squish 是一款现代化的浏览器端图片压缩工具，基于 WebAssembly 技术实现高性能图片优化。所有处理都在您的浏览器本地进行，确保最大的隐私性和安全性，无需上传到任何服务器。

✨ 核心功能特点

🖼️ 多格式支持

• AVIF - 新一代高效图片格式，压缩率极高

• JPEG - 使用 MozJPEG 引擎，优化压缩效果

• JPEG XL - 下一代 JPEG 标准，支持无损和有损压缩

• PNG - 使用 OxiPNG 优化，保持透明度

• WebP - Google 开发的现代图片格式

🚀 技术优势

• 本地处理 - 所有操作在浏览器本地完成，保护隐私

• 批量处理 - 支持同时处理多张图片

• 实时预览 - 即时查看压缩效果和文件大小对比

• 高性能 - 基于 WebAssembly 的原生级处理速度

• 响应式设计 - 完美适配桌面和移动设备

🌐 国际化支持

• 智能语言检测 - 根据 IP 地址自动检测地理位置设置默认语言

• 双语界面 - 支持中文和英文切换

• 语言记忆 - 自动保存用户语言偏好

📖 详细使用方法

1. 选择输出格式

在页面顶部的"输出格式"区域，选择您需要的目标格式：

• 点击对应的格式按钮（AVIF、JPEG、JXL、PNG、WebP）

• 选中的格式会以蓝色高亮显示

2. 调整压缩质量

对于支持质量调节的格式（除 PNG 外）：

• 使用质量滑块调整压缩级别（1-100%）

• 数值越高，图片质量越好，文件越大

• 数值越低，压缩率越高，文件越小

• 建议值：75-85% 可获得质量与大小的最佳平衡

3. 上传图片

有两种方式上传图片：

方式一：拖拽上传

• 直接将图片文件拖拽到上传区域

• 支持同时拖拽多张图片进行批量处理

方式二：点击上传

• 点击上传区域打开文件选择器

• 可按住 Ctrl/Cmd 键选择多个文件

支持的输入格式： JPEG、PNG、WebP、AVIF、JXL

4. 监控处理进度

• 上传后图片会自动开始处理

• 每张图片显示处理状态：等待中、处理中、完成、错误

• 实时显示原始大小和压缩后大小的对比

• 显示压缩率百分比

5. 下载结果

处理完成后有多种下载方式：

单张下载

• 点击每张图片右侧的下载按钮

• 文件会自动以新格式和优化后的内容下载

批量下载

• 当有多张图片处理完成时，会出现"下载全部"按钮

• 点击可依次下载所有处理完成的图片

6. 管理图片列表

• 移除单张：点击图片右侧的删除按钮

• 清空所有：点击底部的"清空所有"按钮移除所有图片

🎛️ 界面功能说明

语言切换（右上角）

• 点击右上角的语言切换按钮

• 支持中文（中文）和英文（EN）切换

• 系统会记住您的语言偏好

帮助支持（右下角）

点击右下角的帮助按钮可以：

• 查看工具详细介绍和使用技巧

• 访问 GitHub 项目页面

• 查看常见问题文档

• 通过微信二维码联系技术支持

💡 使用技巧

格式选择建议

• 照片类图片：推荐 AVIF > WebP > JPEG

• 图标/简单图形：推荐 WebP > PNG

• 需要透明背景：选择 PNG 或 WebP

• 追求最小文件：选择 AVIF（压缩率最高）

• 兼容性优先：选择 JPEG（支持最广泛）

质量设置建议

• 网页展示：60-75%（平衡质量与加载速度）

• 社交媒体：70-80%（适中的质量和大小）

• 打印用途：85-95%（保持高质量）

• 缩略图：40-60%（优先考虑文件大小）

批量处理技巧

1. 建议同时处理的图片数量不超过 20 张

2. 大文件（>10MB）建议单独处理

3. 相同类型的图片建议使用相同的质量设置

4. 处理过程中避免切换浏览器标签页

⚠️ 注意事项

浏览器兼容性

• 推荐浏览器：Chrome 90+、Firefox 88+、Safari 14+、Edge 90+

• 移动端：iOS Safari 14+、Android Chrome 90+

文件限制

• 单文件大小：建议不超过 50MB

• 总文件数量：建议不超过 20 张同时处理

• 支持格式：JPEG、PNG、WebP、AVIF、JXL

性能提示

• 大文件处理可能需要较长时间，请耐心等待

• 处理过程中浏览器可能会暂时占用较多内存

• 建议在处理大量图片时关闭其他不必要的浏览器标签页

🔒 隐私安全

• ✅ 完全本地处理 - 图片不会上传到任何服务器

• ✅ 数据不留存 - 处理完成后数据自动清除

• ✅ 开源透明 - 代码完全开源，可在 GitHub 查看

• ✅ 无需注册 - 无需账号即可使用全部功能

🆘 常见问题

Q: 为什么处理速度比较慢？

A: 处理速度取决于图片大小、数量和设备性能。大文件和高质量设置需要更多处理时间。

Q: 支持哪些输入格式？

A: 支持 JPEG、PNG、WebP、AVIF、JXL 格式的图片输入。

Q: 处理后的图片质量如何？

A: 使用业界领先的压缩算法，在保证视觉质量的前提下最大化压缩效果。

Q: 可以批量设置不同的质量吗？

A: 当前版本所有图片使用相同的质量设置。如需不同质量，请分批处理。

Q: 移动设备上可以使用吗？

A: 完全支持移动设备，界面会自动适配手机和平板屏幕。