Tramado de imagen

Image Dither convierte una fotografía a todo color en una imagen construida a partir de un pequeño conjunto fijo de colores, utilizando un patrón de puntos o bloques para simular los tonos que se eliminaron. Es el efecto detrás de las fotografías de periódicos, la pantalla original de Macintosh, los sprites de Game Boy y los carteles de conciertos serigrafiados, y esta herramienta los reproduce todos desde una sola carga.

El tramado existe porque una pantalla o una imprenta a menudo no puede reproducir todos los tonos de una fotografía. Una imprenta de periódico tiene un color de tinta y un color de papel; un Macintosh de 1984 tenía un bit por píxel. En lugar de redondear cada píxel al color disponible más cercano y perder el gradiente por completo, un algoritmo de tramado distribuye el error de redondeo entre los píxeles vecinos, de modo que a una distancia de visión normal el ojo promedia un grupo de puntos negros en papel blanco nuevamente en gris. Diferentes algoritmos distribuyen ese error de manera diferente, y la distribución es lo que le da a cada uno su aspecto característico.

Hay seis algoritmos disponibles. Bayer 4x4 utiliza una matriz de umbral ordenada, lo que produce el rayado cruzado habitual de los primeros juegos de PC. Atkinson, escrito por Bill Atkinson para el Macintosh original, envía sólo tres cuartas partes del error a sus vecinos, lo que elimina los reflejos y produce el aspecto de alto contraste de MacPaint. Floyd-Steinberg distribuye el error completo entre cuatro vecinos para obtener el resultado fotográficamente más fiel. Muestras de medios tonos a lo largo de una red rotada y varía el radio del punto con el tono, de la misma manera que una pantalla de medios tonos real forma un ángulo al presionarla. Cyber Glitch introduce colores en la paleta y desplaza las líneas de escaneo. Hard 1-Bit es un corte de umbral recto sin vacilación alguna.

Todo se ejecuta en el lado del cliente. La imagen es decodificada, recortada y difuminada por su propio navegador utilizando la API Canvas, y nunca se envía ninguna copia a ninguna parte, lo cual importa cuando la fuente es una fotografía inédita o un activo del cliente. La salida está disponible como PNG con una resolución de etapa de hasta 8 veces, o como SVG, donde cada punto se escribe como una forma vectorial real para que el póster pueda escalarse a cualquier tamaño de impresión o abrirse en un editor vectorial para seguir trabajando.

Esto es lo que sucede cuando trampas una imagen en línea con la configuración predeterminada. La foto se ajusta a un escenario de 840px de ancho, se ejecuta a través de Halftone con una escala de píxeles de 4px y un ángulo de pantalla de 45 grados, y se dibuja como puntos de carbón en el fondo de Brutal Paper. Elija 4x en la escala de resolución y descargue PNG le brinda un archivo de 3360px de ancho, rediferido con puntos de 16px en lugar de la vista previa ampliada. Exportar como SVG y el mismo marco llega como círculos vectoriales en un lienzo de 840 unidades.