Create Image from BGR Array
Rebuild a PNG image from a flat list of B, G, R 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 BGR Array
- 1. Paste the BGR values. Type or paste a flat list of blue, green, red byte values separated by spaces or newlines, three numbers per pixel in row-major order, from 0 to 255 each.
- 2. Set the Width (px). Enter how many pixels wide each row of the array represents. The tool divides the total value count by three times this width to work out how many rows tall the image will be.
- 3. Download the rebuilt PNG. Click generate to convert the array into pixels and download the resulting image.png. Any mistake in the byte ordering shows up immediately as swapped or wrong colors.
When to use Create Image from BGR Array
Create Image from BGR Array turns a flat list of blue-green-red byte triples back into a viewable PNG. It matters because some libraries, most notably OpenCV, store pixels in BGR order rather than the more common RGB, so a dump of raw pixel data needs the channels read in that order to look correct.
- Debugging an OpenCV pipeline. A Python script using cv2 printed a numpy array of pixel values to a log file or terminal and you want to see what the frame actually looked like without re-running the capture.
- Verifying a frame grabber's output. An embedded camera driver hands off raw BGR bytes over a serial connection or file dump, and you need to confirm the sensor is capturing the expected image before wiring up the rest of the system.
- Reconstructing a corrupted export. A batch job exported pixel arrays instead of proper image files by mistake, and you have the raw numbers in a text log you need to turn back into something visual to hand to a teammate.
Examples
Two BGR pixels
Input
0 0 255 255 0 0 (width 2)
Output
image.png (2×1 px: red, blue)
About the Create Image from BGR Array tool
Create Image from BGR Array does its work locally, right in the browser. Rebuild a PNG image from a flat list of B, G, R pixel values. There is no upload step, no queue and no account, and your data never travels over the network.
It belongs to the Image Tools collection on EditSafely, a set of 200 small, focused Image utilities that share the same instant, private workspace.
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.
Running locally also makes the tool fast and dependable: results appear as you type or drop a file, there is no server outage that can take it down mid-task, and confidential data can be processed without a second thought.
Frequently asked questions
Does Create Image from BGR Array cost anything?
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?
No data leaves your device. The whole tool is JavaScript that runs inside your browser tab, so there is no upload, no server-side processing and no log of what you did. If you disconnect from the internet after the page loads, it keeps working.
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?
Nothing to install and no account needed. Open the page in any up-to-date browser, including on a phone or tablet, and the tool is ready.
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.