Herramienta de tramado de imágenes
Convierte cualquier foto en pixel art nítido con tramado (dithering). Elige entre 12 algoritmos de tramado y paletas retro como blanco y negro de 1 bit, Game Boy, CGA, EGA, C64 y PICO-8, o crea tus propios colores, y descarga un PNG nítido a cualquier escala.
Última actualización:
Cómo usar Herramienta de tramado de imágenes
- Añade una imagen: suelta, pega o elige una foto. Se carga una escena de ejemplo para que pruebes los ajustes enseguida.
- Elige un algoritmo: Floyd-Steinberg o Atkinson para una difusión de error suave, Bayer para el clásico patrón de tramado cruzado.
- Elige una paleta: 1 bit, Game Boy, CGA y otras, Adaptativa para tomar los colores de la foto, o Personalizada para elegir los tuyos.
- Ajusta el aspecto: sube el Tamaño de píxel para píxeles más grandes y ajusta el brillo, el contraste y la intensidad del tramado.
- Descarga el PNG al tamaño original o a un múltiplo exacto por píxel.
Comparación de algoritmos de tramado
| Algoritmo | Tipo | Cómo se usa el error o el umbral | Aspecto |
|---|---|---|---|
| Floyd-Steinberg (1976) | Difusión de error | 7/16 a la derecha, 3/16 abajo a la izquierda, 5/16 abajo, 1/16 abajo a la derecha | Suave, natural, ligeros patrones de "gusanos" |
| Atkinson | Difusión de error | 1/8 a seis vecinos; solo se conservan 6/8 del error | Nítido, alto contraste, aspecto clásico de los primeros Mac |
| Jarvis-Judice-Ninke | Difusión de error | 12 vecinos en dos filas, dividido entre 48 | Muy suave, grano más grueso |
| Stucki | Difusión de error | 12 vecinos, dividido entre 42 | Limpio y nítido, similar a JJN |
| Burkes | Difusión de error | 7 vecinos en una fila, dividido entre 32 | Simplificación rápida de Stucki |
| Sierra / Sierra Lite | Difusión de error | 10 vecinos /32, o 3 vecinos /4 | Equilibrado; Lite se parece a Floyd-Steinberg |
| Bayer 2×2, 4×4, 8×8 | Ordenado | Cada píxel se desplaza con un valor de una matriz de umbrales que se repite | Tramado cruzado regular, estilo de juego retro |
| Ruido aleatorio | Ordenado | Desplazamiento aleatorio por píxel | Granulado, como de película |
| Umbral | Ninguno | Cada píxel se ajusta al color más cercano | Zonas planas posterizadas, bandas |
Cómo funciona la difusión de error
La imagen se recorre píxel a píxel. Cada píxel se sustituye por el color más cercano de la paleta, y la diferencia (el error de cuantización) se suma a los píxeles que aún no se han procesado. En Floyd-Steinberg, un píxel con error e pasa 7e/16 al píxel de su derecha y 3e/16, 5e/16 y e/16 a los tres píxeles de abajo. Como el error nunca se desecha, el brillo medio de cada zona se mantiene cerca del original. El barrido en serpentina procesa una fila de cada dos de derecha a izquierda, lo que rompe los artefactos diagonales.
El tramado ordenado, en cambio, suma a cada píxel un desplazamiento que depende de su posición en la matriz de Bayer antes de ajustarlo al color más cercano. Una matriz de Bayer de 4×4 contiene los valores de 0 a 15 dispuestos de forma que los umbrales vecinos sean lo más distintos posible, lo que produce 17 niveles de tono espaciados uniformemente entre dos colores.
Paletas retro de esta herramienta
| Paleta | Colores | Notas |
|---|---|---|
| 1 bit | 2 | Blanco y negro puros, como las primeras pantallas de Macintosh y las impresoras térmicas |
| Game Boy | 4 | Cuatro tonos de verde que se aproximan a la pantalla de la consola portátil original |
| Paleta CGA 0 / 1 | 4 | Los modos de cuatro colores a 320×200 de los primeros gráficos de IBM PC |
| EGA | 16 | La paleta estándar de 16 colores del PC, que también usaba DOS en modo texto |
| Commodore 64 | 16 | Una aproximación medida muy extendida de los colores del C64 |
| PICO-8 | 16 | La paleta de la consola de fantasía que adoran los artistas de pixel art |
Consejo: el tramado se ve mejor cuando cada píxel tramado es visible. Usa un Tamaño de píxel de 2-4 para fotos y exporta a Tamaño original para que el PNG tenga las mismas dimensiones que tu foto con píxeles cuadrados nítidos.
Preguntas frecuentes
¿Qué es el tramado (dithering) de imágenes?
El tramado es una forma de mostrar más tonos de los que tiene realmente una paleta mezclando los colores disponibles en pequeños patrones. Al mirar desde lejos, el ojo promedia los puntos, así que una imagen en blanco y negro puede seguir mostrando degradados grises suaves. Los ordenadores antiguos, las impresoras y las consolas portátiles dependían de él porque solo podían mostrar unos pocos colores.
¿Cuál es la diferencia entre el tramado Floyd-Steinberg y el Atkinson?
Ambos son métodos de difusión de error: cada píxel se ajusta al color más cercano de la paleta y el error de redondeo se pasa a los píxeles vecinos. Floyd-Steinberg (1976) reparte todo el error entre cuatro vecinos con pesos de 7/16, 3/16, 5/16 y 1/16. Atkinson, usado en los primeros Apple Macintosh, pasa solo 6/8 del error a seis vecinos, lo que da más contraste y luces y sombras más limpias.
¿Qué es el tramado Bayer u ordenado?
El tramado ordenado compara cada píxel con una matriz de umbrales fija (la matriz de Bayer) que se repite por toda la imagen. No necesita propagar el error, así que es rápido y da una textura regular de tramado cruzado típica de los juegos de 8 y 16 bits. Las matrices más grandes (8×8) dan más tonos intermedios que las de 2×2.
¿Cómo hago una imagen al estilo Game Boy?
Elige la paleta Game Boy, que usa los cuatro tonos de verde de la consola portátil original, ajusta el Tamaño de píxel para que la imagen tenga unos 160 píxeles de ancho y prueba Bayer 4×4 o Atkinson. Descárgala con la opción Tamaño original para mantener nítidos los píxeles gruesos.
¿Por qué mi descarga se ve borrosa en algunas apps?
El PNG en sí es exacto al píxel. Algunos visores suavizan las imágenes al hacer zoom. Exporta a una escala mayor, como 4× o la opción Tamaño original, para que cada píxel tramado se convierta en un bloque sólido que se mantenga nítido al mostrarse.
¿Qué hace la paleta Adaptativa?
Aplica una cuantización de color por corte de mediana a tu imagen y conserva los 2 a 32 colores que mejor la representan; después aplica el tramado con esos colores. Suele dar el resultado más fiel para un número de colores dado.
¿Se suben mis imágenes?
No. Todo el procesamiento se hace en tu dispositivo con la Canvas API, así que tus fotos nunca salen de tu navegador.
¿Se prueban todas las herramientas de FreeToolCabin para comprobar su calidad y precisión?
Sí. Cada herramienta del sitio pasa pruebas automáticas en navegadores reales para comprobar que el resultado es correcto y que no hay errores. Si encuentras un fallo o tienes una sugerencia, escríbenos a [email protected] y lo revisaremos.