Compress images
without sacrificing quality.

$npm install beautiful-image

Get started →Try playground GitHub

Browser

Canvas API for GPU-accelerated decode and resize. WASM handles sharpening and JPEG encoding.

Serverless

Full pipeline in pure WASM. No native binaries. Deploy to Lambda as a plain zip, no layers needed.

API

Chainable methods: resize, sharpen, blur, brightness, contrast, hueRotate, grayscale, invert.

Quality

Tuned JPEG encoding produces the smallest file while keeping images visually sharp and clean.

Same API, anywhere.

One import for the browser, one for Node.js. Everything else is identical.

import { image } from 'beautiful-image'

const result = await image(file)
  .resize(1200)
  .sharpen()
  .toJpeg(80)

document.getElementById('preview').src =
  URL.createObjectURL(result.blob)

// result.blob              optimized Blob
// result.originalSize      original file size
// result.compressionRatio  e.g. 0.72 = 72% smaller

import { image } from 'beautiful-image/node'
import { readFileSync, writeFileSync } from 'node:fs'

const input = readFileSync('./photo.jpg')

const result = await image(input)
  .resize(1200)
  .sharpen()
  .toJpeg(80)

writeFileSync('./optimized.jpg', result.data)

// result.data              optimized Buffer
// result.originalSize      original file size
// result.compressionRatio  e.g. 0.72 = 72% smaller

Compress imageswithout sacrificing quality.

Same API, anywhere.

Compress images
without sacrificing quality.