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 gratuitamenteBrowser tool
Favicon generator
Runs locally in your browser. The selected image is not uploaded by this tool.
JPEG, PNG, and WebP are supported by default. Specialized converters restrict the file picker to their required input format.
Como usar
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.
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.
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.
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.
Características
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.
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.
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.
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.
After this task
After this free tool, open Background Eraser for the next AI editing workflow.
Continue with Background EraserEspecificações
| Tamanhos de saída (px) | 16, 32, 48, 180, 192, 512 |
| Formatos de saída | ICO (multicamadas), PNG |
| Formatos de entrada | PNG, SVG, JPEG, WebP |
| Entrada recomendada | 512 x 512 px ou maior, quadrado |
| Ícone de toque da Apple | 180 x 180 px com fundo sólido opcional |
| Processamento | Lado 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 gratuitamenteMore free tools
Explore our other limited free edits after sign-in photo and image tools.
Projete gradientes lineares, radiais e cônicos com múltiplas paradas de cores. Copie o código CSS ou baixe como uma imagem PNG. Não é necessária inscrição.
Converta cores entre formatos nomeados HEX, RGB, HSL, HSB, CMYK e CSS. Veja uma visualização ao vivo, copie qualquer valor e exporte um cartão colorido. Não é necessária inscrição.
Converta códigos de cores HEX em valores RGB e vice-versa. Visualização ao vivo, cópia com um clique e saída de snippet CSS. Não é necessária inscrição – funciona no seu navegador.
Escolha qualquer cor de uma imagem enviada e obtenha seus códigos HEX, RGB e HSL instantaneamente. Crie paletas a partir de fotos para web design, branding e ilustração.
Carregue uma foto e extraia de 5 a 10 cores dominantes com códigos HEX, RGB e HSL. Copie amostras, exporte como variáveis ASE ou CSS. Não é necessária inscrição.
Gere códigos QR para URLs, texto, credenciais WiFi e vCards. Personalize cores, adicione um logotipo central e faça download como PNG ou SVG. Não é necessária inscrição.