Image Grayscale Converter
Convert any photo to grayscale in your browser. Choose a conversion method, pick your output format, and download — no upload required.
100% Client-Side Processing
All processing happens in your browser. Your images are never uploaded to a server.
Supported: JPG, PNG, WebP, GIF, AVIF, BMP.
Table of Contents
What is Grayscale Conversion?
Grayscale conversion removes colour information from an image, mapping each pixel to a single brightness value between black and white. The result is a monochrome image where tonal contrast does the visual work colour once did.
It is one of the most common image processing operations, used everywhere from photography and printing to computer vision and document scanning. How the brightness value is calculated from the original red, green, and blue channels matters — different formulas produce noticeably different results.
Conversion Methods Explained
Luminance (BT.709) — Recommended
Uses the ITU-R BT.709 luma coefficients: gray = 0.2126R + 0.7152G + 0.0722B.
These weights reflect how the human eye perceives brightness — we are far more sensitive to
green than red or blue. The result looks the most natural and is what most image editors
(Photoshop, GIMP) use by default.
Best for: photography, portraits, general use.
Average
Calculates gray = (R + G + B) / 3. Simple
and fast, but treats all three channels equally. Reds and blues appear brighter than they
look to the eye, giving skies and skin tones a different quality compared to luminance.
Best for: technical/scientific use, stylised effects.
Desaturate
Calculates gray = (max(R,G,B) + min(R,G,B)) / 2 — the lightness component from the HSL colour model. Produces higher contrast in colourful areas
and can give bold, graphic results.
Best for: graphic design, posters, high-contrast effects.
Common Use Cases
- Photography — convert colour shots to classic black-and-white for a timeless look.
- Print preparation — reduce ink usage when printing on monochrome printers.
- Document scanning — simplify scanned documents for OCR or archiving.
- Web performance — grayscale JPGs are often smaller than their colour equivalents.
- Design mockups — remove colour bias when evaluating layout and composition.
- Accessibility — preview how an image looks for users with colour blindness.
- Machine learning — many computer vision models work on single-channel inputs.
Frequently Asked Questions
No. Everything runs in your browser using the HTML5 Canvas API. Your files never leave your device.
Luminance (BT.709) is the best default — it matches how human vision perceives brightness and produces the most natural-looking result. Try Average or Desaturate for stylised or high-contrast effects.
Yes, when you choose PNG or WebP output. The alpha channel is left unchanged — only the RGB values are converted to gray. Choosing JPG output will flatten transparency against a white background.
Choose PNG for lossless quality or when you need to preserve transparency. Choose JPG for the smallest file size when sharing online. Choose WebP for modern browsers — it offers excellent compression with transparency support.