Image Grayscale Converter
Convert any image to black and white (grayscale) in your browser. Download as PNG. Nothing is uploaded.
Pure browser JavaScript (HTML canvas) — no upload.
How to use this tool
- Choose an image.
- The grayscale preview appears automatically.
- Click Download grayscale.
Convert any image to black and white (grayscale) in your browser. Download as PNG. Nothing is uploaded.
How it works
The Image Grayscale Converter strips all color information from a photo or graphic, replacing each pixel's hue with a shade of gray that reflects its luminance. The result is a classic black-and-white image. Upload any image and the converted version appears as a live preview immediately.
Download the result as a PNG file. The conversion uses the standard luminance formula that weights the red, green, and blue channels according to human perception -- green contributes the most because our eyes are most sensitive to it. This produces more natural-looking grayscale than simply averaging the three channels equally.
Grayscale conversion is useful for preparing images for black-and-white printing, creating a consistent visual style across a set of photos, reducing file complexity, or achieving a vintage or editorial look. It also helps reveal tonal contrast and composition details that color can mask.
Worked example
Prepare a portrait for a monochrome newsletter
- Upload the color portrait photo.
- The grayscale preview appears automatically.
- Confirm the tones look natural -- lighter for skin, darker for hair.
- Click Download to save the black-and-white PNG.
A grayscale portrait ready for placement in a monochrome print or web layout.
Common mistakes to avoid
- Discarding the original color image -- always save a copy before converting.
- Expecting a grayscale conversion to fix poor exposure or low contrast; it preserves tonal relationships but does not enhance them.
- Uploading a JPEG and downloading the PNG without realizing the file size may be larger than expected for a grayscale image.
Key terms
- Grayscale
- An image mode where each pixel is represented by a single brightness value from black (0) to white (255), with no hue information.
- Luminance
- The perceived brightness of a color, calculated by weighting red, green, and blue channels according to human vision sensitivity.
- Lossless PNG
- A file format that stores image data without discarding any information, preserving exact pixel values.
Frequently asked questions
- Which grayscale formula is used?
- Luminance-weighted: 0.299R + 0.587G + 0.114B — matches human perception.