Convert an image to grayscale
Every colour turned into the grey of the same brightness, for one image or a folder.
- Nothing is uploaded
- Works offline after first visit
- Open source
- No watermark · limit is your device’s memory; phones hold less
Convert JPG, PNG, WebP or HEIC images to grayscale in your browser, one or a batch, with a live preview. It is free, needs no account and adds no watermark, and your files are not uploaded: everything runs in your browser on your device. The size limit is your device’s memory, and phones hold less; give the page a short while after one visit to save itself for offline use, and then it works offline.
Done
Open the network tab. Your files never appear in it.
Add files and run the tool to see every request this tab makes.
Your files are processed on this device and never sent to a server. Reload the page to clear everything from memory.
Grayscale is the honest version of black and white: each pixel keeps its brightness and loses its colour, weighted the way the eye sees it, so a green field and a red jacket turn into the greys you would expect rather than the same flat tone.
Designers use it to check whether a layout still reads without colour, developers to make a disabled or inactive state of an icon, teachers and offices to print handouts on a mono printer, and people with a colour-heavy screenshot to make it easier on the eye in a report. PNG and WebP keep their transparency, so logos and icons come out clean.
Drop the images and the first one previews the result. Converting a batch takes seconds, the files never leave your device, and nothing is added to them: no watermark and no metadata.
How it works
- Drop one or more images.
- Check the preview, and pick the format if you want something other than the original.
- Press Convert to grayscale and download the images.
In your browser, not on a server
Your browser decodes each image (libheif or the Squoosh decoders step in for HEIC, AVIF and JPEG XL) and draws it on a canvas in your tab. Each pixel’s brightness is computed with the Rec. 709 weights, the way the eye weighs red, green and blue. High contrast stretches the tones to the full range; pure black and white picks the split point with Otsu’s method, which finds the threshold that best separates ink from paper. The browser then saves the canvas as JPG, PNG or WebP.
Compared with upload-based tools: Photo filter sites upload your pictures to apply a filter a phone could do offline, and many add a watermark or keep the images. Here the photos stay on your device, the limit on how many you convert at once is your device’s memory (phones hold less), and the result is not recompressed more than once.
Verify it yourself. Give the page a short while after one visit to save itself for offline use, then turn off Wi-Fi or switch to airplane mode and run the tool again. Or open your browser's developer tools (F12, or Cmd-Option-I on a Mac), pick the Network tab, and watch it while you convert. The panel above does the same count for you.
Questions
Why do some colours end up the same grey?
Grayscale keeps brightness only, so two different colours of the same brightness, such as a mid red and a mid green, become the same grey. If they must stay apart, choose High contrast, which spreads the tones further.
Does it work for icons and logos with a transparent background?
Yes. Save as PNG or WebP and the transparent parts stay transparent; only the coloured pixels are changed.
Which weights are used for red, green and blue?
The Rec. 709 luma weights: about 21% red, 72% green and 7% blue. Green counts most because the eye is most sensitive to it, which is why a simple average of the three channels looks wrong, with blues too light and greens too dark.
Can I check a website design for colour blindness this way?
Grayscale shows whether your interface depends on colour alone, for example a red error and a green success message that look identical without colour. It is not a colour-blindness simulator, but it catches the same class of problem quickly.
Will the file get smaller?
Usually a little, because there is less colour detail for the encoder to store. For a much smaller file, run the result through the image compressor afterwards.
Is the file uploaded anywhere?
No. There is no server in this process. The page is a static file and the work is done by code running inside your browser tab. Give the page a short while after one visit to save itself for offline use; then you can turn off Wi-Fi and it still works.
More image tools
Black and white photo
Grayscale, high contrast, two-tone or sepia, previewed live and made on this device.
Compress & Resize Images
Make photos small enough to email or upload. Batch resize, set a quality, see the savings before you download.
Compress GIF
Make an animated GIF small enough for Discord, Slack, email or a web page. It is compressed on this device and never uploaded.
Compress PNG
Shrink PNG screenshots, logos and graphics while keeping them PNGs, transparency and all. Nothing is uploaded.
Other conversions
- BMP to PNG
- BMP to JPG
- PNG to BMP
- TIFF to JPG
- TIFF to PNG
- PSD to JPG
- PSD to PNG
- WebP to GIF
- PNG to GIF
- JPG to GIF
- Sepia filter
- HEX color from image
- Blur text in image
- PNG compressor
- Reduce PNG size
- GIF compressor
- Reduce GIF size
- Make background transparent
- Add a white background
- Blur background
- 2x2 photo maker
- 35x45 mm photo maker
Guides
- How to convert a photo to black and whiteJust desaturating a colour photo often looks flat in black and white, because colours that looked different can turn into the same shade of grey. Here is why, and a free tool that fixes it.