User Rating 0.0 ★★★★★

Total Usage 0 times

Category Image Converters

Binary string (0s and 1s) Paste binary digits. Non-0/1 characters are stripped automatically.

Drop file here or click to browse Any file type accepted

Color Mode

Width (pixels) Leave blank for auto (square).

Pixel Scale

Padding Color

Is this tool helpful?

Your feedback helps us improve.

★ ★ ★ ★ ★

About

Raw binary data has no inherent visual form. This tool maps byte sequences to pixel values on a canvas, producing a faithful raster image from any binary input. In 1-bit mode each bit becomes a black or white pixel. In grayscale mode each byte (0 - 255) maps to a single luminance pixel. In RGB mode every 3 bytes define one pixel's red, green, and blue channels. Width is configurable; height derives from Nw where N is the total pixel count. The output is a lossless PNG suitable for forensic analysis, steganography research, or data-art projects.

Misconfiguring width produces diagonal banding artifacts that obscure structure. Choosing the wrong color mode shifts byte alignment and corrupts the visual. This converter auto-detects sensible defaults but exposes every parameter so you can match the source format exactly. Note: the tool approximates square dimensions when no width is specified. For non-square data, set width manually to match the original raster stride.

Formulas

The core mapping converts a linear byte array into a 2D pixel grid. Given N total pixels (determined by byte count and color mode) and a chosen width w:

h = ceil(Nw)

For auto-width when no value is specified:

w_auto = ceil(√N)

Pixel count N depends on the color mode and total byte count B:

{

N = B × 8 if 1-bitN = B if grayscaleN = floor(B ÷ 3) if RGBN = floor(B ÷ 4) if RGBA

Each pixel at position i maps to canvas coordinates:

x = i mod w , y = floor(iw)

Where B = total bytes in input, N = total pixel count, w = image width in pixels, h = image height in pixels, i = linear pixel index.

Reference Data

Color Mode	Bytes per Pixel	Channels	Value Range	Typical Use
1-Bit (B&W)	18	1	0 or 1	Fax, barcodes, QR internals
Grayscale	1	1	0 - 255	Firmware dumps, entropy maps
RGB	3	3	0 - 255 each	Raw framebuffers, BMP payloads
RGBA	4	4	0 - 255 each	Transparent textures, iOS assets
Common File Signatures (Magic Bytes)
PNG	89 50 4E 47		First 4 bytes: 137 80 78 71 decimal
JPEG	FF D8 FF		First 3 bytes: 255 216 255
GIF	47 49 46 38		ASCII: GIF8
BMP	42 4D		ASCII: BM
PDF	25 50 44 46		ASCII: %PDF
ZIP	50 4B 03 04		PK header
Pixel Scale Reference
1×	1 data pixel = 1 screen pixel		Actual size, may be tiny
4×	1 data pixel = 4×4 block		Good for <256 byte files
8×	1 data pixel = 8×8 block		Good for <64 byte files
16×	1 data pixel = 16×16 block		Poster/print quality for small data

Frequently Asked Questions

If the total byte count is not evenly divisible by 3 (RGB) or 4 (RGBA), the trailing bytes are discarded. For example, 100 bytes in RGB mode yields floor(100 ÷ 3) = 33 pixels, with 1 byte unused. This is standard behavior matching raw framebuffer conventions. The tool reports the exact pixel count so you can verify alignment.

In 1-bit mode each individual bit becomes one pixel - a 0 bit renders black, a 1 bit renders white. One byte produces 8 pixels. In grayscale mode the entire byte value (0-255) maps to a single pixel's luminance. The same 100-byte file produces 800 pixels in 1-bit mode but only 100 pixels in grayscale. Use 1-bit for examining bit-level structure; use grayscale for byte-level entropy patterns.

Diagonal banding occurs when the configured width does not match the original data's row stride. If the source data was organized in rows of 320 bytes but you set width to 256, every row shifts by 64 bytes creating a shear artifact. Set the width to the exact row length of the source format. Common values: 128, 256, 320, 512, 640, 1024.

Yes. Paste a string of 0 and 1 characters into the text input. The converter groups every 8 characters into one byte (big-endian, MSB first). Characters other than 0 and 1 are stripped automatically. If the total character count is not a multiple of 8, the final partial byte is zero-padded on the right.

The practical limit depends on browser memory. Canvas dimensions are capped at roughly 16384 × 16384 pixels in most browsers. For a grayscale image that is approximately 268 million pixels (~256 MB of input). Realistically, files up to 10 MB render in under 2 seconds. Files above 50 MB may cause tab slowdowns. The tool displays a warning when pixel count exceeds 4 million.

Yes. A scale factor of 4× means each data pixel occupies a 4×4 block on the canvas. The exported PNG dimensions equal width × scale by height × scale. A 64-wide grayscale image at 4× scale exports as 256 × (height×4) pixels. This is useful for making small datasets visible but increases file size quadratically with scale.