How is the image converted?

It uses a standard luminance-based grayscale, the same method browsers use for the CSS grayscale filter.

Does it keep the original resolution?

Yes. The output matches the original width and height. Only the colors come out.

Grayscale Image

Convert every pixel to its brightness value for a clean black-and-white version.

What this does

Convert an image to grayscale, mapping each pixel to its luminance for a clean black-and-white version. It uses the same standard luminance-based grayscale as the CSS grayscale filter, and the output keeps the original width and height — only the color comes out.

How it works

1Drop your image.
2The grayscale preview shows up right away.
3Download the black-and-white image.

Built on web standards

Built with standard browser APIs — no third-party libraries.

Frequently asked questions

Related tools

All Edit image →

Remove BackgroundRemove the background from an image and download a transparent PNG. Runs entirely in your browser.Resize ImageResize an image to any width and height. Lock the aspect ratio so nothing stretches.Image UpscalerUpscale an image 2× or 4× in your browser with an AI super-resolution model. Sharper than plain resizing.Crop ImageCrop an image by dragging a box around the exact part you want to keep.Blur BackgroundBlur the background of an image while keeping the subject sharp. Runs entirely in your browser.Pixelate ImagePixelate an image by averaging it into square blocks. You set the block size.