Zignal Examples

Interactive WebAssembly demonstrations of the Zignal image processing library

Explore real-time image processing algorithms running directly in your browser using WebAssembly.

Color Space Converter

Convert colors between RGB, HSL, HSV, XYZ, Lab, LMS, Oklab, and XYB color spaces

Face Alignment

Real-time face detection and alignment using webcam or image upload

QR Code

Scan QR codes live from the camera or an image, and generate your own

Perlin Noise

Generate procedural textures with configurable multi-octave Perlin noise

Seam Carving

Content-aware image resizing by removing low-energy seams

Feature Distribution Matching

Apply statistical color matching between source and target images

Contrast Enhancement

Interactively tune autocontrast clipping and compare with histogram equalization

White Balance

Real-time white balance correction on webcam feed

Metrics Analyzer

Upload two images and compare quality using PSNR and SSIM in the browser

ORB Feature Matching

Detect and match ORB features between two images

Hough Transform

Real-time animation of line detection using the Hough Transform

Global Optimization

Type a JavaScript function and watch the MaxLIPO+TR optimizer search for its optimum

Image Codec Playground

Inspect how an image is encoded and re-encode it as PNG, JPEG, BMP, or GIF with full control over the encoder options