Skip to content
T
Tools.Town
Free Online Tools for Everyone
B&W

Image to Grayscale

100% Free

Convert any image to black & white in your browser. Perceptual or average method, instant preview.

Instant
Client-Side
PNG · JPG · WebP

Choose a JPG, PNG, WebP, or GIF. Conversion happens in your browser — nothing is uploaded.

Embed This Tool

Easy to Embed

Add Image to Grayscale to your website or blog in seconds.

  • Responsive design
  • Lightweight & fast
  • No backend required
  • Always up-to-date
<iframe
  src="https://tools.town/embed/image-grayscale/"
  width="100%"
  height="600"
  style="border:none; border-radius:12px;"
  loading="lazy"
  title="Image to Grayscale">
</iframe>

Share This Tool

Share Instantly

Share Image to Grayscale with anyone — no login required.

  • Shareable link
  • No login required
  • Works on any device
  • No account needed

Share via

Advertisement

How to Use

  1. 1 Upload your image — JPG, PNG, WebP, or GIF.
  2. 2 Choose a method: Luminance (perceptual, recommended) or Average (equal RGB mix).
  3. 3 Pick an output format — PNG keeps transparency, JPG and WebP are smaller.
  4. 4 Preview updates instantly. Click Download to save the black & white image.

Features

  • Two conversion methods: perceptual luminance (Rec. 601) and simple average.
  • Transparency is preserved when you export as PNG or WebP.
  • Live preview — compare methods before downloading.
  • 100% client-side: your image never leaves your device.
  • Export as PNG, JPG, or WebP with adjustable quality.

Why it Matters

Grayscale isn't just 'remove the colour' — how you remove it changes the result. The eye is far more sensitive to green than to blue, so a perceptual (luminance) conversion produces a black & white image that looks natural, while a naive average can muddy bright greens and lift dark blues. This tool offers both, computes them pixel-by-pixel in your browser, and never uploads your photo.

★★★★★

Use Cases

Print & Documents

Convert photos to black & white before printing to save colour ink and ensure clean output.

Design & Mood Boards

Desaturate images for minimalist layouts, wireframes, or monochrome mood boards.

Accessibility Checks

View a design in grayscale to test whether it still reads clearly without colour.

Faster Web Images

Grayscale PNGs and WebPs compress smaller — handy for thumbnails and placeholders.

How to use

  1. Upload your image (JPG, PNG, WebP, or GIF).
  2. Choose a methodLuminance for a natural, perceptual black & white, or Average for a flatter look.
  3. Pick an output format (PNG and WebP keep transparency; JPG fills transparent areas with white).
  4. The preview updates instantly — click Download grayscale image to save it.

Luminance vs average

The human eye doesn’t see all colours as equally bright. Green looks much brighter than blue at the same intensity. The luminance method accounts for this using the Rec. 601 weights (0.299·R + 0.587·G + 0.114·B), so a red apple and a green leaf end up at believable, distinct shades of gray.

The average method just averages the three channels. It’s faster to reason about and gives a higher-contrast, slightly “flatter” feel — sometimes desirable for graphic or high-key looks.

Common use cases

  • Printing photos in black & white to save colour ink.
  • Design work — desaturating images for minimalist or monochrome layouts.
  • Accessibility — checking that a UI still reads clearly without colour.
  • Web placeholders — grayscale images compress smaller for thumbnails.

Private by design

Every pixel is converted locally in your browser via the Canvas API. Your image is never uploaded, so the conversion is instant and your files stay private.

Frequently Asked Questions

What's the difference between the Luminance and Average methods?
Luminance weights the channels by how bright the eye perceives them (0.299·R + 0.587·G + 0.114·B), giving a natural result. Average simply takes (R+G+B)/3, which is flatter and slightly higher-contrast. Luminance is recommended for most photos.
Does it keep transparency?
Yes. The alpha channel is preserved, so transparent PNGs and WebPs stay transparent. JPG has no transparency, so transparent areas become white.
Is my image uploaded anywhere?
No. The conversion runs entirely in your browser using the Canvas API. Your image never leaves your device.
Can I get the original colours back afterwards?
Not from the grayscale file — colour information is discarded during conversion. Keep your original image if you might need the colour version later.

Related Tools You Might Like

Browse more free tools