Back to Home
Pixel Data Exporter — Convert an Image to a Hex Grid, JS/C Array or CSS Pixel Art
Export the exact pixel values of an image as code: a hex colour grid, a JavaScript 2D array, a C uint32 array, or a CSS box-shadow pixel-art string. Downscale to any size, toggle alpha, then copy or download. Runs entirely in your browser — nothing is uploaded.
Export the exact pixel values of an image as code: a hex color grid, a JavaScript 2D array, a C uint32 array, or a CSS box-shadow pixel-art string. Downscale to any size and toggle alpha, then copy or download the result. It is built for embedded displays, LED matrices, game development, and teaching — and runs entirely in your browser.
How It Works
Choose a tool
Pick from 120+ tools to resize, convert, compress, or enhance your image.
Upload & edit
Drag and drop your image and adjust the settings. It stays on your device.
Download
Save your result instantly — no watermark, no sign-up required.
Why Image Machine?
Your files never leave your device
All processing runs locally in your browser. Your images are never uploaded to a server.
Completely free
Every tool is free, with no limits, no watermarks, and no hidden costs.
Lightning fast
No upload waiting — your images are processed instantly on your own device.
Professional quality
Pixel-perfect output with full control over format, size, and quality.
Frequently Asked Questions
How do I get the raw pixel values out of an image?
Load the image, optionally downscale it to a manageable grid, and the tool reads every pixel and emits it in the format you choose — a hex grid, an array, or a CSS string you can copy or download.
Which export formats are available?
You can export a hex color grid, a JavaScript 2D array, a C uint32 array, or a CSS box-shadow string that draws the image as pure CSS pixel art. Pick the one that matches your target code.
Why downscale before exporting?
Pixel data grows with width times height, so a full photo becomes an enormous array. Downscaling to something like 16×16 or 32×32 keeps the output small and is exactly what LED matrices and sprite work need.
Is the image uploaded to read its pixels?
No. Every pixel is read in your browser, so the image never leaves your device.