Squish开源浏览器端图像压缩工具，支持多格式批量处理与实时预览

Squish：基于浏览器的现代图像压缩工具

你是否曾经为网站图片过大而影响加载速度感到困扰？或者厌倦了在多个图像压缩工具之间切换？Squish 的出现，旨在彻底解决这个问题。它是一个基于浏览器、利用 WebAssembly 技术的高性能图像压缩工具，可以帮助开发者和设计师在不损失图像质量的前提下，轻松优化图片体积。本文将带你全面了解这个潜力新星。

截至收录：
Squish项目stars数：1025
Squish项目forks数：104

Squish项目目录截图

Squish项目核心亮点

🌟 浏览器端压缩：所有图像处理都在本地浏览器中完成，无需上传到服务器，保护用户隐私。
🎯 多格式支持：全面支持 AVIF、JPEG、JPEG XL、PNG、WebP 等主流图像格式的压缩和转换。
🔒 批量处理能力：支持拖拽多文件批量压缩，智能队列管理，轻松处理大量图片。
🧩 实时预览与统计：提供实时压缩效果预览和详细的大小缩减统计，让优化效果一目了然。

Squish项目快速开始

只需几步，你就能在本地运行起 Squish：

1. 环境准备：
   确保系统已安装 Node.js 18+ 和 npm 7+
2. 安装与运行：

   # 克隆项目
   
   $ git clone https://github.com/addyosmani/squish.git
   
   $ cd squish
   
   # 安装依赖
   
   $ npm install
   
   # 启动开发服务器
   
   $ npm run dev
   
   

3. 开始使用：
   打开浏览器访问本地开发服务器，拖拽图片即可开始压缩体验。

Squish项目应用场景

场景一：网站性能优化：前端开发者可以使用 Squish 批量压缩网站图片，显著提升页面加载速度。
场景二：设计素材处理：UI/UX 设计师可以快速优化设计稿导出图片，保持质量的同时减小文件体积。
场景三：内容创作：博客作者和内容创作者可以轻松处理文章配图，优化阅读体验。
用户案例：作为 Addy Osmani（Google 工程总监）维护的项目，Squish 已被众多开发者和团队用于日常的图像优化工作流中。

Squish项目链接

addyosmani / squish项目地址：https://github.com/addyosmani/squish

本文地址：https://www.tgoos.com/28019