Publicar um site novo
Produza de uma só vez todos os ícones de um site institucional a partir do logótipo.
Gerador de favicon
Importe uma imagem quadrada: a ferramenta gera favicon.ico, os PNG de 16 a 512 px, o ícone da Apple e as tags HTML para copiar.
- Área de transferência
- Exportar
Os seus ficheiros são processados localmente no navegador e nunca são enviados para os nossos servidores.
Escolha de preferência uma imagem quadrada, PNG, JPEG ou WebP, até 25 MB.
Largue o seu ficheiro aqui
Tamanho recomendado: até 25 MB
Precisas de mais opções?
Utiliza várias ferramentas de edição num único espaço, com o ficheiro aberto e as alterações em curso.
Abrir o editor completoEsta ferramenta foi útil?
Como funciona esta ferramenta?
O favicon é o pequeno ícone mostrado no separador do navegador, nos marcadores, no histórico e no ecrã principal de um telemóvel. Cada utilização espera um tamanho preciso, de 16 px num separador a 512 px para uma aplicação web instalada. Este gerador cria a partir de uma única imagem o ficheiro favicon.ico, os PNG de 16 a 512 px e as tags HTML a colar no <head> do seu site.
Importe uma imagem PNG, JPEG ou WebP até 25 MB, de preferência quadrada e com pelo menos 512 × 512 px. Clique em Gerar favicons: a imagem é primeiro convertida em PNG e depois reduzida a seis tamanhos quadrados, 16, 32, 48, 180, 192 e 512 px.
Uma imagem que não é quadrada é reduzida sem deformação e centrada, com margens transparentes. Os ficheiros têm os nomes esperados por navegadores e sistemas: favicon-16x16.png, favicon-32x32.png, favicon-48x48.png, apple-touch-icon.png (180 px), android-chrome-192x192.png e android-chrome-512x512.png.
O ficheiro favicon.ico reúne as versões de 16, 32 e 48 px num único contentor ICO, lido por todos os navegadores atuais e pelo Windows. As tags HTML recomendadas aparecem com o botão Copiar tags, e Transferir os ficheiros guarda os sete ficheiros no seu dispositivo.
Como usar esta ferramenta
Importe o logótipo
Escolha uma imagem quadrada, de preferência um PNG com fundo transparente ou de cor lisa.
Gere os favicons
Clique em Gerar favicons e verifique a pré-visualização de cada tamanho, sobretudo 16 e 32 px.
Instale-os no site
Transfira os ficheiros, coloque-os na raiz do site e cole as tags HTML no <head>.
Casos de uso
Substituir um favicon desfocado
Volte a gerar tamanhos nítidos a partir de um logótipo em alta resolução em vez de ampliar um antigo ícone de 16 px.
Preparar uma aplicação web
Obtenha os ícones de 192 e 512 px para declarar no manifesto de uma PWA.
Exemplos
Logótipo retangular de 600 × 400 px
A 32 × 32 px, o logótipo é reduzido por um fator de 32 ÷ 600 ≈ 0,053 e mede cerca de 32 × 21 px, centrado com uma faixa transparente de pouco mais de 5 px em cima e em baixo. Um logótipo quadrado ocuparia todo o ícone.
Entrada
logo.png de 600 × 400 px, fundo transparenteResultado
7 ficheiros: favicon.ico (16, 32, 48 px) e 6 PNG quadrados de 16 a 512 pxTags HTML a colar
Os caminhos começam por /: se colocar os ficheiros numa subpasta, altere os valores href em conformidade.
Entrada
Ficheiros colocados na raiz do siteResultado
<link rel="icon" href="/favicon.ico" sizes="16x16 32x32 48x48"> seguido das ligações para favicon-32x32.png, favicon-16x16.png, apple-touch-icon.png e os dois ícones AndroidDicas e boas práticas
- Simplifique o logótipo para os tamanhos pequenos: a 16 px, texto e detalhes finos ficam ilegíveis; prefira um símbolo ou uma inicial.
- Para o ícone da Apple (180 px), use uma imagem com fundo sólido: o iOS preenche a transparência e arredonda os cantos sozinho.
- Depois de publicar, limpe a cache ou abra uma janela privada: os navegadores mantêm o favicon antigo durante muito tempo.
- O navegador pode pedir autorização para transferir vários ficheiros de uma vez; aceite para obter os sete ficheiros.
Fontes e referências
- WHATWG, HTML Living Standard — Link type icon (abre num novo separador)Página em inglês
Perguntas frequentes
Que tamanhos são gerados?
16, 32 e 48 px para separadores e atalhos, 180 px para o ecrã principal do iOS, 192 e 512 px para Android e aplicações web instaladas, mais um favicon.ico com 16, 32 e 48 px.
Ainda preciso de um favicon.ico?
Continua a ser útil: alguns navegadores, leitores de feeds e ferramentas pedem diretamente /favicon.ico sem ler as suas tags HTML.
A minha imagem não é quadrada: fica deformada?
Não. É reduzida para caber inteira no quadrado e centrada; as zonas vazias ficam transparentes. Recorte-a antes se quiser que ocupe todo o ícone.
A ferramenta cria o ficheiro site.webmanifest?
Não. Fornece os ícones de 192 e 512 px; acrescente-os à lista icons do manifesto da sua aplicação web.
Posso obter um favicon SVG?
Não, a ferramenta produz imagens raster PNG e ICO. Se o seu logótipo existir em SVG, pode declará-lo também com <link rel="icon" type="image/svg+xml">.
O meu logótipo é enviado para um servidor?
Não. A conversão, os redimensionamentos e a criação do ficheiro ICO acontecem no seu navegador.
Ferramentas relacionadas
Continue com estas ferramentas
Ferramentas semelhantes ou complementares a esta.
Ferramentas semelhantes
Recorte uma foto em círculo, arredonde os cantos e acrescente um contorno, com fundo transparente.
Imagens e gráficosNovoUtilizar esta ferramenta
Remova um fundo branco ou liso e obtenha um PNG transparente, sem enviar a sua imagem.
Imagens e gráficosNovoUtilizar esta ferramenta
Desenhe uma moldura na imagem, fixe uma proporção (1:1, 4:5, 16:9…) e transfira a parte recortada.
Imagens e gráficosEm destaqueUtilizar esta ferramenta
Leia também
GuiaFormatosIniciante
PNG, JPEG, WebP ou AVIF: que formato escolher?
Escolha o formato adequado para fotografia, captura, transparência ou interface sem sacrificar desnecessariamente qualidade e desempenho.
31 de agosto de 20263 min
TutorialBoas práticasIniciante
Otimizar imagens para a Web sem perder qualidade
Redimensionamento, compressão, WebP, AVIF e boas práticas: um método completo para tornar as imagens de um site mais leves sem degradar desnecessariamente o resultado.
30 de agosto de 20264 min