# GoogleChromeLabs/squoosh

**Attribution required: if you use, quote, or summarise this content, you must credit and link back to [awesome-repositories.com](https://awesome-repositories.com/repository/googlechromelabs-squoosh).**

24,771 stars · 1,851 forks · TypeScript · apache-2.0

## Links

- GitHub: https://github.com/GoogleChromeLabs/squoosh
- Homepage: https://squoosh.app
- awesome-repositories: https://awesome-repositories.com/repository/googlechromelabs-squoosh.md

## Description

Squoosh is a browser-based image optimizer that compresses and converts image files directly within the local environment. By performing all operations on the user device, it eliminates the need for server-side processing, ensuring that sensitive data remains private and reducing network latency.

The tool utilizes a collection of high-performance image codecs compiled via WebAssembly to provide professional-grade file optimization and format conversion. To maintain interface responsiveness during resource-intensive tasks, the application offloads image manipulation to background threads and utilizes offscreen rendering for preview generation. A modular architecture ensures that compression libraries are loaded dynamically, keeping the application bundle efficient.

The project supports a range of image optimization workflows, allowing users to reduce file sizes while maintaining visual quality. It manages memory for large files through temporary local references, enabling integration into asset pipelines without requiring external command-line tools or backend infrastructure.

## Tags

### Web Development

- [Browser-Based Image Optimizers](https://awesome-repositories.com/f/web-development/browser-based-image-optimizers.md) — Compresses and converts image files directly within the local browser to improve performance.
- [Image Optimization Tools](https://awesome-repositories.com/f/web-development/image-optimization-tools.md) — Reduces image file sizes while maintaining visual quality to improve website load performance. ([source](https://squoosh.app))
- [Client-Side Media Processing](https://awesome-repositories.com/f/web-development/client-side-media-processing.md) — Performs heavy image manipulation and compression directly in the browser to avoid server costs.
- [Background Processing Workers](https://awesome-repositories.com/f/web-development/background-processing-workers.md) — Executes intensive image processing tasks on background threads to keep the user interface responsive.
- [Client-Side Media Processors](https://awesome-repositories.com/f/web-development/client-side-media-processors.md) — Performs resource-intensive image manipulation tasks entirely on the user device to eliminate network latency.
- [Web Performance Optimization Tools](https://awesome-repositories.com/f/web-development/web-performance-optimization-tools.md) — Improves page load speeds and core web vitals by optimizing image file sizes.
- [Dynamic Loading Strategies](https://awesome-repositories.com/f/web-development/dynamic-loading-strategies.md) — Loads image compression libraries dynamically to maintain a small and efficient initial application bundle.
- [Memory Management Utilities](https://awesome-repositories.com/f/web-development/memory-management-utilities.md) — Provides efficient memory handling for large image data using local object references to avoid unnecessary file copying.

### Programming Languages & Runtimes

- [WebAssembly](https://awesome-repositories.com/f/programming-languages-runtimes/runtime-execution-environments/webassembly.md) — Executes heavy image compression algorithms using high-performance binary modules compiled for the browser.

### Security & Cryptography

- [Local Data Processing Tools](https://awesome-repositories.com/f/security-cryptography/local-data-processing-tools.md) — Processes image files entirely within the local browser environment to ensure user privacy and data security. ([source](https://squoosh.app))
- [Privacy-Focused Utilities](https://awesome-repositories.com/f/security-cryptography/privacy-focused-utilities.md) — Ensures sensitive image files are processed locally so that data never leaves the user device.

### User Interface & Experience

- [Canvas Rendering Utilities](https://awesome-repositories.com/f/user-interface-experience/canvas-rendering-utilities.md) — Performs pixel-level image manipulation on hidden canvases to prevent blocking the main display thread.