2 min read

zippy

Vite react tailwindcss shadcn

Overview πŸ”—

zippy is a client-side image compression tool that reduces file sizes directly in the browser. No uploads to external serversβ€”everything happens locally, ensuring privacy and speed.

Why I Built This πŸ”—

I frequently needed to compress images for web use but didn’t want to upload them to third-party services due to privacy concerns. Existing tools either required uploads, had file size limits, or were filled with ads.

A browser-based solution using modern compression libraries seemed like the perfect approach.

Key Features πŸ”—

Client-Side Processing πŸ”—

Images are compressed locally in the browser using browser-image-compression β€” nothing leaves your device. Perfect for sensitive screenshots or proprietary designs.

Multiple Format Support πŸ”—

Handles JPEG, PNG, and WebP formats with quality adjustment controls.

Batch Processing πŸ”—

Compress multiple images at once with progress indicators.

Size Comparison πŸ”—

Visual before/after comparison showing file size reduction percentage.

Privacy First πŸ”—

No server uploads, no tracking, no ads. Your images stay on your device.

Build Notes πŸ”—

Client-Only Architecture πŸ”—

Everything runs in the browser β€” image compression via browser-image-compression, batch download via JSZip and file-saver. No server, no uploads, no tracking. The tradeoff is that very large batches can strain browser memory, but for typical use (a few images at a time), this works perfectly.

Current Status πŸ”—

Recently built and actively maintained. A utility I use regularly in my own workflow.