El problema que resuelve el tramado
Imagina que quieres dibujar un atardecer suave — un cielo que se apaga desde naranja intenso hasta amarillo pálido — pero tu paleta contiene solo dos colores: un naranja y un amarillo. Con esos dos bloques planos, el cielo mostraría una única línea dura donde el naranja encuentra el amarillo, nada parecido al degradado gradual que puedes ver. Esta es la limitación fundamental de cualquier paleta pequeña: no tiene colores "intermedios" para representar los tonos que caen entre los que almacena.
El tramado es la solución clásica. En vez de inventar un color nuevo, dispone los colores que ya tienes en un patrón fino para que, visto a una distancia normal, tu ojo los funda ópticamente en el tono ausente. Una región a medio camino entre naranja y amarillo se convierte en una mezcla fina de puntos naranjas y amarillos, y a distancia de brazo se lee como el tono intermedio que querías. El tramado es cómo los juegos Game Boy de cuatro colores renderizaban sombras convincentes y cómo los PC antiguos mostraban fotografías — y es central para el buen pixel art de hoy. Si quieres experimentar de forma práctica, nuestro Generador de Pixel Art ofrece los dos métodos que se describen abajo.
Por qué una paleta pequeña no puede mostrar degradados
Para entender el tramado primero hay que entender la cuantización — el acto de forzar cada píxel al color de paleta más cercano. Cuando reduces una foto a todo color a, digamos, ocho colores, cada píxel original se redondea al que de los ocho esté más cerca. Ese redondeo introduce un error: la diferencia entre el color que el píxel quería ser y el color al que se le forzó. En un degradado suave, miles de píxeles contiguos se redondean todos al mismo color de paleta hasta que el degradado cruza un umbral y todos saltan de golpe al siguiente. El resultado es el bandeado: franjas visibles donde el color plano cambia bruscamente. El tramado funciona tomando ese error de redondeo y haciendo algo inteligente con él en vez de tirarlo.
Método 1: Floyd–Steinberg (difusión de error)
El algoritmo Floyd–Steinberg, publicado por Robert Floyd y Louis Steinberg en 1976, es el método de difusión de error más famoso. Su idea es elegante: cuando un píxel se redondea al color de paleta más cercano, el error no se descarta — se empuja a los píxeles vecinos que aún no se han procesado. Esos vecinos se desplazan entonces ligeramente hacia el color que el píxel original no pudo expresar del todo, así que cuando les toca redondearse, es más probable que recojan el tono ausente.
En concreto, el algoritmo escanea la imagen de izquierda a derecha, de arriba abajo. Para cada píxel encuentra el color de paleta más cercano, calcula el error y distribuye ese error a cuatro vecinos aún no visitados en proporciones fijas — la mayor parte al píxel inmediatamente a la derecha, y partes menores a los tres píxeles de debajo. Los pesos exactos (7/16 a la derecha, y 3/16, 5/16, 1/16 en la fila de abajo) son lo que da al método su textura orgánica y dispersa característica. Como el error sigue fluyendo hacia delante, el color medio general de cualquier región coincide muy de cerca con la foto original, aunque cada píxel individual sea uno de tus pocos colores de paleta.
Cómo se ve
Floyd–Steinberg produce un grano suave, casi fotográfico. No hay patrón repetitivo obvio; los puntos parecen dispersos de forma natural, lo que hace que los degradados y los tonos de piel se vean suaves y realistas. Suele ser la mejor opción cuando quieres que el resultado siga leyéndose como una escena real — paisajes, retratos y cualquier cosa con sombreado sutil.
Sus contrapartidas
Como cada píxel depende de los anteriores, la difusión de error es inherentemente secuencial y puede introducir tenues artefactos de "gusano" o "serpiente" en zonas planas grandes. En animación, su inestabilidad entre fotogramas puede causar parpadeo, ya que un cambio mínimo en un píxel se propaga por toda la fila. Y en sprites muy pequeños, los puntos dispersos pueden leerse como ruido alrededor de detalles finos como los ojos, así que conviene usar una intensidad más suave en las caras.
Método 2: tramado ordenado (Bayer)
El tramado ordenado adopta un enfoque completamente distinto. En vez de propagar el error entre píxeles, compara cada píxel con un mapa de umbral fijo — una matriz pequeña de valores repetida por toda la imagen — y usa esa comparación para decidir hacia qué lado redondear. El mapa de umbral definitivo es la matriz de Bayer, descrita por Bryce Bayer, de Kodak, en su artículo de 1973 "An Optimum Method for Two-Level Rendition of Continuous-Tone Pictures". La matriz de Bayer es especial porque sus valores están dispuestos para repartirse lo más uniformemente posible, y puede expandirse recursivamente a 4×4, 8×8 y más manteniendo esa distribución uniforme.
En la práctica, un pequeño desplazamiento de la matriz de Bayer se suma al valor de cada píxel antes de ajustarlo al color de paleta más cercano. Los píxeles en posiciones de "umbral alto" del mosaico tienen más probabilidad de redondear hacia arriba, y los de posiciones de "umbral bajo" hacia abajo, así que una región de un solo color intermedio se convierte en una mezcla regular y con patrón de los dos colores de paleta más cercanos.
Cómo se ve
El tramado ordenado tiene una textura distintiva y deliberada de trama cruzado o semitono — la rejilla regular de puntos que reconoces de los juegos de 8 bits, los gráficos de PC antiguos y la impresión de periódicos. Como el patrón es fijo y no depende de los píxeles vecinos, es estable y repetible: la misma entrada siempre trama a la misma salida, sin artefactos de gusano y sin parpadeo entre fotogramas en animación.
Sus contrapartidas
La misma regularidad que hace estable al tramado ordenado también hace su patrón más visible. Se ve menos como una fotografía real y más como un renderizado retro y estilizado — que a menudo es exactamente lo que quieres, pero no si buscas realismo fotográfico. A su favor, su independencia de los vecinos lo hace trivialmente paralelizable y perfectamente determinista.
Cara a cara: ¿cuál usar?
Ningún método es "mejor" — sirven a objetivos distintos:
- Elige Floyd–Steinberg cuando quieras resultados suaves y de aspecto natural: fotografías, retratos, degradados y cielos donde quieras que la reducción de paleta sea lo más invisible posible.
- Elige Ordenado (Bayer) cuando quieras un aspecto retro y con patrón intencionado; cuando necesites un resultado estable para animación; o cuando el trama cruzado visible sea parte de la estética que buscas.
- Elige sin tramado para logos, iconos y gráficos planos, donde los bloques sólidos y limpios de color se leen mejor y cualquier tramado solo añadiría textura no deseada.
Un buen hábito es convertir tu imagen una vez con cada ajuste y comparar. Como ambos métodos mantienen la salida estrictamente dentro de tu paleta elegida, puedes alternar entre ellos libremente sin cambiar tus colores — solo cambia la textura.
Intensidad del tramado
Además de elegir un método, normalmente puedes controlar la intensidad del efecto. A intensidad máxima el error (o desplazamiento de umbral) se aplica por completo, dando el patrón más pronunciado y los degradados aparentes más suaves. Bajarla aplica solo una fracción, produciendo una mezcla más sutil que se sitúa entre la "cuantización plana" y el "tramado completo". Las intensidades bajas son útiles en caras y sprites pequeños, donde una dispersión a máxima intensidad puede verse recargada; las intensidades altas ayudan en degradados grandes como cielos. Como con la paleta y el tamaño de rejilla, ajústala a pasos pequeños y observa la vista previa.
Una breve historia
El tramado precede en décadas a los aficionados al pixel art. El método ordenado de Bayer surgió de la investigación de los años 70 sobre renderizar imágenes de tono continuo en dispositivos de dos niveles (blanco y negro), y los métodos de difusión de error como Floyd–Steinberg llegaron poco después. Estas técnicas impulsaron de todo, desde las primeras impresoras láser y fax hasta las pantallas limitadas de los ordenadores domésticos y las consolas portátiles. Lo que empezó como una necesidad de ingeniería — meter fotografías en hardware que solo podía mostrar unos pocos colores — se convirtió en una estética por derecho propio, y por eso el pixel art tramado a propósito sigue resultando tan evocador hoy.
Conclusión
El tramado es el arte de mentir de forma convincente sobre el color: mezclar los pocos tonos que tienes para sugerir los muchos que no. Floyd–Steinberg difunde el error de redondeo a los píxeles vecinos para una mezcla suave y orgánica, mientras que el tramado ordenado de Bayer usa una matriz de umbral fija para un aspecto retro estable y con patrón. Entender la diferencia te deja elegir la textura adecuada para cada imagen en vez de aceptar lo que te dé un filtro. Para ver ambos en acción sobre tus propias fotos, prueba nuestro Generador de Pixel Art — y si eres nuevo en todo el proceso, empieza por Cómo Convertir una Foto en Pixel Art.