Efeito mosaico em imagem
Transforme uma foto em um efeito mosaico estilo azulejo: a imagem é dividida em blocos de cor média uniforme, separados por rejuntes ajustáveis, para um visual artístico pixelado.
Como funciona
A imagem é dividida em uma grade de blocos quadrados regulares; para cada bloco, calcula-se a cor média dos pixels que ele contém e desenha-se no lugar dele um quadrado (ou um quadrado com cantos arredondados) dessa cor lisa, com um rejunte da cor escolhida em volta para imitar o aspecto de um azulejo.
Qual tamanho de bloco escolher?
Blocos pequenos (8 a 16 px) mantêm boa legibilidade da imagem original e dão um leve efeito pixelado, enquanto blocos grandes (50 px ou mais) produzem um visual bem abstrato, em que a imagem original fica difícil de reconhecer de perto.
Para que servem os rejuntes?
Os rejuntes adicionam um espaçamento visível entre os blocos, reforçando o efeito de azulejo ou mosaico físico. Ajuste a espessura para 0 para um efeito de pixelização puro, sem separação entre os blocos.
O cálculo das cores médias e a renderização final são feitos inteiramente no seu navegador, sem enviar sua imagem a um servidor.