Editor de pixels para favicon

Como desenhar um bom favicon 16×16

Um favicon geralmente é exibido com apenas 16 ou 32 pixels, então cada pixel conta. Desenhá-lo à mão em uma grade de pixels dá bordas nítidas e controle total – algo que um logotipo reduzido automaticamente raramente consegue.

Comece com a tela de 16×16 e mantenha o design simples: uma letra marcante, um símbolo simples ou a parte mais reconhecível do seu logotipo. Use um contraste forte para que o ícone continue legível em abas de navegador claras e escuras, e confira as pré-visualizações ao vivo enquanto desenha.

Quando estiver satisfeito com o resultado, clique em "Gerar favicons a partir disto". O gerador mantém os pixels nítidos e cria favicon.ico, ícones PNG, Apple touch icons e ícones Android a partir do seu desenho.

Dicas para favicons pixel art nítidos

• Use de duas a quatro cores – tons demais viram ruído em tamanhos pequenos.
• Deixe uma margem de 1 pixel ou preencha todo o quadrado; evite formas que tocam apenas algumas bordas.
• Prefira linhas horizontais e verticais; linhas diagonais ficam melhores a 45 graus.
• Use o modo espelho para ícones simétricos e a cor transparente para áreas vazadas.
• Desenhe em 32×32 ou 48×48 se o seu ícone for detalhado – tamanhos maiores são usados em telas de alta resolução.