Skip to content
Ferramenta GratuitaDesign

Gere todos os tamanhos de favicon que seu site precisa a partir de uma única imagem

Faça upload de um logotipo ou ícone e a ferramenta exibirá favicons em todos os tamanhos exigidos pelos navegadores modernos, sistemas operacionais e manifestos PWA – do clássico ICO 16 x 16 ao PNG 512 x 512 para telas iniciais do Android. Baixe um pacote pronto para implantação com o snippet HTML incluído.

Use esta ferramenta gratuitamente

Características

1

Cobertura de tamanho completo

Gera 16 x 16, 32 x 32 e 48 x 48 para navegadores tradicionais; Ícone Apple Touch 180 x 180 para iOS; 192 x 192 e 512 x 512 para manifestos do Android PWA. Cada tamanho comum em uma única passagem.

2

Saída ICO e PNG

O pacote inclui um arquivo .ico de multi-resolução (contendo camadas de 16, 32 e 48 px) e arquivos PNG individuais para cada tamanho. Ambos os formatos estão prontos para uso direto em tags de cabeçalho HTML.

3

Editor de corte e preenchimento

Ajuste a área de corte para isolar a parte do ícone da sua imagem. Adicione preenchimento para evitar que o ícone toque nas bordas do quadrado do favicon, o que melhora a legibilidade em tamanhos pequenos.

4

Controle de fundo

Mantenha um fundo transparente para navegadores modernos ou defina uma cor de preenchimento sólida para ícones do Apple Touch (que não suportam transparência). Visualize os dois modos antes de fazer o download.

Como usar

1

Carregue sua imagem

Solte um arquivo PNG, SVG, JPEG ou WebP no gerador. Imagens quadradas com 512 px ou maiores produzem os resultados mais nítidos.

2

Cortar e ajustar

Arraste as alças de corte para isolar a área do ícone. Adicione preenchimento se o ícone precisar de espaço para respirar. Defina o fundo como transparente ou de cor sólida.

3

Visualizar todos os tamanhos

A ferramenta renderiza todos os tamanhos de destino simultaneamente para que você possa verificar se o ícone é reconhecível em 16 px e parece nítido em 512 px.

4

Baixe o pacote

Baixe um ZIP contendo todos os arquivos favicon mais um snippet HTML que você pode colar na tag <head> do seu site para referenciar cada ícone corretamente.

Especificações

Tamanhos de saída (px)16, 32, 48, 180, 192, 512
Formatos de saídaICO (multicamadas), PNG
Formatos de entradaPNG, SVG, JPEG, WebP
Entrada recomendada512 x 512 px ou maior, quadrado
Ícone de toque da Apple180 x 180 px com fundo sólido opcional
ProcessamentoLado do cliente (sem upload)

Related Magic Eraser Tools

Perguntas comuns

Com qual tamanho de imagem devo começar?

+

Comece com uma imagem quadrada de pelo menos 512 x 512 px. O gerador reduz a escala deste mestre, portanto, uma fonte de alta resolução garante que cada tamanho menor seja nítido. Os arquivos SVG funcionam melhor porque são dimensionados sem perda de qualidade.

Preciso de todos os seis tamanhos?

+

Para máxima compatibilidade, sim. O ICO de 16 e 32 px cobre navegadores legados, o PNG de 180 px é necessário para os favoritos do iOS Safari e os PNGs de 192/512 px são necessários para prompts de instalação e telas iniciais do Android PWA.

Como adiciono os favicons ao meu site?

+

O pacote de download inclui um trecho de HTML. Cole-o na seção <head> do seu site. Ele faz referência ao arquivo ICO para navegadores e aos arquivos PNG para dispositivos Apple e Android. A maioria das estruturas também suporta a colocação de favicon.ico no diretório raiz.

Logotipo muito complexo para um pequeno favicon?

Use Background Eraser para isolar o símbolo central de seu logotipo completo e, em seguida, insira o ícone limpo no gerador de favicon. Uma forma mais simples tem melhor leitura em 16 px.

Experimente gratuitamente

More free tools

Explore our other limited free edits after sign-in photo and image tools.