CleanorTools
Image

Grayscale Image

Details

How to use Grayscale Image

What the tool does, how to run it, and what to expect from the result.

How to convert an image to grayscale in the browser

The tool draws your image onto an HTML canvas with the grayscale filter applied, then exports the canvas as a PNG. All of it happens in your tab, so the image never leaves your device.

The maths behind it is the standard luminance conversion, weighting green heavily and blue barely at all, which matches how human vision responds to those wavelengths. It is why a properly converted grayscale image looks correct rather than muddy.

  • Choose an image with the file picker (JPEG, PNG, WebP, GIF, or anything else your browser can decode).
  • Wait for the preview canvas to render the grayscale result.
  • Check the shadows: if a strongly red or blue subject has gone too dark, plan to follow up with the brightness or contrast tool.
  • Click Download PNG to save the result.
  • Rename the file if you need to, since the download is named after the tool rather than your source file.
Tips

Getting a better result out of Grayscale Image

Specific settings and thresholds, not general advice.

  • The conversion is not a naive average of red, green, and blue. It uses the CSS Filter Effects grayscale matrix, which weights the channels by Rec. 709 luminance: about 21% red, 72% green, and 7% blue. That is why a pure red area comes out much darker than a pure green one of the same intensity.
  • The export is always PNG, whatever you put in. A JPEG photo will come back as a PNG that is often three to five times larger, because PNG is lossless and never throws away detail the way JPEG does.
  • If you want a smaller grayscale JPEG rather than a large grayscale PNG, run this first and then put the PNG through a JPEG converter or compressor. This tool does the colour, not the compression.
  • Grayscale is not the same as black and white. Every pixel keeps 256 levels of grey, so shadows and highlights are intact. If you need a two-tone, pure black and white result, you need a threshold tool instead.
  • The canvas round trip drops all metadata: EXIF, GPS, ICC colour profile, and copyright fields are gone from the PNG. That is useful when you want them gone and a real loss when you did not.
Limits

What Grayscale Image does not do

The honest boundary, so you do not lose time finding it yourself.

  • One image at a time. There is no batch or folder mode.
  • PNG output only. There is no JPEG or WebP export and no quality control.
  • No strength slider. It applies grayscale(1), the full conversion, with no way to do a partial desaturation.
  • Animated GIF and animated WebP inputs give you the first frame only. The animation is not preserved.
At a glance

Who Grayscale Image is for

A quick way to understand who this helps, what it solves, and where it connects next.

Best fit

Anyone who needs a quick image edit without installing photo software.

Ideal for

Fast, private single-image edits right in the browser.

FAQ

Common questions

Short answers for the questions people usually have before trying a utility like this.

Why does my red logo look so dark in grayscale?

Because the luminance formula gives red only about 21% of the weight, while green gets 72%. Red is genuinely a dark colour in luminance terms. If the result is too dark to read, you may need to adjust brightness or contrast after converting.

Can I make it only partly grayscale?

Not here. The filter is applied at full strength. For a partial desaturation you would need a tool that exposes the grayscale amount as a value between 0 and 1.

Does it keep transparency?

Yes. The grayscale matrix only touches the colour channels, so a transparent PNG background stays transparent in the exported PNG.

Why is the file bigger after converting?

Because the output is PNG. If your input was a JPEG, you have swapped a lossy compressed file for a lossless one. Grayscale PNGs do compress better than colour PNGs, but usually not enough to beat the original JPEG.

Is the image uploaded anywhere?

No. The image is decoded into a canvas element in your own tab, filtered, and re-encoded as a PNG there. Nothing is sent to a server at any point.

Recommendations

You Might Also Like

Nearby tools from the catalog that fit the same job or workflow.

PNG
ImageImage

GIF to PNG Converter

Convert GIF to PNG

Convert GIF images to PNG in your browser. Free, no upload.

IC
ImageImage

Image Converter

Image

Convert any image to PNG, JPEG, or WebP with a quality slider and live preview. Free, in your browser, nothing is uploaded.

JC
ImageImage

JPG Converter

Image

Convert any image to JPG with a quality slider and background-fill color for transparent areas. Free, in your browser, nothing is uploaded.

JTB
ImageImage

JPG to BMP

Image

Convert JPG or JPEG images to uncompressed 24-bit BMP files. Free, in your browser, nothing is uploaded.

PTB
ImageImage

PNG to BMP

Image

Convert PNG images to uncompressed 24-bit BMP files, flattening transparency to white. Free, in your browser, nothing is uploaded.

SEP
ImageImage

Sepia Image

Sepia tone an image

Apply a warm sepia tone to an image for a vintage look. Free, in your browser, nothing is uploaded.

Cleanor app

Do it all on your device

Cleanor puts these tools in one app: compress and convert images, video, and audio, work with PDFs, and scan text right on your device. Plus free up storage and clear inbox clutter with Email Cleaner. Start with a free trial.

  • iPhone
  • Android
  • Macsoon
  • Windowssoon
Get it on the App StoreGet it on Google PlayAll platforms & pricing