Random Bitmap Generator
Set dimensions, pick colors and a pattern, hit generate. No signup, no uploads. Your image stays in the browser.
How it works
Set your width and height (up to 2000x2000). Choose a pixel size; smaller means more detail, bigger means chunkier blocks. Then pick a color mode and pattern. Hit Generate and the bitmap appears on the right. Download it or copy to clipboard.
The pixel size is worth experimenting with. A value of 2 on a 400x400 canvas gives you a 200x200 grid of tiny blocks. A value of 50 gives you an 8x8 grid of fat squares. Both look completely different even with the same colors.
What you get
Four color modes: fully random, a custom palette you build with color pickers, greyscale, or strict black and white. For patterns there's checkerboard, stripes (horizontal, vertical, diagonal), polka dots, and plain random where every block picks its own color independently.
The shading toggle is worth trying. It nudges each block's brightness up or down by about 30 percent, so colors that should be identical end up looking slightly different. Gives it more of a texture than a flat fill.
Downloads come in PNG, JPG, WEBP, or BMP. There's a copy-to-clipboard button too if you just need to paste something quick.
Where people actually use this
Prototyping and mockups
Designers throw these into wireframes and mockups when the real images aren't ready yet. A 400x300 bitmap in your brand colors looks way better in a presentation than a grey rectangle with "image goes here" written on it. You can set exact dimensions so the placeholder matches the final asset size.
Game dev and pixel art
Some indie developers use random bitmaps as base layers for tilesets or background textures. Crank the pixel size up, pick two or three earth tones, enable checkerboard, and you've got a starting point for terrain that doesn't look like every other placeholder. The random mode is also decent for generating noise textures.
Testing image pipelines
If you're writing code that processes images, you need test images with known properties. Generate a 500x500 greyscale bitmap and feed it through your edge detector to see if the output makes sense. The black-and-white mode is handy for testing threshold-based algorithms.
What's happening under the hood
The tool draws on an HTML5 canvas. It divides the canvas into a grid based on your pixel size, then fills each cell with a color. In random mode, every cell gets its own color independently. In patterned modes, the tool picks two colors and uses coordinate math to decide which cell gets which one. A checkerboard just checks whether x+y is even or odd.
Shading works by multiplying each color channel by a random factor between 0.7 and 1.3. So a pure red block might become slightly darker or lighter than its neighbor. It's a small thing, but it keeps the image from looking like a flat spreadsheet of colors.
Questions people ask
A: Technically all digital images are bitmaps; they're grids of colored pixels. But BMP is also a specific file format that stores pixel data without compression, which makes the files large. This tool generates bitmap-style images in the browser and lets you download them as PNG, JPG, WEBP, or BMP. The actual output format depends on which download button you click.
A: Probably not, unless you use Custom Palette mode with shading turned off. Every generation picks fresh random values, so even identical settings produce different results. If you need reproducibility, pick your own colors and disable shading.
A: Depends on the vibe you're going for. For a retro 8-bit look, try pixel size 8-16 on a 128x128 or 256x256 canvas. For big blocky tiles, go 20-50. Anything below 5 starts looking like TV static, which can be cool too if that's what you want.
A: In random mode, each pixel block picks its own color independently, so you get colorful noise. Checkerboard picks two colors and alternates them in a grid pattern. The result is much more structured. Random is good for textures, checkerboard is good for tiles.
A: It randomly lightens or darkens each color block by up to 30 percent. Without shading, two red blocks are identical. With shading, one might be slightly brighter, another slightly darker. The effect is subtle but it keeps the image from looking like a flat fill. It mimics the kind of variation you'd see in a hand-painted or scanned surface.