Overview
Introduction
This tool converts a JPG into stark black-and-white 'binary art' entirely client-side using an ordered Bayer dithering pattern.
Instead of one hard threshold line, the result has a fine, structured 0/1-like texture in mid-tone areas.
What Is Binary JPG Creator?
A client-side ordered-dithering tool that reads an uploaded photo's pixel data and compares each pixel's luminance against a value pulled from a repeating 4x4 Bayer threshold matrix, rather than one flat number.
The result is a two-color black-and-white image, but with a deliberate, grid-aligned dot/checker texture standing in for mid-tone grays.
How Binary JPG Creator Works
For every pixel, the tool looks up a threshold value from a fixed 4x4 Bayer matrix based on the pixel's (x mod 4, y mod 4) position, normalizes it to a 0-255 range, and optionally shifts it by the chosen threshold slider's bias from the neutral midpoint.
If the pixel's luminance is at or above its local threshold it becomes white, otherwise black. Because the matrix values repeat in a structured pattern rather than staying constant, mid-tone regions naturally develop a fine textured look instead of one hard edge.
When To Use Binary JPG Creator
Use it for a retro, halftone-print, or newspaper-style 'binary art' look, or whenever you want a black-and-white conversion that reads as textured rather than flatly thresholded.
It's also a fun stylistic effect for social graphics or album-art-style images.
Often used alongside Black and White JPG Creator, Dithered JPG Creator and PNG Dithering Adder.
Features
Advantages
- Runs entirely client-side; nothing is uploaded to a server.
- Produces a distinctive textured look rather than a single hard threshold edge.
- Fast, fixed-size matrix lookup with no error-diffusion bookkeeping.
Limitations
- The 4x4 repeating pattern can be visible as a subtle grid, especially at large image sizes.
- Less adaptive to local detail than Floyd-Steinberg error-diffusion dithering.
Examples
Best Practices & Notes
Best Practices
- Use on photos with clear subject/background separation for the most legible results.
- Try both this tool and the dithered JPG creator on the same photo to compare ordered vs. error-diffusion textures.
Developer Notes
createBinaryJpg looks up BAYER_4X4[y % 4][x % 4], normalizes it to a 0-255 local threshold, and offsets it by (threshold - 128); this ordered-dithering approach is intentionally distinct from blackAndWhiteJpgCreator's single global threshold and from ditheredJpgCreator's Floyd-Steinberg error diffusion.
Binary JPG Creator Use Cases
- Creating a retro halftone/newspaper-print style effect
- Generating stylized binary-art graphics for social posts
- Producing a textured black-and-white look distinct from a flat threshold
Common Mistakes
- Expecting an identical result to the black-and-white JPG creator: the two use genuinely different algorithms.
- Using this on very small images, where the repeating 4x4 pattern can dominate the whole result.
Tips
- Increase image contrast beforehand if the dithered pattern looks too uniform across a flat photo.
- For a smoother-looking dither instead of a grid-aligned one, try the Floyd-Steinberg-based dithered JPG creator instead.