Gerador de fundo de pontos
Gere um fundo em grade regular de pontos, com espaçamento, tamanho e cores personalizáveis, exportável em PNG ou em SVG que você pode copiar diretamente para o seu código.
Como funciona
A ferramenta coloca um ponto em cada interseção de uma grade regular, cujo espaçamento e tamanho dos pontos são ajustáveis, sobre um fundo sólido ou transparente. O resultado está disponível tanto como imagem PNG pronta para uso quanto como código SVG vetorial, redimensionável sem perda de qualidade e fácil de integrar a uma página web.
PNG ou SVG: qual escolher para o fundo de um site?
O SVG geralmente é preferível para um fundo web: seu peso é baixo e ele permanece nítido em qualquer resolução de tela, inclusive em telas de altíssima densidade. O PNG é mais indicado se você precisa de uma imagem bitmap clássica para uma ferramenta de design ou uma apresentação que não suporta SVG.
Como usar o fundo como ladrilho repetido em um site?
Baixe o PNG ou o SVG gerado e use-o como background-image em CSS com background-repeat: repeat: como a grade é perfeitamente regular e não tem margem adicional, o padrão se encadeia sem corte visível de um ladrilho para o outro.
Geração 100% local: o fundo de pontos é calculado inteiramente no seu navegador, sem enviar nenhum dado a um servidor.