Make Image Black and White: 8 Methods for Any Device

Stripping color from an image forces the viewer to see what actually matters — texture, contrast, shape, light. A mediocre sunset becomes a dramatic cloudscape. A busy street portrait loses its distracting neon and becomes a study in expression.

The trick is picking the right tool. A quick Instagram post needs a different workflow than a Photoshop fine-art print or a CSS filter on 200 thumbnails. Here are eight ways to make an image black and white, matched to the job.

Black and White vs. Grayscale: They Are Not the Same Thing

True black and white uses only two values: pure black (#000000) and pure white (#FFFFFF). No grays. Think ink stamps and 1-bit bitmaps.

Grayscale uses 256 shades from black through every gray to white — smooth gradients, soft shadows, subtle highlights. This is what people mean when they say "black and white photo."

Every B&W filter below produces grayscale, which is correct for photography. True B&W is for logos, line art, and document scans. For the conversion algorithms, see our grayscale image guide.

Quick Reference: All 8 Methods Compared

Method 1: iPhone Photos App (iOS 17)

The fastest path if the photo is already on your phone.

1. Open Photos, tap the image, then tap Edit.
2. Tap the Filters icon (three overlapping circles).
3. Choose Mono (neutral), Silvertone (warm, silver gelatin look), or Noir (high contrast, crushed shadows).
4. Tap Done. Revert anytime via Edit > Revert.

Method 2: Google Photos (Android 14 / iOS)

Works identically on Android and iOS — the best cross-platform option.

1. Open the photo in Google Photos v7.11.
2. Tap Edit > Filters.
3. Select West (cool B&W), Palma (warm B&W), or Metro (high contrast B&W).
4. Tap Save copy.

Edits save as a new copy by default. The B&W filters use luminosity-based desaturation — the same algorithm in our grayscale guide.

Method 3: Instagram (v348, iOS / Android)

If the image is destined for Instagram anyway, skip the round-trip.

1. Tap +, select your photo, then tap Filter.
2. Choose Inkwell (classic high-contrast B&W), Moon (soft), or Willow (warm, faded — similar to a vintage photo filter or sepia filter).
3. Tap Next to caption and post.

Inkwell is closest to pure luminosity grayscale. The trade-off: Instagram compresses to 1080px at ~70% JPEG quality.

Method 4: Snapseed (v2.21, iOS / Android)

The most control you can get on a phone, for free.

1. Open the image in Snapseed v2.21.
2. Tap Tools > Black & White.
3. Choose a preset: Neutral, Contrast, Bright, Dark, Film, or Darken Sky.
4. Swipe up/down to fine-tune Brightness, Contrast, and Grain.
5. Tap the checkmark.

Darken Sky is excellent for landscapes — it suppresses blue channel brightness to make skies dramatically darker.

Method 5: Adobe Photoshop (v26.3)

The most precise method. Photoshop's Black & White adjustment layer gives you individual control over how each color maps to gray.

1. Open the image in Photoshop v26.3.
2. Go to Layer > New Adjustment Layer > Black & White > OK.
3. Drag the six color sliders (Reds, Yellows, Greens, Cyans, Blues, Magentas) to control tonal mapping.
4. Optionally check Tint for a sepia or cyanotype wash.
5. File > Export > Export As to save.

The adjustment layer is non-destructive — toggle it off, readjust, or mask it for selective color. Use a color picker to sample hex codes from the original before converting.

Method 6: GIMP (v2.10.38)

GIMP offers multiple desaturation algorithms for free.

1. Open the image in GIMP v2.10.38.
2. Go to Colors > Desaturate > Desaturate.
3. Choose Luminosity (HSL) for photographs (best result), Luminance (BT.601) for broadcast-standard conversion, or Average for equal-weight channels.
4. Click OK.

For per-channel control, use Colors > Hue-Saturation and drag Saturation to -100 instead. GIMP also supports batch processing through Script-Fu. For a related transformation, see how to invert image colors.

Method 7: CSS filter: grayscale() (CSS Filter Effects Level 1)

For web developers who need B&W display without modifying source files, CSS handles it in one line.

.bw-image {
  filter: grayscale(1);
}

/* Color reveals on hover */
.team-photo {
  filter: grayscale(1);
  transition: filter 0.3s ease;
}
.team-photo:hover {
  filter: grayscale(0);
}

grayscale(1) applies BT.601 luminosity desaturation. Values between 0 and 1 create partial desaturation. Supported in Chrome 53+, Firefox 35+, Safari 9.1+, and Edge 79+ per CSS Filter Effects Module Level 1. The original image stays cached — the filter runs at near-zero compositor cost.

Method 8: Pixotter (Web, Free)

Pixotter processes everything in your browser via WebAssembly — no upload, no server, no privacy concern.

1. Go to pixotter.com/convert/.
2. Drop your image (or multiple images for batch processing).
3. Select grayscale conversion.
4. Download the result.

The conversion uses luminosity-weighted desaturation (BT.601) — the same formula as Photoshop's default.

Tips for Better Black and White Photography

Removing color does not automatically make a photo interesting. Here is what actually makes B&W images work.

Shoot for contrast. B&W lives on tonal separation. Bright highlights against deep shadows — light through a window, a white building against dark sky — translate naturally. Flat, even lighting looks muddy without color.

Look for texture. Weathered wood, rough stone, water ripples — textures that disappear in color become the subject in B&W.

Compose with shapes. Without color, viewers follow geometry — leading lines, repeating shapes, strong diagonals. Architecture and street photography thrive in B&W.

Shoot RAW, convert later. RAW files preserve the full tonal range, giving you far more flexibility with channel sliders in Photoshop (Method 5) or GIMP (Method 6) than an in-camera B&W JPEG ever could.

Frequently Asked Questions

What is the difference between black and white and grayscale?

True black and white uses only two values — pure black and pure white, with no intermediate grays. Grayscale uses 256 shades from black to white. When people say "black and white photo," they almost always mean grayscale. Our grayscale image guide covers the conversion algorithms in detail.

Does converting to black and white reduce file size?

A grayscale PNG or TIFF uses one channel instead of three, so raw data shrinks to roughly one-third. JPEG is less dramatic — grayscale JPEG is typically only 10-20% smaller than the color original because JPEG already exploits color redundancy.

Can I convert a black and white image back to color?

Not accurately. Once color data is discarded and saved, it is gone. AI colorization tools guess plausible colors but do not recover originals. Always keep your color source file.

Which method gives the most control?

Photoshop's Black & White adjustment layer (Method 5) with six color sliders. GIMP's Hue-Saturation approach offers similar control for free.

Should I convert to B&W in-camera or in post-processing?

Post-processing. Shooting in your camera's B&W mode discards color data at capture. Shooting in color (ideally RAW) and converting later preserves tonal information for fine-tuning with channel sliders.

Is there a difference between desaturating and using a B&W filter?

Yes. Desaturation applies one formula to all pixels. A dedicated B&W tool like Photoshop's adjustment layer lets you weight each color channel independently. Desaturation is a subset of B&W conversion — faster but less flexible.

What file format should I save my B&W image in?

PNG or TIFF for editing and archival (lossless). JPEG at quality 80-85 for web. WebP lossless for the smallest file with no quality loss. Pixotter can convert between formats alongside B&W conversion.

How do I make only part of an image black and white?

In Photoshop v26.3, add a Black & White adjustment layer and paint on its layer mask with a black brush to reveal color in specific areas. In GIMP v2.10.38, duplicate the layer, desaturate the top copy, and erase where you want color. This selective color technique creates a dramatic focal point.