在处理敏感图片或大型视频时，你是否担心上传到在线压缩工具会泄露隐私？
今天要介绍的压缩坞（Media Compress Hub） 是一个纯粹的本地化解决方案。这是一款纯前端的媒体压缩工具，支持图片、GIF 和视频的处理。所有计算均在你的浏览器或桌面窗口内完成，文件绝不会上传到任何服务器。
- 在线版：https://media-compress-hub.vercel.app/
- GitHub：https://github.com/amoorzheyu/mediaCompressHub
- 网盘：https://pan.quark.cn/s/40ace1085d69
它既可作为渐进式 Web 应用（PWA）在浏览器中安装使用，开发者也通过 Electron为大家打包了 Windows、macOS 和 Linux 的桌面应用。
核心亮点：隐私、全能、智能
1. 纯本地处理，隐私无忧
- 零上传：利用浏览器算力（WebAssembly/Web Worker），所有压缩任务在本地执行。
- 数据安全：特别适合处理证件照、内部会议视频等敏感素材，无需担心云端泄露风险。
2. 全格式支持，精细控制
- 图片压缩：
- 输入：支持 JPEG, PNG, WebP, BMP, AVIF 等常见位图。
- 输出：可转换为 JPG, PNG, WebP。
- 智能模式：支持调节质量参数，或设定目标体积进行智能压缩。
- 对比预览：提供原图与压缩图的实时对比，确保画质可接受。
- GIF 优化：
- 基于 FFmpeg 重编码。
- 可调参数包括：帧率上限、调色板颜色数、抖动算法、最大宽度等，有效减小 GIF 体积。
- 视频压缩：
- 基于 FFmpeg 的 CRF（恒定速率因子）压缩算法。
- 可选保留并重编码音轨，或直接去除音轨以进一步减小体积。
3. 历史记录与个性化设置
- 本地历史：压缩任务摘要自动保存在本地 IndexedDB 中，可在「历史」页随时查看和回溯。
- 灵活配置：
- 设定单文件大小上限。
- 调整图片最低质量阈值。
- 自定义视频 CRF 范围及默认偏好。
技术架构：现代前端栈 + WebAssembly
- 核心框架：React 19 + TypeScript + Vite 8。
- UI 组件：Ant Design 6，提供简洁现代的交互界面。
- 路由管理：React Router 7（网页版使用 History 路由，桌面版适配 Hash 路由）。
- 高性能计算：
- FFmpeg.wasm：在 Web Worker 中运行，负责 GIF 和视频的重编码，避免阻塞主线程。
- 独立 Web Worker：专门处理图片编码任务，确保界面流畅响应。
- 数据持久化：使用 Dexie.js 管理 IndexedDB，高效存储历史记录。
- 多端部署：
- Web 端：通过
vite-plugin-pwa实现离线缓存与 PWA 安装体验。 - 桌面端：基于 Electron +
electron-builder打包，提供原生应用体验。
- Web 端：通过
如何使用？
- 访问或安装：
- 网页版：直接访问官网，浏览器会提示安装为 PWA 应用，方便离线使用。
- 桌面版：下载对应系统（Win/Mac/Linux）的安装包进行安装。
- 选择文件：拖拽或点击上传需要压缩的图片、GIF 或视频。
- 调整参数：
- 图片：滑动质量条或输入目标大小（KB/MB）。
- GIF/视频：调整帧率、分辨率或 CRF 值。
- 开始压缩：点击处理按钮，等待本地计算完成。
- 下载与查看：下载压缩后的文件，或在「历史」页查看之前的任务记录。
未来计划
开发者将持续优化性能并扩展功能：
- 支持更多小众图片格式（如 HEIC, TIFF）。
- 增加批量压缩功能的自动化脚本支持。
- 优化 FFmpeg.wasm 的加载速度与内存占用。
- 探索更多基于 WebGPU 的加速可能性。
压缩坞将强大的 FFmpeg 能力带入浏览器，让媒体压缩变得像打开网页一样简单。对于注重隐私、追求效率的用户而言，这是一个值得常驻本地的实用工具。
