Image

Image Grayscale Converter

Convert images to greyscale in your browser, with the luminance weighting that makes the difference between good and flat results.

Image Grayscale Converter

Transform your photos into classic black and white instantly.

Click to upload or drag and drop

SVG, PNG, JPG or GIF (max 800x4000px)

How it works

We process the image directly in your browser using HTML5 Canvas. Each pixel's RGB values are weighted to produce an accurate grayscale representation.

Privacy First

Your photos never leave your device. All processing happens locally in your web browser, ensuring complete privacy.

High Quality

We maintain the original resolution of your image. The result is a high-quality, professional black and white photo.

Need this done properly for your business?

Radiatus delivers secure cloud, DevOps & compliance engineering.

Book a free consult

Averaging the channels looks wrong

The naive conversion averages red, green and blue equally. The result is flat and muddy, because human vision is not equally sensitive to the three: green contributes far more to perceived brightness than blue does. The standard luminance formula weights them roughly 0.21 red, 0.72 green and 0.07 blue, and the difference is immediately visible. A red apple against green leaves becomes an indistinguishable grey blob under averaging and stays clearly separated under proper weighting.

Different weightings for different purposes

The Rec. 601 coefficients came from analogue television and are still widely used. Rec. 709 is the HD standard with slightly different weights. For photographic work either is fine; the perceptual difference is subtle. What matters far more is not using a flat average.

Channel mixing is how photographers actually work

Black-and-white film photographers used coloured filters to control tonal separation: a red filter darkens blue sky dramatically and makes clouds stand out. The digital equivalent is deliberately over-weighting one channel. Pulling more from the red channel darkens skies and lightens skin; pulling from blue lightens skies and makes skin blotchy. This is where a conversion stops being mechanical and becomes a decision.

CSS filter is not the same as converting the file

Applying a greyscale filter in CSS changes only how the image displays. The file still carries full colour, still downloads at full size, and appears in colour anywhere the CSS does not apply, including when saved or printed. If you want a greyscale file, convert the file.

Greyscale does not always shrink the file

A greyscale JPEG is usually smaller because chroma information is removed, but a greyscale PNG saved with an RGB palette is the same size as the colour original. Saving with an actual greyscale colour type is what produces the reduction.

Test your interface in greyscale

Beyond photography, converting a screenshot to greyscale is the fastest accessibility check available. Anything that becomes indistinguishable was relying on hue alone, which fails for the roughly one in twelve men with colour vision deficiency.

Frequently Asked Questions

Privacy & Security

Processed locally in browser.

Data: None
Client-side-Side
Active
v1.0

About This Tool

This tool runs entirely in your browser. No data is sent to any server, ensuring complete privacy. Simply use the interface above to get started — no registration or login required.

Disclaimer: This tool is provided "as is" without warranty of any kind. Results are for educational and utility purposes.