Show HN: Client-side image optimizer built with Next.js

3 points

5 months ago

I built an open-source image optimizer that runs entirely in the browser. All compression happens client-side using the Canvas API—images are never uploaded or sent to a server.

The project was created with the help of v0 and AI tooling, but the architecture, state management, and image-processing logic were designed and implemented by me based on my own experience.

Features:

Fully client-side image optimization

Batch processing with a global quality slider

Real-time size comparison and compression savings

Individual and bulk download

Light/dark theme with system preference support

Tech stack:

Next.js (App Router)

React

TypeScript

Tailwind CSS

Repo: https://github.com/ivanglpz/v0-image-optimizer

Live demo: https://imgs-optimizer.vercel.app/

Feedback and technical critique are welcome.