Editor de píxeis para favicon

Como desenhar um bom favicon 16×16

Um favicon é normalmente apresentado com apenas 16 ou 32 píxeis, por isso cada píxel conta. Desenhá-lo à mão numa grelha de píxeis dá-lhe contornos nítidos e controlo total – algo que um logótipo reduzido automaticamente raramente consegue.

Comece com a tela de 16×16 e mantenha o design simples: uma letra em destaque, um símbolo simples ou a parte mais reconhecível do seu logótipo. Use um contraste forte para que o ícone fique legível em separadores de navegador claros e escuros, e verifique as pré-visualizações em direto enquanto desenha.

Quando estiver satisfeito com o resultado, clique em "Gerar favicons a partir disto". O gerador mantém os píxeis 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 duas a quatro cores – demasiados tons transformam-se em ruído em tamanhos pequenos.
• Deixe uma margem de 1 píxel ou preencha todo o quadrado; evite formas que toquem apenas em alguns bordos.
• Prefira linhas horizontais e verticais; as linhas diagonais ficam melhor a 45 graus.
• Use o modo espelho para ícones simétricos e a cor transparente para áreas transparentes.
• Desenhe em 32×32 ou 48×48 se o seu ícone for detalhado – tamanhos maiores são usados em ecrãs de alta resolução.