Create Image from RGBA Array
Rebuild a PNG image from a flat list of R, G, B, A pixel values. Runs entirely in your browser, so your data never leaves your device.
0 chars · 0 lines
Output
The result appears here as you type.
How to use Create Image from RGBA Array
- 1. Paste the RGBA values. Type or paste a flat list of red, green, blue and alpha byte values, four numbers per pixel in row-major order, each between 0 and 255.
- 2. Set the Width (px). Enter how many pixels wide each row represents. The tool splits the flat array into that many pixels per row and derives the image's height from the remaining count.
- 3. Download the rebuilt PNG. Click generate to turn the RGBA numbers into an actual picture, then download it. Transparent or semi-transparent alpha values show as see-through areas in the output.
When to use Create Image from RGBA Array
Create Image from RGBA Array reconstructs a PNG from a flat list of red, green, blue and alpha byte values, the channel order most web canvases and image libraries use natively. Paste in the numbers and get back the picture they describe, including any transparency.
- Debugging a canvas getImageData dump. You logged the Uint8ClampedArray from a JavaScript canvas's getImageData call to the console and want to see the actual pixels it represents without writing a rendering script yourself.
- Checking a WebGL texture upload. A shader or texture pipeline is producing unexpected colors, and dumping the raw RGBA buffer before it hits the GPU lets you confirm the source data is correct.
- Reconstructing test fixtures. A unit test for an image-processing function stores expected output as an array of RGBA integers, and you want a quick visual check that the fixture actually looks like what you intended.
- Recovering data from a raw export. An old script or embedded device saved pixel data as plain numbers instead of a proper image file, and this is the fastest way to turn that list back into something you can view and share.
Examples
One opaque green pixel
Input
0 255 0 255 (width 1)
Output
image.png (1×1 px)
About the Create Image from RGBA Array tool
Create Image from RGBA Array runs as plain JavaScript in your browser tab, with no server behind it. Rebuild a PNG image from a flat list of R, G, B, A pixel values. Whatever you put in stays on your device from start to finish.
The tool is part of EditSafely's Image Tools section, 200 single-purpose utilities built around the same idea: open the page, get the result, keep your data to yourself.
You can shape the output with the Width (px) setting, and the result refreshes the moment you change it. The finished file is put together in browser memory and saved with the Download button, so it never touches a server on the way to your disk. A worked example further down the page shows exactly what the tool produces for a real input.
That local-first design has practical benefits beyond privacy. The tool keeps working on a flaky connection once the page has loaded, results are instant because nothing round-trips to a server, and it is safe to use with confidential material.
Frequently asked questions
Is Create Image from RGBA Array free to use?
Yes, it is completely free. All 2,658 tools on EditSafely work without an account, a subscription or usage limits.
Is it safe to paste sensitive or confidential data?
Everything happens locally. Your browser downloads the tool's code once, then does all the processing itself; nothing you enter is transmitted, stored or logged. You can even go offline after the page loads and it will still work.
How much text can I process at once?
There is no fixed limit. Because the work happens on your own device rather than on a shared server, the practical ceiling is your machine's memory, which comfortably handles inputs far larger than typical online tools allow.
Do I need to sign up or install anything?
No. The tool works in any modern browser on desktop, tablet or phone. There is no account to create, no extension to add and no software to install.
How do I save the output?
Click the Download button once the result is ready. The file is built in your browser's memory and handed straight to your downloads folder, without passing through a server.