@ngx-core/media-optimizer

ngx-media-optimizer is a TypeScript library that performs image optimization, compression, and format conversion entirely in the browser, eliminating the need for server-side processing or external dependencies. It leverages native browser APIs like OffscreenCanvas and createImageBitmap to provide a lightweight, efficient solution for web applications.

Key Features

• Client-Side Processing — Compresses and converts images directly in the browser with no server round-trips.
• Framework-Agnostic — Works with Angular, React, Vue, and plain JavaScript.
• Zero Dependencies — Relies solely on native browser APIs, with no external libraries or WASM blobs.
• Parallel Batch Processing — Automatically detects and utilizes concurrency for efficient handling of multiple images.
• Binary-Search Quality Optimization — Finds the highest image quality that fits within a specified file size budget.
• Stepwise Resizing — Reduces images in multiple steps to preserve quality during downscaling.
• Comprehensive Format Support — Handles WebP, AVIF, JPEG, and PNG formats.
• Extensive Utility Functions — Includes validation, transparency detection, animation checking, and format probing.

Philosophy

The library prioritizes simplicity and performance by using the browser's built-in capabilities, avoiding unnecessary dependencies, and providing a clean, type-safe API for developers.