Dither Studio
Dither
Animate
hover · force field · click · wave
Reset
Drop image or click to upload
PNG · JPG · SVG · WebP · GIF
Grid
—
Dots
—
Density
—
Output
—
Image
▾
Brightness
0
Contrast
0
Gamma / Midtones
1.00
Sharpen
0%
Blur Radius
0
Noise
0%
Invert Input
Dither
▾
Algorithm
Floyd-Steinberg
Atkinson
Jarvis-Judice-Ninke
Stucki
Sierra
Sierra Two-Row
Sierra Lite
Burkes
Bayer 2×2
Bayer 4×4
Bayer 8×8
Void & Cluster
Threshold
161
Error Strength
127%
Serpentine Scan
Render
▾
Scale (dot grid)
2 px
Dot Shape
Circle
Square
Diamond
Cross / Plus
Triangle
Hexagon
Star
Ring
Dot Size
100%
Corner Radius
0%
Ring Width
30%
Rotation
0°
Invert Output
Colors
▾
Foreground
Background
Transparent Background
Output
▾
Render Scale
1×
Max Grid Size
800
Crisp Preview
◑
Upload an image to begin
or drag & drop anywhere
−
fit
+
◾
◻
▦
Force Field
▾
Mode
Repel
Attract
Vortex
Radius
120
Strength
8.0
Falloff
Smooth
Spring
▾
Stiffness
0.050
Damping
0.88
Mass
1.0×
Wave / Click
▾
Wave Speed
400 px/s
Wave Strength
14
Wave Width
35 px
Wave Decay
400 px
Click Strength ×
0.4×
Click Radius
45 px
Visual
▾
Dot Scale
1.0×
Motion Blur
Off
Background
Dot Color
Velocity Tint
Velocity Color
Cursor Ring
Wave Rings
Actions
▾
↺ Reset
⊹ Scramble
✦ Explode
⊙ Implode
⌁ Full Wave
↓ Gravity
◑
Dither an image first
Go to the Dither tab, upload an image,
then click
▶ Animate
in the bottom bar
hover
force field
click
wave
R
reset
E
explode
Space
full wave
0 fps
Copy SVG
Copy JS
JSON
PNG
Animate
Export SVG