Gerador de favicon

image
favorite

Solte a imagem aqui

PNG, JPG ou SVG

16px

32px

64px

128px

256px

Configurações

Ajustar plano de fundo e saída

Configurações

Escolha os tamanhos e copie o código HTML

Código HTML

<link rel="icon" type="image/png" href="favicon.png">
<link rel="icon" type="image/x-icon" href="favicon.ico">

Crie favicons em seu navegador

Crie arquivos favicon e ativos de ícone de site para guias do navegador e aplicativos da web.

Como criar um favicon de site

  1. Escolha uma imagem ou crie um design de emoji simples.
  2. Visualize o favicon e selecione um tamanho e formato de saída.
  3. Baixe o arquivo PNG ou ICO gerado.

Crie um favicon a partir de um logotipo ou emoji

Use uma imagem como um logotipo PNG ou crie um símbolo simples na guia Emoji. As fontes de imagem são ajustadas dentro de um quadrado, mantendo suas proporções. Inspecione as pequenas visualizações: um logotipo detalhado pode ser difícil de reconhecer com 16 ou 32 pixels. Uma forma simples com espaçamento claro geralmente tem melhor leitura.

Escolha tamanhos PNG ou um favicon ICO de vários tamanhos

O botão PNG salva o tamanho selecionado. Todos os tamanhos baixam arquivos PNG separados em 16, 32, 48, 64, 128 e 256 pixels; não é um download ZIP. O botão ICO cria um favicon.ico contendo versões de 16, 32 e 48 pixels. Esta ferramenta funciona em uma imagem ou design de emoji por vez.

Adicione o favicon baixado ao seu site

Coloque o arquivo baixado em seu próprio site e adapte o exemplo do link HTML ao nome e localização reais do arquivo. O exemplo usa favicon.png, enquanto um download PNG inclui seu tamanho no nome do arquivo, então renomeie o arquivo ou atualize o link. Gerar um favicon aqui não o publica em seu site. A renderização permanece no seu navegador.

Perguntas sobre o favicon do site

Posso criar um favicon a partir de um emoji?

Sim. O editor de emoji pode criar um design simples de favicon.

As imagens são carregadas em um servidor?

Não. A geração do favicon é executada no seu navegador e as imagens selecionadas não são carregadas nos próprios servidores do IMGIUM.

Todos os tamanhos baixam um ZIP de favicon?

Não. Ele inicia seis downloads de PNG separados. Seu navegador pode perguntar se deseja permitir vários downloads. Use o botão ICO para um único arquivo contendo três tamanhos de ícone.

Por que o exemplo HTML não corresponde ao meu nome de arquivo PNG?

Os downloads de PNG incluem o tamanho selecionado, como favicon-32x32.png. Renomeie esse arquivo para favicon.png ou altere o link de exemplo para o nome do arquivo que você realmente carregou em seu site.

Precisa de diferentes tamanhos de ícones ou dimensões de origem?

Use o conversor ICO para escolher quais tamanhos vão dentro de um arquivo ICO, incluindo tamanhos maiores. Redimensione a fonte separadamente se você também precisar de uma imagem de uso geral com dimensões personalizadas.