Uwarp

Or try an example

Grayscale method

Help Us Improve

—

(—)

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.

Black and white conversion controls

Four grayscale methods with live preview before you download.

  1. Four conversion methods: Luminosity, average, lightness, and desaturation algorithms.
  2. Live preview: Preview updates as you switch methods—see results before download.
  3. Side-by-side comparison: Original and grayscale images shown together for easy comparison.
  4. PNG download: Save converted image as grayscale-image.png.
  5. Multiple formats: Upload PNG, JPEG, WebP, or GIF files.
  6. 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.

  1. Upload the image: Drop or click in the input panel (15 MB max).
  2. Choose grayscale method: Select luminosity (default), average, lightness, or desaturation.
  3. Preview the result: Compare original and grayscale side by side.
  4. Download PNG: Save when the preview matches your goal.

Tips for grayscale conversion

Get better results when converting to grayscale.

  1. Start with luminosity: Luminosity produces the most natural-looking grayscale for most photos.
  2. Try different methods: If luminosity looks flat, try average or lightness for different tonal emphasis.
  3. Use PNG for transparency: Alpha channels are preserved when converting to grayscale.
  4. Adjust contrast after: Grayscale images often benefit from slight contrast increase—use /change-image-contrast.
  5. Keep original files: Grayscale conversion is one-way—you cannot restore color from grayscale.
  6. 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.

  1. Print documents: Convert to grayscale to reduce printing costs on black-and-white printers.
  2. Artistic black-and-white photos: Turn image black and white for timeless portraits, street shots, or editorial looks.
  3. Design mockups: Use grayscale images in wireframes to focus on layout, not color.
  4. Accessibility testing: Check contrast and readability without color distractions.
  5. File size reduction: Grayscale images can be smaller when saved in optimized formats.
  6. Image preprocessing: Prepare images for machine learning or OCR that requires grayscale input.

Why use this grayscale tool

Benefits over full editing software.

  1. Private: Images stay on your device—no server upload.
  2. Multiple methods: Four algorithms to match different use cases.
  3. No install: Works in any modern browser.
  4. Free: Unlimited conversions and downloads.
  5. Instant preview: See changes immediately as you switch methods.
  6. Preserves quality: No compression artifacts—output matches input resolution.

Technical details

How grayscale conversion works.

  1. Luminosity formula: Gray = 0.299×R + 0.587×G + 0.114×B (ITU-R BT.601 standard).
  2. Average formula: Gray = (R + G + B) / 3.
  3. Lightness formula: Gray = (max(R,G,B) + min(R,G,B)) / 2.
  4. Rendering: Canvas 2D getImageData / putImageData.
  5. Input limits: 15 MB; longest edge 8192 px.
  6. Output: PNG via canvas.toDataURL.

Frequently Asked Questions

Have questions? We have answers.

Related tools

More tools from Image & Conversion.

View all Image & Conversion