Resposta rápida

Prepare um logotipo simples próximo a um quadrado e crie um ICO contendo 16, 32, 48, 64, 128 e 256px. Verifique especialmente 16px e 32px na exibição do navegador.

01

Escolha uma forma que possa ser compreendida mesmo que seja pequena.

O favicon aparece muito pequeno nas guias e nos favoritos. Texto fino, fotos complexas e logotipos longos tendem a ser facilmente esmagados, então iniciais e símbolos simples são melhores.

Idealmente, a imagem original é quadrada. Você também pode convertê-lo em um retângulo, mas as margens podem ficar maiores porque será reduzido ao centro.

02

Verifique o histórico e a transparência

PNG pode reter fundos transparentes. Escolha uma cor que seja visível nos temas claros e escuros do navegador para evitar que os contornos se misturem ao fundo.

JPEG não pode ter transparência. Se você usar uma foto ou imagem com fundo colorido, certifique-se de que os cantos tenham a mesma cor desejada.

03

Coloque vários tamanhos em um ICO

O ICO pode armazenar imagens de múltiplas resoluções em um arquivo. Pixel Toolbox permite escolher o tamanho necessário entre 16, 32, 48, 64, 128 e 256px.

A menos que você tenha um motivo especial, selecionar Tudo torna mais fácil para os navegadores e o Windows usarem uma resolução próxima ao local de exibição.

04

Preste atenção ao cache após a instalação

Mesmo se você instalar um favicon em seu site, o navegador poderá armazenar em cache o ícone antigo e ele não mudará imediatamente. Verifique também em outro navegador ou visualização privada.

Alguns sites usam não apenas ICO, mas também ícones PNG e manifesto de aplicativos da Web. Verifique o nome do arquivo especificado e o tamanho do sistema que você está usando.

VERIFIED EXAMPLE

Tamanho que pode ser armazenado no ICO

Crie PNGs de cada tamanho e armazene-os em um contêiner ICO em ordem.

tamanho pequeno16/32/48pxPara guias e listas
tamanho médio64/128 pixelsPara atalhos
grande256pxPara exibição de alta resolução
arranjocentro quadrado transparentemantenha a proporção original
A entrada é JPEG/PNG, máximo de 25 MB. Selecione pelo menos um tamanho.
CHECK

Confirmação antes e depois da criação da ICO

  • Usando uma imagem simples, quase quadrada
  • Visto em fundos claros e escuros
  • escolha o tamanho que você precisa
  • 16px e 32px confirmados
  • Confirmei a especificação do local de instalação.
Resolver com esta ferramenta

Conversão de ICO

Você pode criar um arquivo ICO contendo vários tamanhos selecionados de JPEG/PNG.

Conversão de ICO

Este artigo oferece orientações gerais. Se o destinatário, a gráfica ou um serviço oficial tiver requisitos próprios, siga-os primeiro.

A SMALL NOTE FROM SPACE

Quanto menor a estrela, mais importantes são suas características de forma. Vamos colocar uma marca que possa ser reconhecida até por 16 pixels em um canto do universo.