Criador de Pixel Art: desenhe pixel art online
Escolha uma grade, toque em uma cor e desenhe pixel a pixel – com mouse, dedo ou caneta digital. Pronto? Salve como PNG com fundo transparente, ampliado de 1 a 32 vezes. Tudo acontece no seu navegador, nada é enviado.
Como o cálculo é feito
Pixel art é um tipo de arte gráfica em que cada pixel é colocado de propósito – conhecida dos jogos da era 8 e 16 bits, mas ainda popular hoje para ícones, emojis, sprites, avatares e moldes de ponto cruz. Este criador de pixel art é um editor simples direto no navegador: sem conta, sem instalação, sem enviar arquivos.
Como funciona
- Escolha um tamanho de grade: 8 × 8 para mini ícones, 16 × 16 ou 32 × 32 para sprites clássicos, até 64 × 64 para motivos mais detalhados. Ao trocar, o conteúdo do canto superior esquerdo é mantido.
- Toque em uma cor da paleta ou escolha uma personalizada pelo campo de cor.
- Desenhe: o lápis coloca pixels, a borracha os deixa transparentes de novo, o balde de tinta pinta uma área conectada da mesma cor, o conta-gotas pega uma cor da imagem, e a linha traça uma linha reta de pixels entre um ponto inicial e final.
- Ative o espelhamento para desenhar de forma simétrica – ideal para personagens, rostos e ícones. A linha vermelha mostra o eixo de simetria.
- Baixe como PNG: escolha uma ampliação (1× a 32×) e salve. Pixels não pintados ficam transparentes.
Por que exportar ampliado?
Uma imagem 16 × 16 é minúscula no tamanho original. Se você a ampliar depois em um programa de imagens, ela costuma ficar borrada. A exportação daqui amplia cada pixel para um bloco exato (por exemplo, 16 × 16 em 16×) – as bordas continuam nítidas e definidas. Para engines de jogos que escalam sozinhas, use 1×; para redes sociais, apresentações ou impressão, prefira 16× ou 32×.
Técnica e limites honestos
- Uma imagem com uma única camada – sem múltiplas camadas, sem animação (GIF/sprite sheet) e sem importar imagens existentes.
- O balde de tinta só preenche pixels conectados na horizontal e na vertical (diagonais o interrompem); a linha usa o clássico algoritmo de Bresenham.
- Desfazer volta até 100 passos, enquanto a página estiver aberta.
- A saída máxima é de 64 × 32 = 2048 pixels de lado.
Privacidade
O desenho nasce e fica no seu navegador – não existe servidor para onde ele é enviado. Para que nada se perca, o editor guarda seu trabalho no armazenamento local deste navegador (localStorage, chave pixelart:v1). «Apagar tudo» o remove; você também pode limpar os dados do site no navegador.
Para continuar: o gerador de favicon transforma seu motivo pixelado em um ícone de site, Redimensionar imagem ajusta o PNG a medidas específicas, e o gerador de paleta de cores sugere tons combinando. Converta vetores com SVG para PNG.
Perguntas frequentes
Como crio pixel art online?
Escolha um tamanho de grade (por exemplo, 16 × 16), toque em uma cor e coloque pixels com o lápis. O balde de tinta preenche áreas, a ferramenta linha traça bordas retas. No final, clique em «Baixar como PNG».
O criador de pixel art é grátis?
Sim, sem cadastro, sem marca d’água e sem limite de downloads. A imagem final é sua.
Qual tamanho é bom para pixel art?
16 × 16 e 32 × 32 são os clássicos para personagens de jogo e ícones. 8 × 8 força formas bem simples, 64 × 64 permite mais detalhes mas exige bem mais tempo. Para começar, 16 × 16 é ideal.
Como salvo pixel art com fundo transparente?
Todos os pixels não pintados ficam transparentes (padrão de xadrez). A exportação em PNG mantém essa transparência automaticamente. Pixels apagados também voltam a ficar transparentes.
Como amplio pixel art sem que fique borrado?
Escolha uma ampliação antes de baixar (até 32×). Cada pixel vira um bloco de cor exato, sem desfoque. Para redimensionar depois em outros programas, use só «vizinho mais próximo» ou «repetição de pixel».
Meu desenho se perde se eu fechar a página?
Não. O trabalho é salvo automaticamente no armazenamento local deste navegador e restaurado na próxima visita, no mesmo aparelho e navegador. No modo anônimo, o navegador pode impedir isso.
O editor funciona no celular e no tablet?
Sim. Você desenha com o dedo ou uma caneta digital; a área de desenho não rola nesse meio-tempo. Para trabalhos finos em 48 × 48 ou 64 × 64, uma tela maior é mais confortável.
Posso criar animações ou sprite sheets?
Não, o editor gera uma única imagem. Você pode desenhar várias fases de uma animação uma após a outra, exportá-las separadamente e montá-las em um programa de animação.
Fontes e base legal
- W3C – Pointer Events Level 3 (Maus, Touch und Stift)
- W3C – Portable Network Graphics (PNG) Specification (Alphakanal/Transparenz)
- MDN – CanvasRenderingContext2D: putImageData()
- MDN – CSS image-rendering: pixelated
- J. E. Bresenham (1965): Algorithm for computer control of a digital plotter, IBM Systems Journal 4(1)
Última atualização:
Ferramentas relacionadas
- Gerador de favicon: a partir de imagem, letras ou emojiCrie um favicon grátis a partir de imagem, letras ou emoji: favicon.ico (16/32/48), apple-touch-icon, PNG 192/512, site.webmanifest e código HTML. Sem upload.
- Converter SVG para PNGConverta SVG para PNG no navegador: tamanho em pixels ou por fator de escala, fundo transparente ou colorido, até 20 arquivos em ZIP. Grátis e sem cadastro.
- Gerador de paleta de coresGere cores que combinam a partir de uma cor base: complementar, análoga, triádica, quadrado, complementar dividida ou monocromática, com HEX, RGB e HSL.
- Redimensionar imagem onlineRedimensionar imagem grátis em pixels ou porcentagem, sem distorcer ou cortando no formato, com modelos para Instagram e YouTube. Até 20 imagens, sem upload.
- Colocar marca d’água nas suas fotosColoque marca d’água em foto online: texto ou logo, opacidade, rotação, 9 posições ou em mosaico. Até 20 imagens por vez, ZIP, sem upload. Grátis.
- Comprimir imagem – reduza o tamanho sem perda visívelComprimir imagem grátis e sem upload: reduza o tamanho de JPG, PNG, WebP e HEIC, até 20 por vez, com tamanho-alvo em KB e download em ZIP.