Gerador de Favicon
FreeEnvie uma imagem e obtenha um pacote de favicon completo: favicon.ico, cada tamanho PNG que navegadores e dispositivos esperam, apple-touch-icon, ícones Android, um site.webmanifest e o HTML para colar, tudo em um ZIP.
Funciona inteiramente no seu navegador. Sua imagem nunca é enviada a lugar nenhum.
Clique para escolher uma imagem, ou arraste e solte uma aqui
Uma imagem quadrada funciona melhor, mas qualquer tamanho ou formato serve.
Imagens Não Quadradas
Detalhes do App (para site.webmanifest)
Tamanhos Gerados
Atividade recente
Visível para todos. Últimos 20 usos de todos os visitantes, mais recentes primeiro.
Favicon set generated
há 1 hora
Favicon set generated
há 1 hora
Favicon set generated
há 1 hora
Favicon set generated
há 1 hora
O que esta ferramenta faz
Envie um logo ou imagem e esta ferramenta gera um pacote completo de favicon: um favicon.ico multirresolução, PNGs individuais em cada tamanho que navegadores e dispositivos modernos esperam, um apple-touch-icon, ícones do Android Chrome, um site.webmanifest pré-preenchido, e as tags HTML exatas para colar no <head> da sua página, tudo reunido em um download ZIP.
Como funciona
Sua imagem é desenhada em um canvas HTML em cada tamanho de destino (16, 32, 48, 180, 192 e 512 pixels), recortada em um quadrado centralizado ou preenchida com uma cor de fundo, dependendo da sua escolha. Os três menores tamanhos são então empacotados em um único favicon.ico usando o formato ICO com PNG incorporado, um contêiner binário leve que todo navegador e sistema operacional atual lê corretamente. Tudo, até o próprio arquivo ZIP, é montado no seu navegador; nada é enviado.
Problemas que resolve
- Gerar todos os tamanhos de favicon que um site moderno precisa a partir de uma única imagem de origem, em vez de redimensionar cada um manualmente.
- Produzir um favicon.ico multitamanho corretamente estruturado sem software de imagem especializado.
- Obter um site.webmanifest pronto para uso e as tags HTML correspondentes, não apenas arquivos de imagem.
- Pré-visualizar como o ícone realmente ficará em uma aba do navegador antes de publicá-lo.
Perguntas frequentes
›Por que preciso de tantos tamanhos diferentes?
Plataformas diferentes pedem tamanhos diferentes: abas de navegador geralmente usam 16x16 ou 32x32, ícones de tela inicial do iOS usam 180x180, e os prompts de instalação do Android Chrome e PWA usam 192x192 e 512x512. Fornecer todos eles significa que seu ícone parecerá nítido em todos os lugares, em vez de esticado ou borrado em alguns dispositivos.
›O que é favicon.ico e por que ainda é necessário junto com os PNGs?
O formato .ico pode agrupar vários tamanhos (16x16, 32x32, 48x48) em um único arquivo, e ainda é aquele para o qual os navegadores recorrem por padrão quando nenhum outro link de ícone é especificado, incluindo navegadores muito antigos e alguns atalhos do sistema operacional. Esta ferramenta empacota os três tamanhos em um único favicon.ico válido usando o formato moderno com PNG incorporado que todo navegador e sistema operacional atual suporta.
›Devo recortar ou preencher uma imagem não quadrada?
Recortar mantém cada pixel sangrado, mas corta as bordas de uma imagem não quadrada, bom quando seu logo já preenche o quadro. Preencher mantém toda a imagem visível adicionando uma cor de fundo ao redor, melhor quando seu logo tem margens vazias ou não está centralizado.
›Para que serve o site.webmanifest?
É um pequeno arquivo JSON que o Android e outras plataformas leem para saber o nome, os ícones e a cor do tema do seu site quando alguém o adiciona à tela inicial ou o instala como aplicativo web progressivo. Esta ferramenta gera um já preenchido com os ícones que acabou de criar.
›Isso envia meu logo para algum lugar?
Não. Cada redimensionamento, o arquivo ICO e o próprio ZIP são todos criados localmente no seu navegador usando a API Canvas; sua imagem nunca é enviada a um servidor.
Ferramentas relacionadas
Imagem
Ajustar HSL da Imagem
Ajuste matiz, saturação, e luminosidade em uma imagem com controles deslizantes ao vivo, diretamente no seu navegador.
FreeImagem
Ajustar HSL de Imagens em Lote
Aplique o mesmo ajuste de matiz, saturação, e luminosidade a muitas imagens de uma vez, diretamente no seu navegador.
FreeImagem
Adicionar Texto à Imagem
Adicione uma ou mais legendas de texto personalizadas a uma imagem, diretamente no seu navegador.
FreeImagem
Remover Fundo da Imagem (IA)
Remova automaticamente o fundo de uma foto usando um modelo de IA no dispositivo, diretamente no seu navegador.
FreeImagem
Esquema de Cores Análogas
Gere uma paleta de cores análogas harmoniosa a partir de qualquer cor base, diretamente no seu navegador.
FreeImagem
Misturar Cores
Misture duas cores com um equilíbrio ajustável, usando mistura RGB simples, corrigida por gama, ou HSL.
FreeImagem
Desfocar Imagem
Desfoque uma imagem no seu navegador usando desfoque de Caixa, Gaussiano, de Movimento, ou Radial, depois baixe o resultado.
FreeImagem
Gerador de Imagens com Moldura Desfocada
Ajuste sua foto a um quadrado ou outra proporção sem cortar, preenchendo o espaço extra com uma cópia desfocada e ampliada da imagem.
Comentários (0)
Achou esta ferramenta útil? Deixe um comentário, compartilhe uma dica ou nos diga como podemos melhorá-la.
Ainda sem comentários. Seja o primeiro a compartilhar sua opinião!