Sobre o projeto
img2css é uma ferramenta web que converte uma imagem em CSS puro. Sua principal técnica recria a imagem usando apenas box-shadows: cada pixel é redimensionado e definido como box-shadow de uma div de um único pixel, de modo que nenhuma tag img ou background-image é necessária. O projeto observa que essa saída pode se tornar muito grande e não é recomendada para produção, a menos que não exista outra opção.
Um segundo modo de saída incorpora o arquivo de imagem inteiro dentro de uma tag img usando base64, eliminando a necessidade de hospedagem externa.
A ferramenta está disponível por meio de uma página web hospedada. O README também aponta para uma biblioteca programática relacionada (canvas-image-utils) para quem deseja realizar a conversão em código, e para um experimento separado de animação por pixel (morphin).
O desenvolvimento usa pnpm: pnpm install e pnpm dev para trabalho local, enquanto pnpm build grava o site estático em um diretório out/. O push para o branch main implanta o site em um branch gh-pages.
Comments
0 people shared their preference · Deer Point appears after 10 participants
Sign in to join the discussion.