Random Bitmap Generator
FreeGenerate a random bitmap pattern of greyscale or colored squares, with a reproducible seed and batch ZIP download, directly in your browser.
Runs entirely in your browser. Nothing is uploaded anywhere.
Recent Activity
Visible to everyone. Last 20 uses across all visitors, newest first.
20 x 20 grid, greyscale/binary, png
6 hours ago
20 x 20 Raster, greyscale/binary, png
21 hours ago
20 x 20 grid, greyscale/binary, png
1 day ago
20 x 20 网格,greyscale/binary,png
1 day ago
20 x 20 cuadrícula, greyscale/binary, png
1 day ago
20 x 20 grid, greyscale/binary, png
3 days ago
20 x 20 grid, greyscale/binary, png
1 month ago
20 x 20 grid, greyscale/binary, png
1 month ago
20 x 20 grid, greyscale/binary, png
1 month ago
20 x 20 grid, greyscale/binary, png
1 month ago
20 x 20 grid, greyscale/binary, png
1 month ago
20 x 20 grid, greyscale/binary, png
1 month ago
20 x 20 grid, greyscale/binary, png
1 month ago
20 x 20 grid, greyscale/binary, png
1 month ago
What this tool does
Generates a random bitmap pattern of colored or greyscale squares, directly in your browser. Set the grid size and square size, choose Greyscale or Color mode and Binary (on/off) or Full (0-255) values, then generate one image or a whole batch at once, reproducibly, using a Seed number.
How It Works
The tool builds an image out of Grid Width times Grid Height squares, each Square px pixels wide and tall. A seeded pseudo-random number generator (the same seed always produces the exact same sequence of numbers) is stepped once per square, in order, to decide that square's color: in Binary mode, the next random number is compared against the Density percentage to decide on or off; in Full mode, the next random number (or three, one per channel, in Color mode) is scaled directly into a 0-255 value. Every pixel inside a given square is filled with that one color, producing the blocky mosaic look. When Quantity is greater than 1, each additional image reuses the same settings but starts from the next seed number, so the batch is fully reproducible image by image, and can be downloaded together as a ZIP file.
Problems it solves
- Creating placeholder or noise-texture images for design mockups, testing, or backgrounds.
- Generating a batch of unique but reproducible pattern images at once for a project.
- Recreating the exact same random pattern later by reusing the same seed and settings.
Frequently asked questions
›What is the difference between "Binary" and "Full" values?
Binary gives each square only two possible outcomes: fully on (white, or a bright color in Color mode) or fully off (black), decided by the Density slider's probability. Full instead picks an independent random value from 0 to 255 for every square (or every color channel, in Color mode), producing a much noisier, more continuous-looking pattern.
›What does the Density slider do?
It only applies in Binary mode and controls how likely each square is to be "on" rather than "off." At 0% every square is black; at 100% every square is on; at 50% roughly half the squares end up on, randomly scattered.
›What does the Seed field do, and why does it matter?
The pattern is generated by a deterministic pseudo-random number sequence that starts from the Seed number. Generating with the exact same Seed and the exact same Grid, Mode, Values, and Density settings always reproduces the identical pattern, pixel for pixel, which lets you recreate a pattern you liked later or share the settings with someone else to get the same result. Pressing Randomize just picks a new random seed number for you.
›How does generating multiple images at once work?
Setting Quantity above 1 generates that many separate patterns in one batch, each using the next seed number in sequence (Seed, Seed+1, Seed+2, and so on), shown as thumbnails you can click to preview. With more than one image generated, a "Download All (ZIP)" button appears to save every image in a single .zip file.
›Is anything uploaded to a server?
No. Every pattern is generated and rendered entirely in your browser using the HTML canvas API, and the ZIP file is built locally as well. Nothing is sent to a server.
Related Tools
Image
Image Tint Effects
Apply Colorize (single-color tint) or Duotone (two-color gradient map) effects to an image with a live preview.
FreeImage
Get Colors Image
Extract a dominant color palette from an image using median-cut quantization, with copy as hex or CSS variables.
FreeImage
Image Crop & Resize
Crop, resize, or round the corners of an image directly in your browser.
FreeImage
Image Flip & Rotate
Flip an image horizontally or vertically, or rotate it by 90°, 180°, or any custom angle directly in your browser.
Comments (0)
Found this tool useful? Leave a comment, share a tip, or tell us how we can make it better.
No comments yet. Be the first to share your thoughts!