Mientras creaba una función para convertir imágenes en pixel art, pensé que sería útil separar la lógica de pixelado para poder reutilizarla, así que hice una biblioteca de pixelado de imágenes.
Características
- zero-dependency + tamaño de paquete pequeño (aprox. 44 kB)
- se puede usar tanto en el navegador como en Node.js
- soporte para dos modos de pixelado:
clean/detail - opción de mantener el tamaño original o generar salida de baja resolución
- puede procesar incluso 512×512 en unos pocos ms
- es fácil ejecutarla por separado con Worker en el navegador, así que incluso con procesamiento pesado de imágenes la UI sufre poco
Cómo funciona
- el modo
cleanusa el color que más aparece en cada celda, por lo que los bordes quedan más definidos - el modo
detailusa el color promedio de cada celda, dejando gradientes y texturas de forma un poco más natural
Ejemplo de uso
import { pixelate } from 'fast-pixelizer'
const result = pixelate(imageData, { resolution: 32 })
// -> { data: Uint8ClampedArray, width, height }
Enlaces
- npm: https://www.npmjs.com/package/fast-pixelizer
- GitHub: https://github.com/handsupmin/fast-pixelizer
Pruébenla con confianza y agradeceré sus comentarios. 🙂
Aún no hay comentarios.