Start with a photo you like.
Open ditherit.com. Drop an image onto the editor, paste one, or use Select. Once an image is loaded, Add image lets you bring in another. Select its thumbnail to work on it.
A clear silhouette, a face with distinct lighting, or a landscape with light and dark areas makes a useful first experiment. Tiny details can disappear as the pixels get larger.
Borrow our little coastline.
This AI-generated sample is the starting image used throughout the guide.
Download sample JPG ↓Pick a palette. Change the mood.
In Palette → Presets, choose Black & White for a simple first pass. Leave Dither Mode on Error Diffusion and Algorithm on Floyd-Steinberg. This spreads the tonal detail into a fine, irregular dot texture.
Choose Compare below the image to see the original beside the result. Drag the divider across the preview to inspect a particular area; choose Compare again to return to the full result.
Read the walkthrough
The coastal image starts with Original (from image) selected. Open Presets and choose Black & White. Wait for the result, then choose Compare beneath the image to see the original and the dithered version side by side.
Find your kind of dots.
Switch Dither Mode to Bayer (Ordered). With Matrix Size at 4x4, the texture becomes a regular repeating pattern. Compare it with Floyd-Steinberg on the same photo before changing anything else.
Then raise Pixel Scale from 1x to 2x or 3x. Larger pixels make the pattern more visible and the image more abstract. If a face or small object stops reading clearly, bring the scale back down.
Read the walkthrough
Start with Error Diffusion, Floyd-Steinberg, and Black & White. Open Dither Mode and choose Bayer (Ordered). Keep Matrix Size at 4x4. Increase Pixel Scale from 1x to 2x, then 3x, and watch the pattern become coarser.
Photo, with texture.
Error Diffusion
Floyd-Steinberg
Black & White · 1x
A little more pixel.
Bayer (Ordered) · 4x4
Game Boy DMG-01
768 px wide · 3x
Take your favorite with you.
Under Size, enter a width in W and choose the checkmark, Apply size. The height follows the image’s proportions. In our example, 768 pixels wide becomes 512 pixels tall.
Choose Download directly beneath the preview. The still-image menu offers PNG, JPG, and SVG. Start with PNG to preserve crisp pixel edges; check the file in the app where you plan to use it.
Read the walkthrough
With the Game Boy palette and Bayer pattern already selected, change W from 1536 to 768. Choose Apply size; H becomes 512. Open Download beneath the preview to reveal PNG, JPG, and SVG. This clip shows the export menu; a separate PNG download was tested for the black-and-white example.
Want to inspect a real export? Download our 1536 × 1024 black-and-white PNG, saved directly from Dither it.