PixuBest compression under TECR

Contextual Reconstructive Entropy · PIXU format · Zero dependencies · TypeScript

Contextual Reconstructive Entropy

Optimize L(x|M,C,ε) — ship fewer bytes given shared model, content context, and perceptual error. Shannon still holds; the problem we solve is better.

PIXU Encode

image/pixu TECR path — typically 30–60% smaller than JPEG and 20–40% vs WebP; saves as .webp or .jpg.

Smart Context (C)

Smart Quality classifies photo, graphic, and text so bitrate follows structure, not a blind constant.

Zero Dependencies

Lightweight bundle (~14KB gzip). No external runtime deps — ship less, load faster.

Framework Ready

Drop-in components for Vue 3, React, Angular, Svelte, and Jacaré with real sample images.

Full TypeScript

Typed API, CompressionResult, SupportedFormat, and buildDownloadName helpers.

Quick Start

bash

npm install @pantanal/pixu

typescript

import { compress, buildDownloadName } from '@pantanal/pixu';

const result = await compress(file, {
  format: 'image/pixu',
  enableSmartQuality: true,
  stripMetadata: true,
});

console.log(result.compressionRatio);
console.log(buildDownloadName('photo', result.format)); // photo.webp or photo.jpg

Theory

Pixu minimizes shipped bytes under Contextual Reconstructive Entropy — $L (x ∣ M, C, ε)$ — not a claim to beat Shannon losslessly.

Try It Live

Pick a sample photo or upload your own — same layout as the framework examples.

Try it live

Pick a sample or upload your own image

Try a sample image

Vue component — live

PixuCompressor with real sample images

Click or drag image here to compress

Supports JPEG, PNG, WEBP, AVIF, PIXU

Or try a real sample

Framework Examples

Framework	Port	Command
Vue 3	3000	`cd examples/vue && npm run dev`
React	3001	`cd examples/react && npm run dev`
Angular	4200	`cd examples/angular && npm start`
Svelte	3002	`cd examples/svelte && npm run dev`
Jacaré	3003	`cd examples/jacare && npm run dev`

Build the library first: npm run build from the repo root.

View all framework examples →

Documentation Map

Getting Started — install and first compression
PIXU Format — proprietary output format
Components — Vue, React, Angular, Svelte, Jacaré
API Reference — compress, compressBatch, types
Code Examples — presets, filters, workers, batch