./prontouso.com

IMAGENS E MÍDIA

Gerador de Favicon

Solte uma imagem PNG, JPG ou WebP e gere tamanhos comuns de favicon como 16, 32, 48, 180, 192 e 512 pixels localmente.

Status da ferramentaRoda no seu navegador
Prévia
prontouso://imagens/favicon-lab
PNG + ICOSEM ENVIO
Solte uma imagem aquiescolha um arquivo
.png, .jpg, .jpeg, .webp, .svg · até 2.0 MB. Lido no seu navegador, nunca enviado.

Como funciona

  1. Informe os dados

    Preencha os valores, cole o texto ou envie o arquivo que esta ferramenta usa.

  2. Veja o resultado na hora

    A maioria das ferramentas atualiza enquanto você digita; algumas usam um único botão. De qualquer forma, o resultado aparece aqui mesmo.

  3. Use o resultado

    Copie, baixe ou compartilhe o que a ferramenta gerar — o controle é sempre seu.

Privacidade e processamento — Roda localmente no seu navegador. Esta ferramenta não faz upload da sua entrada.

O que é Gerador de Favicon?

Transforme uma imagem num pacote completo de favicon — tamanhos em PNG, um favicon.ico multi-resolução, um site.webmanifest e tags HTML prontas para colar — gerado inteiramente no seu navegador.

ENTENDA A FERRAMENTA

Como gerar um pacote completo de favicon

Envie uma imagem para gerar todos os tamanhos comuns de favicon, um favicon.ico de verdade, um site.webmanifest e o trecho HTML exato para colar no seu <head> — tudo num único .zip.

O que o pacote contém

Seis tamanhos quadrados em PNG (16, 32, 48, 180, 192 e 512 px) cobrindo abas de navegador, Apple touch icon e ícones Android/web app, mais um favicon.ico de verdade que empacota as versões de 16/32/48 px num único arquivo multi-resolução — o mesmo que os navegadores ainda pedem por padrão.

Um site.webmanifest com o nome do seu site (do campo opcional de nome) apontando para os ícones de 192/512 px, e um trecho HTML pronto listando cada tag <link>, na ordem que os navegadores checam — a parte que a maioria das pessoas tem que procurar toda vez.

Recomendações de imagem

  • Comece com uma imagem quadrada e nítida sempre que possível — qualquer outra é recortada ao centro num quadrado.
  • Use contraste suficiente para o ícone continuar legível pequeno.
  • Confira as pré-visualizações de aba do navegador e de tela inicial antes de baixar — uma logo que parece nítida em 512 px pode borrar ou perder detalhe em 16 px.

Duas formas de baixar os arquivos

"Baixar pacote (.zip)" é a opção de um clique: todos os tamanhos em PNG, o favicon.ico, o site.webmanifest e o trecho HTML como arquivo de texto, prontos para colar na raiz do seu projeto.

Se você só precisa de alguns tamanhos, selecione-os na grade e use "Baixar selecionados" — um único arquivo baixa direto, dois ou mais voltam como um .zip pequeno.

Tudo acontece no seu dispositivo

A imagem de origem é decodificada com a API Canvas, cada tamanho em PNG é renderizado localmente, e o arquivo .ico, o manifest e o trecho HTML são todos montados no seu navegador — nada é enviado para lugar nenhum.

Perguntas frequentes

Eu recebo um favicon.ico de verdade, ou só PNGs renomeados?

Um de verdade. Os PNGs de 16, 32 e 48 px são empacotados num container ICONDIR de verdade — o mesmo formato multi-resolução que ferramentas como icoutils produzem — não é um único PNG só com a extensão trocada para .ico.

Ela corta minha imagem?

Sim, se a imagem de origem não for quadrada: o maior quadrado central é recortado antes de cada tamanho ser gerado, então rostos ou logos perto das bordas de uma imagem larga podem ser cortados.

Quais tamanhos são para ícones de app?

180 px é o Apple touch icon, enquanto 192 px e 512 px são o que o site.webmanifest gerado usa para instalações Android e de web app. Os tamanhos de 16, 32 e 48 px cobrem os slots de favicon do navegador e também são os que vão empacotados no favicon.ico.

O que o campo de nome do site realmente muda?

Ele só afeta os campos name e short_name do site.webmanifest — o nome mostrado quando alguém adiciona seu site à tela inicial. Deixar em branco ainda gera um manifest válido com um nome genérico padrão.

Ferramentas relacionadas