Dither Generator
Apply classic 1-bit dithering — Floyd–Steinberg, Atkinson and Bayer ordered dithering — to any image.
Drag & drop image/video, paste (Ctrl+V), or
100% Client-side. No files leave your device.@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@%@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@%@@@@@%@@@@@@%@@@@@@@@@@@@@@@@@@@@@@@@ @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@%@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ @@@@@@@@@@@@@@@@@@@@@@@@@%@@@@@%@@@@@@@@@@@@@@@@@@%@@@@@%@@@@@@@@@@@%@%@@@@@%@@@@%@@@@@%@@@@@%@@@@@@ @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@%@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@%@@@@@%@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@%@@@@@@@@@@@@@@@@@@@@@@@@%@@@@@@@@@@@@@@@@@@@@@@@@%@@@@@@ @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@%@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@%%%%%#%#%#%%%%%%@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ @@@@@@@@@@@@@@@@@@%@@@@@@%%%%####*##***#**####%%%@@%@%%@@%%@@%%@@@@%%@%@@%@%%@@@@%@@@@@@@@@@@@@@@@@@ @@@@@@@@@@@@@@@@@@@@@@@@%%####**+**+*+*++*+**#*#%#%@@@@@%@@@@@%@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ @@@@@@@@@@@@@@@@@@@@@@%%###**+++++++++++++++++**###%%@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ @@@@@@@@@@@@@@@@@@@@@%%##**++++++=====+=++++=+++**####@@%@@@@@@@@@@@%@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ @@@@@@@@@@@@@@@@@@@@%##***++++==============++++++**##%@@@@@@@%@@@@@%@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ @@@@@@@@@@@@@@@@@@@%%#**+++=+=======-=========++++****#%%@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ @@@@@@%@@@@@%@@@@@%%##*++++======-=-----=-=====+++++*###%@@@@@%%%%%%%%%%%@@@@@@@@%@@@@@@@@@@@@@@@@@@ @@@@@@@@@@@@@@@@@@%%#*++++=======------:-==-====++++**#%#@@%%%%%#%%###%%%%%%@@@@@@@@@@@@@@@@@@@@@@@@ @@@@@@@@@@@@@@@@@@%%#**+++======----:-----=======+++**##@@%%%%####*######%%%%@@@@@@@@@@@@@@@@@@@@@@@ @@@@@@@@@@@@@@@@@@%###+++=+====-=----------====++++++#*%@%%%###*#***#**####%%%%@@@@@@@@@@@@@@@@@@@@@ @@@@@@@@@@@@@@@@@@%%#**++++====-=-----------====+++***#@%%%%###******#***###%%%%@@@@@@@@@@@@@@@@@@@@ @@@@@@@@@@@@@@@@@@%%##*+++=+======-==-========++++++#*#@%%%%###***++****###%%%%@@@@@@@@@@@@@@@@@@@@@ @@@@@@@@@@@@@@@@@@@%%#*#+++++=+===============+++++#*##@%%%#####*******###%#%%%@@@@@@@@@@@@@@@@@@@@@ @@@@@@@@@@@@@@@@@@%@%%#***+++++++=========+=+++++***#%%@@%%%#%###**#**#####%%%@@@@@@@@@@@@@@@@@@@@@@ @@@@@@@@@@@@@@@@@@@@@%#%##**+*++++++=++++++++++***##%%@@@@%%%%%##########%%%%%@@@@@@@@@@@@@@@@@@@@@@ @@@@@@@@@@@@@@@@@@@@@@@%%##*****+++++++++++*+***##%%@@@@@@@@%%%%%#%%#%%%%%%@@@@@@@@@@@@@@@@@@@@@@@@@ @@@@@@@@@@@@@@@@@@%@@@@@@%%%###*************###%%%@@@@@@@@@@@@@%%%%%%%%@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ @@@@@@@@@@@@@@@@@@%@@@@@@@@@%%%#########*##%#%@%@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@%@%%%%%%@%%@%@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ @@@@@@%@%@@@%@@@@%%@@@@@@%%@%@@%@@@%@%@%@@%%@@@@@@%@@@@@@@@@@@%@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@%@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ @@@@@@@@@@@@@@@@@@%@@@@@@@@@@@@@@@@@@@@@@@@%@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ @@@@@@%@@@@@@@@@@@%@%@@@@@@%@@@%@@@@@%@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ @@@@@@@@@@@@@@@@@@%@@@@@@@@@@@@%@@@@@%@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ @@%@@@%@@@@@%@@@@@%@@@%@@%@%@@@%@@%@@%@@@@@@@@@@@@%@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ @@@@@@@@@@@@%@@@@@%@@@@@@%@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ @@@@@@@@@@@%@@@@@@%@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
Download:
100 × 38 chars (3,800 glyphs)
Density / Width: 100 chars
Contrast: 35
Brightness: 5
Gamma: 1.0
Dithering Algorithm:
How to use the Dither Generator
Three steps, all processed in your browser.
1
Add an image
Upload or paste the picture you want to dither.
2
Pick an algorithm
Compare Floyd–Steinberg for smooth gradients, Atkinson for crisp contrast and Bayer for a patterned look.
3
Export it
Download the dithered image as PNG or SVG.
How dithering works
Dithering represents shades using only a few colors — often just black and white — by arranging pixels in patterns. Early computers and handheld consoles used it to show photos on screens that could only display a handful of colors.
The generator includes the classic algorithms:
- Floyd–Steinberg spreads each pixel's rounding error to its neighbors. It gives smooth, natural gradients and is the most common choice.
- Atkinson, created for the original Apple Macintosh, passes on only part of the error. Highlights and shadows become cleaner and the result looks crisper.
- Bayer (ordered dithering) compares pixels against a fixed threshold pattern, producing the regular crosshatch texture typical of early games. The 8×8 matrix gives finer steps than 4×4.
Raise the contrast before dithering for a bolder 1-bit look.
Frequently asked questions
Which dithering algorithm should I choose? ▼
Floyd–Steinberg for photos with soft gradients, Atkinson for a crisp, high-contrast retro look, and Bayer for a deliberately patterned, video-game style.
Why does my dithered image look noisy? ▼
Error-diffusion dithering adds fine grain by design. Lower the brightness or contrast slightly, or switch to Atkinson, which leaves flat areas cleaner.
Can I export at full resolution? ▼
Yes. Export a PNG to keep the exact pixel pattern. Avoid JPEG for dithered images — its compression blurs the dots.
Related tools
Guides and tutorials
What Is Dithering? Floyd–Steinberg, Atkinson and Bayer Explained
What is dithering? How Floyd–Steinberg, Atkinson and Bayer patterns fake extra shades with few colours, and when to use each one in your own images.
What Is Halftone? Dots, Screen Angles and LPI Explained
What is halftone? How printers build photos from dots of varying size, why screen angles avoid moiré, and how to make a halftone effect from any image.