Skip to content

Latest commit

 

History

History
204 lines (94 loc) · 4.3 KB

File metadata and controls

204 lines (94 loc) · 4.3 KB

EXTPIXEL : Extension Image Resizer

Next.js React TypeScript Client-Side Processing No Backend Privacy First ZIP Generation License

EXTPIXEL is a fully client-side image resizer

All image processing runs inside the browser using the HTML5 Canvas API.
No images are uploaded. No servers process your files.

Demo

hmm.mp4

Overview

EXTPIXEL supports:

image
  • Manual croo
  • Scaling based cropping
  • preset dimensions (for extensions)
  • Multiple resize stuff
  • Batch processing (up to 10 images)
  • Client side ZIP export

Designed with a retro NES inspired UI and sound effects.

Core Features

image

Preset sizes for extension req (dev)

Preconfigured pixel dimensions for:

  • Chrome Web Store
  • Microsoft Edge Add-ons
  • Opera Addons

Includes:

  • Small and large promo tiles
  • Screenshot s (smaal)
  • Screenshot Max

Manual Configuration

image

Dimension Input

  • Custom width (px)
  • Custom height (px)
  • Percentage scaling (e.g., 50%, 200%)
  • Optional aspect-ratio lock

Resize Modes

STRETCH

Scales directly to target width and height.

image

AUTO CROP

Scales to fully fill the target area, then center-crops.

image

MANUAL CROP

Interactive crop modal with:

  • Draggable crop rectangle
  • Resizable corner handles
  • Live pixel dimension readout
image

FIT

Letterbox / pillarbox into the target size.

Background options:

  • White
image
  • Black
image
  • Blur
image

Blur mode:

  • Background image scaled to cover
  • ctx.filter = 'blur(32px)'
  • Foreground image drawn sharp and centered

Batch Processing

  • Drag and drop up to 10 images
  • Process all in one click
image

Download Options

  • Download individual PNG files
image
  • Download all results as a ZIP
image

Privacy Model

  • All files processed in memory
  • No API keys
  • No uploads
  • No external image services
  • No storage
  • No tracking of image content

Tech Stack

Framework

  • Next.js 16.1.6 (App Router)

Language

  • TypeScript

UI / Styling

  • NES.css

credit

Pixel art source: AnubiArts -: https://anubiarts-info.carrd.co

image