Edge Media Engine

Transformation Playground

Test and verify all image transformation parameters supported by the edge engine. Enter custom values directly into the fields below, toggle filters, or edit the generated URL bar with real-time WebAssembly execution.

Transformed Preview
Generated Edge URL (Live Bi-directional Sync) Ready
1. Geometry, Resize & Cropping
Crop Demos:
2. Compression & Blur
3. Pixel Transformations & Flags
Parameter Syntax Cheatsheet:
• w / h: Target width & height in pixels (e.g. w=800&h=450)
• fit: cover (crops to aspect ratio), contain (letterboxes), fill (stretches), inside (shrinks within bounds)
• position: Crop gravity: center, top, bottom, left, right
• cw / ch: Center crop width & height before scaling
• q: Output compression quality from 1 to 100 (defaults to 85)
• blur: Gaussian blur sigma from 1 to 100 (recommended 2-10 for placeholders)
• rotate: Lossless exact pixel rotation (90, 180, 270)
• flip=h / flop=1: Mirror horizontally or vertically
• grayscale=1 & sharpen=1: Black-and-white conversion & unsharp edge sharpening