Перевод изображения в чёрно-белое: таблицы, формулы и онлайн-конвертер

Чёрно-белая обработка — не только эстетика. Она уменьшает размер файла, упрощает распознавание текста (OCR), экономит краску при печати и делает фото более выразительным.

• Сжатие: После конвертации оттенки серого кодируются одним каналом вместо трёх — размер файла падает на 30–60%.
• Печать: Многие лазерные принтеры печатают серое быстрее, чем цветное.
• Анализ: Нейросети и OCR часто работают точнее на grayscale.

Важно: простая десатурация (усреднение RGB) даёт плохой результат. Используйте взвешенные формулы, описанные ниже.

Вес каналов R, G, B разный из-за чувствительности человеческого глаза. Основные стандарты:

Для большинства веб-изображений (фото, скриншоты) достаточно BT.601. Если не уверены — берите его.

Возьмём пиксель с RGB = (184, 73, 212). Считаем по BT.601:

Округляем до 122 — это яркость пикселя в градациях серого (RGB(122,122,122)).

1. Откройте изображение в любом редакторе (GIMP, Photoshop).
2. Выберите инструмент «Обесцветить» или преобразование в «Grayscale».
3. Если редактируете через код — примените формулу к каждому пикселю.

Обратите внимание: вручную удобно при обработке маленьких изображений (иконки, 64×64). Для фото используйте готовые инструменты.

Если не хотите возиться с формулами — воспользуйтесь Конвертером изображения в чёрно-белое. Просто загружаете картинку, выбираете метод (обычно BT.601), скачиваете результат.

Дополнительно: после конвертации можно перевести изображение в PDF или сжать его для отправки по email.

Совет: если нужно извлечь цветовую палитру из оригинала — Палитра из изображения онлайн.

JavaScript (Canvas) с BT.601:

function toGrayscale(img) {
  const canvas = document.createElement('canvas');
  const ctx = canvas.getContext('2d');
  canvas.width = img.width;
  canvas.height = img.height;
  ctx.drawImage(img, 0, 0);
  const imageData = ctx.getImageData(0, 0, canvas.width, canvas.height);
  const data = imageData.data;
  for (let i = 0; i < data.length; i += 4) {
    const gray = 0.299 * data[i] + 0.587 * data[i+1] + 0.114 * data[i+2];
    data[i] = gray;
    data[i+1] = gray;
    data[i+2] = gray;
  }
  ctx.putImageData(imageData, 0, 0);
  return canvas.toDataURL();
}

Python (Pillow):

from PIL import Image
img = Image.open('photo.jpg')
gray = img.convert('L')  # Встроенная формула: 0.299R + 0.587G + 0.114B
gray.save('photo_bw.png')

ImageMagick:

convert input.jpg -set colorspace Gray output.jpg

Все примеры используют стандарт BT.601. При необходимости можно переопределить веса.

Ошибка 1: Простое усреднение (R+G+B)/3 — даёт тусклые, размытые тона. Всегда используйте взвешенную формулу.

Ошибка 2: Игнорирование гамма-коррекции. Если изображение в sRGB, перед расчётом Y нужно перевести в линейное пространство: R_lin = ((R/255)^2.2). Подробнее — в спецификации WCAG.

Ошибка 3: Сохранение в JPEG после конвертации — артефакты сжатия видны на градиентах. Выбирайте PNG/TIFF для lossless.

Чтобы избежать потери теней, перед конвертацией увеличьте контраст (например, автокоррекция уровней).

Проверить, корректно ли выполнена конвертация, можно тремя способами:

1. Гистограмма: Откройте изображение в редакторе. В ч/б все три канала (R,G,B) должны быть идентичны.
2. Пипетка: Возьмите любой участок. Если R=G=B — всё верно.
3. Цветовой режим: В свойствах файла должно быть написано «Оттенки серого» (Grayscale).

Также полезно сравнить размер файла: ч/б PNG обычно на 30–50% меньше цветного той же ширины/высоты.

Логотипы и схемы лучше конвертировать с пороговой обработкой (threshold):

# Python
img = Image.open('logo.png').convert('L')
threshold = 128
img_points = img.point(lambda p: 255 if p > threshold else 0)
img_points.save('logo_bw.png')

Для мемов и фото с текстом — повышайте контраст до 60–80% перед обесцвечиванием, чтобы текст остался читаемым.

Скриншоты кода: конвертируйте с весом BT.709 (G-канал доминирует), так сохраняются оттенки синтаксиса.