139 · Design e Web

Visualizador de favicon

Faça upload do seu ícone para ver como ele fica nos tamanhos minúsculos que os navegadores realmente usam.

Seus dados: Esta ferramenta processa sua entrada neste navegador. CapyHelp não carrega essa entrada para gerar seu resultado. Detalhes de privacidade

Visualizador de favicon

Permanece no seu dispositivo. Imagens quadradas funcionam melhor.

Outra guia
Outra guia
Tela inicial

Como usar o visualizador de favicon

  1. Escolha sua imagem de ícone.
  2. Digite o título da sua página.
  3. Confira nas abas claras e escuras e em cada tamanho.

Projetando para 16 pixels

As guias do navegador mostram ícones favoritos em 16 × 16 pixels, de modo que detalhes finos e texto fino desaparecem. Use uma forma em negrito ou uma única letra, com forte contraste e verifique nas barras de guias claras e escuras. Para criar os arquivos de ícone reais, use o gerador de favicon.

Exemplos

Um logotipo detalhado

Difícil de ler em 16px

Uma letra em negrito em um quadrado colorido

Transparente em todos os tamanhos

Perguntas

Meus dados foram carregados?

Não. Tudo é executado no seu navegador, então o que você cola nunca sai do seu dispositivo.

Tradução automática. Revise resultados importantes.