Advanced SVG Halftone & Video Dithering Tool

Effects Studio

Real-time visual filters

Media Source

Aspect Ratio / Cropping

Grid Resolution (Scale) 12 px

Background Color

Midtone Scale Range 0.2 – 1.0

Rotation 0°

Snaps to 0 / 90 / 180 / 270°

Fill SVG Shapes (Solid) Quick Invert Mapping

7-State Midtone Mapping

Each state maps to a brightness band (State 1 = brightest, State 7 = darkest). Click Library to pick from built-in shapes, or Upload a custom SVG. Pure black/white SVGs tint best.

Aspect Ratio / Cropping

Character Size 14 px

Character Width 0.55

Aspect ratio of each character cell

Symbol Preset

Symbols (light → dark)

.:-=+*#%@

Font Family

Bold Weight

Color Mode

Symbol Color

Background Color

Invert Mapping

Symbols are read left-to-right as light → dark. A space first usually looks best (it shows brightness fade-outs).

Aspect Ratio / Cropping

Use same settings for all effects

Turn off to open per-effect menus on the right.

Intensity 50%

Block Size 20 px

Shape Randomness 20%

Low: clean rectangles. High: jagged clusters of grid squares.

Color Palette

Used by Color Blocks, Pixel Splotches, Outline Rectangles, and Noise Speckle when unified controls are on.

Glitch Patterns

Auto-Shuffle (animate)

Shuffle speed ~91 ms

Higher = faster pattern updates

Aspect Ratio / Cropping

Base Layer

Background Color (shows through displaced gaps)

Background Media (optional — image or video behind gaps)

Choose image / video

Video loops muted. Media is scaled to cover the canvas; solid colour fills before draw if media is not ready.

Strength 60%

Tile Size 40 px

Distortion Patterns

Tile Shatter Strip Shred (horizontal) Strip Shred (vertical) Pixel Smear / Pull Wave Warp Noise Displacement Map

Effects compose top-to-bottom. Tile Shatter and Strip Shred reveal the background color through gaps. Wave Warp and Noise Displacement remap every pixel.

Direction

Horizontal Bias 100%

Vertical Bias 30%

Drop Chance 10%

% of tiles/strips removed (gaps appear)

Auto-Shuffle (animate)

Shuffle speed ~91 ms

Higher = faster pattern updates

Aspect Ratio / Cropping

Scale 100%

Threshold 128

Line Height 6 px

Min Length 6 px

Max Length 200%

Vertical Gap 2 px

Horiz Gap 0 px

Brightness 0

Contrast 0

Invert

Converts dark regions into horizontal black redaction bars. Adjust Threshold to control what counts as dark, and Scale to resize bar spacing relative to the image.

Aspect Ratio / Cropping

Preset

A starting point — tweak any control after applying.

Text Source

Text Mode

Character Set

Built-in Font

Or Upload Font (.ttf .otf .woff)

Layout

Scale (Line Height) 8 px

Size Variability 1.35×

Letter Spacing 0 px

Line Spacing 0.92×

Rotation Jitter 0°

Tone

Brightness -0.02

Contrast 1.60×

Threshold (Hide Light) 12%

Invert (Light On Dark)

Color

Sample Colors From Image Shade By Brightness

Text

Background

Color Jitter 0%

Transparent Background

Upload an image at the top, then pick a preset or tune the sliders. Output renders up to 1600 px on the longest side.

Aspect Ratio / Cropping

Detection

Detect

Threshold 55%

Detection Resolution 140

Merge Gaps 1

Min Blob Size 0.6%

Max Tracked Blobs 12

Track Motion (Persistent IDs)

IDs follow moving blobs across video frames.

Markers / HUD

Background

Marker Style

Marker Color

Line Width 2 px

Crosshairs Centroid Dot ID Labels Data Readout (Size / Position)

Drop an image or video, or start the webcam

Zoom 100%