Convert image to grayscale online
Convert image to black and white online: turn photos to grayscale with luminosity, average, or lightness. Live preview, PNG download in your browser.
What is grayscale conversion?
Convert image to grayscale by mapping each pixel's red, green, and blue channels to one luminance value. Luminosity (0.299×R + 0.587×G + 0.114×B) is the default for photos—it matches how we perceive brightness. Average and lightness suit technical or design workflows when you need a different monochrome image balance. The same engine covers image to black and white, turn photo black and white, and convert color to black and white searches. Processing runs entirely in your browser.
Common grayscale search intents
Upload above, then pick a method—these queries all map to the same color-to-grayscale task.
- Image to black and white: Turn any color image to black and white with luminosity weighting—the default method for natural-looking grayscale photos.
- Turn photo black and white: Upload a portrait or product shot, preview, and turn photo black and white without desktop editing software.
- Black white photo converter: A browser black white photo converter with four algorithms so you can match how different tones map to gray.
- Make a picture black and white: Make a picture black and white in seconds: choose luminosity, average, lightness, or desaturation, then download PNG.
- Convert color to black and white: Convert color to black and white by collapsing RGB into a single luminance channel—client-side, no server upload.
- Monochrome image and greyscaler: Produce a full-tonal monochrome image from color sources; switch methods to fine-tune how the greyscaler treats greens and blues.
Black and white conversion controls
Four grayscale methods with live preview before you download.
- Four conversion methods: Luminosity, average, lightness, and desaturation algorithms.
- Live preview: Preview updates as you switch methods—see results before download.
- Side-by-side comparison: Original and grayscale images shown together for easy comparison.
- PNG download: Save converted image as grayscale-image.png.
- Multiple formats: Upload PNG, JPEG, WebP, or GIF files.
- Large file support: Up to 15 MB and 8192 px edge for high-resolution images.
How to convert image to grayscale
Steps for grayscale conversion online.
- Upload the image: Drop or click in the input panel (15 MB max).
- Choose grayscale method: Select luminosity (default), average, lightness, or desaturation.
- Preview the result: Compare original and grayscale side by side.
- Download PNG: Save when the preview matches your goal.
Tips for grayscale conversion
Get better results when converting to grayscale.
- Start with luminosity: Luminosity produces the most natural-looking grayscale for most photos.
- Try different methods: If luminosity looks flat, try average or lightness for different tonal emphasis.
- Use PNG for transparency: Alpha channels are preserved when converting to grayscale.
- Adjust contrast after: Grayscale images often benefit from slight contrast increase—use /change-image-contrast.
- Keep original files: Grayscale conversion is one-way—you cannot restore color from grayscale.
- Check different tones: Colors that look different may become similar grays—preview carefully.
When to turn images black and white
Typical jobs for photo-to-grayscale and monochrome image output.
- Print documents: Convert to grayscale to reduce printing costs on black-and-white printers.
- Artistic black-and-white photos: Turn image black and white for timeless portraits, street shots, or editorial looks.
- Design mockups: Use grayscale images in wireframes to focus on layout, not color.
- Accessibility testing: Check contrast and readability without color distractions.
- File size reduction: Grayscale images can be smaller when saved in optimized formats.
- Image preprocessing: Prepare images for machine learning or OCR that requires grayscale input.
Why use this grayscale tool
Benefits over full editing software.
- Private: Images stay on your device—no server upload.
- Multiple methods: Four algorithms to match different use cases.
- No install: Works in any modern browser.
- Free: Unlimited conversions and downloads.
- Instant preview: See changes immediately as you switch methods.
- Preserves quality: No compression artifacts—output matches input resolution.
Technical details
How grayscale conversion works.
- Luminosity formula: Gray = 0.299×R + 0.587×G + 0.114×B (ITU-R BT.601 standard).
- Average formula: Gray = (R + G + B) / 3.
- Lightness formula: Gray = (max(R,G,B) + min(R,G,B)) / 2.
- Rendering: Canvas 2D getImageData / putImageData.
- Input limits: 15 MB; longest edge 8192 px.
- Output: PNG via canvas.toDataURL.
Frequently Asked Questions
Have questions? We have answers.
Related tools
More tools from Image & Conversion.