How to convert an image to grayscale
- Drop one or more images into the zone above, or click to browse. JPG, PNG, and WebP are all supported. You can add multiple files at once.
- Click Convert to grayscale. Each image is processed and a download button appears for each result.
- For multiple images, a Download ZIP button also appears — click it to download all grayscale images in a single archive.
Everything runs in your browser using the Canvas API.
No file is sent to a server — open DevTools (F12) → Network while converting to verify zero upload requests.
When to convert images to grayscale
- Printing to a monochrome printer — sending a colour image to a black-and-white printer forces the printer driver to handle colour conversion, often producing muddy results. Pre-converting to grayscale gives you control over the tonal values and ensures consistent output.
- Reducing file size — a grayscale JPG stores one channel of colour data instead of three. For archival purposes or bandwidth-constrained environments, this can reduce file size meaningfully.
- Consistent visual style — editorial photography, academic publications, and certain design styles call for uniformly grayscale imagery. Batch-converting a set of photos ensures they all use the same conversion method, producing a cohesive look.
- Accessibility and contrast analysis — converting a design mockup to grayscale reveals whether contrast ratios will hold for users with colour-vision deficiencies (colour blindness affects roughly 8% of males). If the design looks flat or unreadable in grayscale, colour alone is carrying too much of the information hierarchy.
- Preparing images for OCR — optical character recognition engines often perform better on grayscale inputs because colour variation around text edges can confuse edge-detection algorithms.
The science of grayscale conversion
There are several ways to compute a grayscale value from an RGB pixel. The simplest is averaging: (R + G + B) / 3. This treats all three channels as equally contributing to perceived brightness, which is wrong — human vision is far more sensitive to green light than red, and far less sensitive to blue.
This tool uses luminosity weighting (ITU-R BT.601 standard): gray = 0.299 × R + 0.587 × G + 0.114 × B. The weights reflect the relative sensitivity of the human eye's cone cells to each wavelength. Green carries 59% of perceived luminance; red contributes 30%; blue contributes only 11%.
The practical difference: a bright red pixel and a bright blue pixel at equal RGB intensity look very different in luminosity weighting (red appears brighter) but identical with simple averaging. Luminosity weighting produces grayscale images where tonal relationships match what you perceive in the colour original.
Limits and what to expect
- Output format matches input: a JPG input produces a JPG output; PNG in, PNG out. The converted file is named with a
-grayscalesuffix. - No colour profile conversion: the tool converts sRGB pixel values. Images with embedded ICC colour profiles (Adobe RGB, ProPhoto RGB) are treated as sRGB. For professional colour-managed workflows, a dedicated photo editor is more appropriate.
- Animated formats: only the first frame of animated images is processed. Animated GIF and APNG full-animation conversion is not supported.
- File size: JPG grayscale files are often smaller than their colour originals because the JPEG encoder can more efficiently compress single-channel data. PNG grayscale files may also be smaller, depending on content.
- Browser support: Chrome 90+, Firefox 90+, Safari 15+, Edge 90+.
Privacy: what happens to your files
All images are processed entirely in browser memory. Nothing is sent to a server. Grayscale files are created from canvas pixel data and downloaded directly to your device.
For sensitive images — medical imaging, identity documents, private photos — this architecture means the files never leave your device. Open the Network tab in DevTools while converting to confirm zero outbound file transfers.