2 pontos por qnth159 2026-03-13 | Ainda não há comentários. | Compartilhar no WhatsApp

Enquanto eu criava um recurso de conversão de imagens em pixel art,
pensei que seria ótimo poder separar apenas a lógica de pixelização para reutilizá-la, então criei uma biblioteca de pixelização de imagens.

Recursos

  • zero-dependency + tamanho de pacote pequeno (cerca de 44 kB)
  • pode ser usada tanto no navegador quanto no Node.js
  • suporte a dois modos de pixelização: clean / detail
  • opção de manter o tamanho original ou gerar saída em baixa resolução
  • processamento em alguns ms mesmo com base em 512×512
  • fácil de executar separadamente com Worker no navegador, reduzindo a carga na UI mesmo em processamento pesado de imagens

Como funciona

  • o modo clean usa a cor que mais aparece em cada célula, deixando os contornos mais nítidos
  • o modo detail usa a cor média de cada célula, preservando gradientes e texturas de forma mais natural

Exemplo de uso

import { pixelate } from 'fast-pixelizer'  
  
const result = pixelate(imageData, { resolution: 32 })  
// -> { data: Uint8ClampedArray, width, height }  

Links

Fiquem à vontade para usar e mandar feedback. 🙂

Ainda não há comentários.

Ainda não há comentários.