Convert Image to Grayscale
Convert a photo or graphic to grayscale and download the result as a PNG. The effect removes color while preserving luminance relationships, which is useful for print previews, monochrome layouts, accessibility checks, study scans, and a classic black-and-white look. Processing stays on the device and the source file is not overwritten. Grayscale is not the same as pure threshold black and white: mid-tone detail remains. The output does not preserve the source's EXIF metadata, animation, or original compression settings, so keep the original for later edits.
Use this without the search next time. Prathom Workbench puts Prathom's tools in your toolbar.
Add to Chrome — freeWhat it does
- Local grayscale canvas filter
- Keeps mid-tone detail
- Browser-readable image formats
- PNG download
- No account and no watermark
How to use Grayscale Image
- 1
Choose the image
Drop a photo, screenshot, scan, or graphic that the browser can decode. The file remains local while the preview is created.
- 2
Review the grayscale preview
Check skin tones, small text, transparent areas, and low-contrast details. Colors that looked different can have similar brightness after desaturation.
- 3
Download the result
Download the grayscale PNG. The source remains unchanged, so you can produce a color version again without reversing a lossy edit.
How it works
Publishing check
Compare color-coded labels and fine text at the final display size. Keep a color master when hue carries information or accessibility meaning.
Contrast checklist
Review charts, warnings, icons, and small text at the size where the image will be used. If color carries meaning, add labels or patterns and retain the original color version.
Check contrast before sharing
Grayscale removes hue but preserves the relative brightness of the source, so colors that look different may become similar gray tones. Inspect small text, skin detail, charts, icons, and low-contrast edges at the intended display size. Keep the original when color communicates status or accessibility information. The local result is a new image; this operation does not sharpen, resize, compress, or repair exposure problems.
The image is drawn to a canvas with the browser's grayscale(1) filter. The filter
converts each pixel's displayed color toward its luminance while retaining a range of
gray values. The canvas is then encoded as a PNG when you download it. No color-based
object detection, AI retouching, threshold selection, or server conversion is involved.
Because the result is canvas output, the operation is predictable across supported image types but does not promise byte-level preservation of source metadata. Large images can use significant memory, and animated inputs are generally represented by a single decoded frame. Review the output at the size and background where it will be used.
When to use it
Use grayscale for a monochrome design preview, print planning, a neutral portrait, or a quick check that information does not depend only on color. If you need pure threshold output, halftone treatment, color-profile control, or a multi-frame export, use a dedicated image editor and preserve the source asset.
Examples
Preparing a print preview
The preview exposes whether the headings still have enough contrast when color is unavailable. A grayscale conversion can reveal a design that depends too much on hue alone.
Styling a portrait
Mid-tone shading remains, unlike a hard threshold effect that would reduce the face to black and white areas. Inspect highlights and shadows before publishing.
Frequently asked questions
Is grayscale the same as black and white?
Grayscale contains many shades between black and white, so it preserves more luminance detail. A threshold black-and-white conversion reduces each pixel to a small number of tones and can make text or edges harsher. This tool applies a grayscale filter rather than a threshold or document scanner effect.
Does grayscale remove color metadata from the image?
The canvas output contains grayscale-looking pixel data, but it does not preserve the source's complete EXIF, ICC profile, comments, animation, or compression structure. The generated PNG is a new file. Keep the original when color profile fidelity or camera metadata is important.
Is the source image uploaded?
No. The browser decodes the source and applies the canvas filter locally. A PNG Blob is created only for your download. This does not protect against extensions or device monitoring, so confidential images still belong on a trusted device.
Can I use this for accessibility testing?
It is a useful visual check for color-dependent contrast, but it is not a complete accessibility audit. Test contrast numerically, preserve text alternatives, and check the design with the relevant accessibility standard rather than relying on a grayscale preview alone.
Further reading
- Which Favicon Sizes You Actually NeedMost favicon guides list a dozen sizes and explain none of them. Only a few are ever actually drawn, the rest are cargo from an older web, and knowing which is which turns an afternoon of exporting into about five minutes.
- Converting a PDF to Grayscale Made It BiggerRemoving color sounds like removing data, so grayscale gets used as a compression step. On a document that was already black text on white, the conversion made the file larger — and the reason it did is the reason it sometimes makes a scan dramatically smaller.