PureTools

Imagen en Escala de Grises: Convierte Fotos a Blanco y Negro Online

PureTools Team· 6 min de lectura
Imagen en Escala de Grises: Convierte Fotos a Blanco y Negro Online

Por Que Convertir a Escala de Grises?

Las imagenes en escala de grises tienen una cualidad atemporal que las fotos a color a veces no tienen. Pero mas alla de la estetica, hay razones practicas para convertir imagenes a blanco y negro.

Casos de Uso

  • Fotografia: Blanco y negro enfatiza forma, textura y contraste sobre distracciones de color
  • Diseno para impresion: Reducir a escala de grises para impresion monocromatica ahorra costos
  • Accesibilidad: Probar como se ven las imagenes para usuarios daltonicos
  • Machine learning: Muchos modelos de vision computacional trabajan con entrada en escala de grises para reducir dimensionalidad
  • Digitalizacion de documentos: Convertir documentos escaneados a escala de grises reduce tamano del archivo manteniendo legibilidad
  • Diseno UI/UX: Probar disenos de interfaz en escala de grises asegura suficiente contraste sin depender solo del color

Como Funciona la Conversion

Existen varios metodos para convertir un pixel de color a escala de grises:

Metodo del Promedio

gris = (R + G + B) / 3

Simple pero no considera como el ojo humano percibe diferentes colores.

Metodo de Luminosidad (Recomendado)

// Estandar ITU-R BT.709 (usado por HDTV)
gris = 0.2126 * R + 0.7152 * G + 0.0722 * B

Esto pesa el verde fuertemente porque el ojo humano es mas sensible a la luz verde, seguido por el rojo y luego el azul.

Metodo de Desaturacion

gris = (max(R, G, B) + min(R, G, B)) / 2

En Codigo (Canvas API)

const ctx = canvas.getContext('2d');
ctx.drawImage(imagen, 0, 0);
const imageData = ctx.getImageData(0, 0, w, h);
const data = imageData.data;

for (let i = 0; i < data.length; i += 4) {
  const gris = 0.2126 * data[i] + 0.7152 * data[i+1] + 0.0722 * data[i+2];
  data[i] = data[i+1] = data[i+2] = gris;
}

ctx.putImageData(imageData, 0, 0);

Escala de Grises vs Desaturar

MetodoResultadoUsar Cuando
LuminosidadPerceptualmente precisoFotografia, impresion
PromedioPlano, menos contrasteProcesamiento simple
DesaturacionPreserva rango de luminosidadDiseno

Convierte cualquier imagen a escala de grises al instante con la Herramienta de Escala de Grises de PureTools. Sube tu imagen, previsualiza el resultado y descarga. Todo el procesamiento ocurre en tu navegador - tus imagenes nunca se suben a ningun servidor.