Upload an image, convert its pixels to grayscale in the browser, preview the result, and download the processed file locally.
The image was converted to grayscale locally with Canvas and ImageData.
The browser draws the uploaded image onto a canvas and reads the raw pixel buffer through ImageData.
Each pixel is converted to a luma-weighted grayscale value, then the canvas is exported back into a browser-supported image format for download.
No. The conversion happens locally in the browser with Canvas and object URLs.
No. The tool keeps the original width and height and only changes pixel colors.
Re-encoding the processed image can change compression details, which affects the final file size.
Any image format the browser can decode and draw on a canvas should work here.
Grayscale conversion reduces color information, but it does not crop or resize the image.
Canvas-based image transforms are a good fit for quick browser utilities with immediate previews.
The luminance formula weights green more heavily than red or blue to better match perceived brightness.
Related Tools
Build and preview Valorant crosshair settings.
Search common Vim commands.
Turn JSON rows into bar, line, or pie charts.
Convert WebP files and Base64 data in both directions.
Convert GIF files into Base64 text or data URLs.
Convert the first GIF frame into a JPG image.