Tramado de imágenes

Cargando la herramienta de tramado…

Convierte una imagen PNG, JPEG o WebP en un mapa de bits con una paleta deliberadamente limitada mediante tramado Floyd-Steinberg, Atkinson o Bayer 4×4. Elige Monocromo, Escala de grises o Color limitado, compara la vista previa y exporta un PNG. Todo se procesa en este navegador: la imagen no se sube, no pasa por Livewire ni se incluye en una URL. En el modo embudo, el proyecto puede mantenerse hasta dos horas en el almacenamiento local del navegador para pasar de un paso a otro; Reiniciar lo elimina. Es un tratamiento determinista de píxeles, no IA, vectorización ni trazado de imágenes. La imagen de origen admite hasta 15 MiB, 20 megapíxeles y 8.192 píxeles por lado. Para mantener la respuesta del navegador, la salida se limita automáticamente a 4 megapíxeles. El canal alfa original se conserva y el tramado solo modifica RGB, por lo que los píxeles totalmente transparentes siguen siendo transparentes.

Cómo aplicar tramado a una imagen en el navegador

  1. 1

    Elige una imagen

    Abre un archivo PNG, JPEG o WebP de hasta 15 MiB y 20 megapíxeles. El archivo se decodifica localmente en el navegador.

  2. 2

    Selecciona el algoritmo

    Usa la difusión de errores Floyd-Steinberg o Atkinson, o elige Bayer 4×4 para obtener un patrón ordenado y regular.

  3. 3

    Elige la paleta

    Selecciona Monocromo, Escala de grises o Color limitado y comprueba cómo los colores reducidos representan degradados, bordes y texturas.

  4. 4

    Descarga el PNG

    Examina la vista previa del mapa de bits con niveles de zoom útiles y exporta los píxeles procesados como PNG conservando el alfa de origen.

Qué cambian los tres algoritmos

El tramado representa tonos con un conjunto de colores más pequeño distribuyendo espacialmente los píxeles disponibles. Floyd y Steinberg presentaron la difusión de errores hacia delante en su artículo de 1976, An Adaptive Algorithm for Spatial Greyscale. Cada píxel cuantizado deja un error que se reparte entre los píxeles vecinos que aún no se han procesado. Suele producir una textura fina e irregular y conserva mejor los cambios graduales que aplicar un solo umbral a toda la imagen.

Atkinson también utiliza difusión de errores, pero difiere en el patrón de vecinos y en la parte del error que conserva. Apple enumera Floyd-Steinberg y Atkinson como métodos de tramado de vImage distintos. Atkinson suele ofrecer un resultado más definido y con mayor contraste, aunque ese aspecto puede perder parte de la variación tonal suave.

Bayer 4×4 es un tramado ordenado. Repite una matriz fija de umbrales de 4×4 por toda la imagen, en lugar de arrastrar el error de un píxel al siguiente. El método procede del artículo de B. E. Bayer de 1973, registrado como An Optimum Method for Two-Level Rendition of Continuous-Tone Pictures. Su patrón visible y regular resulta útil para gráficos retro y texturas previsibles.

Algoritmo Modelo de procesamiento Aspecto habitual Inconveniente práctico
Floyd-Steinberg Difunde el error de cuantización entre vecinos posteriores Detalle fino e irregular Puede crear texturas con forma de gusano en zonas uniformes
Atkinson Difunde parte del error mediante un patrón local más amplio Bordes definidos y luces abiertas Puede sacrificar algo de precisión en los tonos medios
Bayer 4×4 Compara cada píxel con una matriz de umbrales repetida Textura regular de 4×4 El patrón resulta más visible que la difusión de errores

Límites de la paleta y del canal alfa

Monocromo reduce el RGB visible a dos tonos. Escala de grises conserva varios niveles neutros, mientras que Color limitado cuantiza RGB a un conjunto pequeño de colores. Estos modos no identifican sujetos, reconstruyen detalles perdidos ni deducen colores nuevos. El resultado sigue siendo un mapa de bits con las dimensiones procesadas; no es SVG ni ningún otro tipo de gráfico vectorial.

El cálculo del tramado solo modifica los valores RGB. Copia el alfa original de cada píxel, incluida la transparencia parcial, y los píxeles totalmente transparentes siguen siéndolo. La especificación PNG define un alfa por píxel que abarca desde totalmente transparente hasta totalmente opaco. JPEG no admite alfa, mientras que PNG y algunas imágenes WebP sí pueden incluirlo.

Procesamiento en el navegador y exportación PNG

El navegador decodifica el archivo elegido, lee los datos de píxeles, aplica el algoritmo seleccionado y crea la descarga localmente. La herramienta no sube la imagen. En el modo embudo, la imagen y el resultado pueden guardarse hasta dos horas en IndexedDB dentro de este navegador. Una referencia asociada a la pestaña en sessionStorage mantiene separados los proyectos simultáneos. Reiniciar elimina los datos locales del proyecto; de lo contrario, caducan automáticamente. La especificación de HTML Canvas define la lectura de píxeles y la exportación con toBlob(), y exige PNG cuando no se admite el tipo solicitado.

El límite de 15 MiB para el archivo comprimido y los límites de 20 megapíxeles y 8.192 píxeles por lado para la imagen decodificada protegen la memoria y el tiempo de procesamiento del navegador. Un archivo comprimido pequeño puede convertirse en un búfer de píxeles grande. Para mantener la respuesta del navegador, la salida se limita automáticamente a 4 megapíxeles aunque la fuente admitida sea mayor. Si una imagen válida supera un límite de origen, redúcela primero. La exportación PNG conserva los píxeles y el alfa sin pérdidas, pero no mantiene los metadatos, las capas ni los objetos vectoriales del archivo original.

Preguntas frecuentes

Prueba Floyd-Steinberg para obtener una textura fina por difusión de errores, Atkinson para un aspecto más definido y contrastado, y Bayer 4×4 cuando busques un patrón retro visiblemente regular. La mejor opción depende de la imagen y del resultado que quieras.

No. Aplica cuantización de píxeles y tramado deterministas dentro del navegador. No reconoce sujetos, genera contenido, traza formas ni exporta SVG. La descarga es un PNG de mapa de bits.

Se copia el valor alfa original de cada píxel y el tramado solo modifica RGB. Los píxeles totalmente transparentes siguen siéndolo y el alfa parcial se conserva en el PNG de salida.

Puedes abrir archivos PNG, JPEG y WebP de hasta 15 MiB, 20 megapíxeles y 8.192 píxeles por lado. Para mantener la respuesta del navegador, la salida se limita automáticamente a 4 megapíxeles.

No se sube, no pasa por Livewire ni se coloca en las URL del embudo. La decodificación, el procesamiento, la vista previa y la creación del PNG ocurren en este navegador. En el modo embudo, el proyecto puede guardarse hasta dos horas en IndexedDB y asociarse a esta pestaña mediante sessionStorage. Reiniciar lo elimina; de lo contrario, caduca automáticamente.

Herramientas relacionadas