Até 85 % de desconto OFF na Black Friday

+ Domínio GRÁTIS por 1 ano

A oferta termina em:

02 :

16 :

48 :

07

Os 16 Melhores Geradores de Favicon em 2020

melhores-geradores-de-favicon

A maioria das pessoas ficam com várias abas abertas ao mesmo tempo, mantendo seus sites mais visitados sempre disponíveis ali do lado.

Provavelmente você fica com abas do Facebook, YouTube e Google abertas quando está navegando em outros sites. Talvez seu navegador também tenha abas abertas com seu email e seu site de notícias preferidos.

Com tanta informação ao mesmo tempo, como você consegue diferenciar uma aba da outra sem ter que clicar nelas?

Por causa dos favicons.

Este texto vai listar os 16 melhores geradores de favicon da internet. Também vamos te contar como você pode gerar favicons em cada um desses dites, além de mostrar o que você deve fazer para adicionar o favicon ao seu site depois.

1. favicon.zyro.com

Gerador de Favicon Zyro

O gerador de favicon do Zyro é gratuito e vem com vários recursos úteis.

Você pode fazer o upload de uma imagem do seu computador ou usar um dos ícones profissionais prontos oferecidos pelo gerador.

Usando a ferramenta de edição, é possível alterar o layout do seu favicon: você pode adicionar ou remover texto para incluir o nome da sua marca, ou simplesmente usar um logo.

Além disso, você pode editar a cor do plano de fundo para que ela combine com o visual da sua marca.

Quando você estiver contente com o resultado final, é só fazer o download da imagem no formato desejado e começar a usar seu favicon imediatamente.

2. Favicon-generator.org

Gerador de Favicon Favicon.ico & App Icon Generator

O Favicon.ico e o App Icon Generator podem converter arquivos JPG, PNG e GIP em arquivos favicon.ico.

O gerador também permite criar favicons em vários tamanhos diferentes para atender as necessidades de diferentes plataformas – web, Android, Microsoft e iOS.

Quando você clica em Create Favicon (“criar favicon”),  será gerado um código que você pode copiar e colar no seu documento HTML. Por exemplo, se você tiver feito tudo certo, o código HTML gerado para um favicon padrão de tamanho 16×16 pixels será assim:

<link rel=”shortcut icon” href=”/favicon.ico” type=”image/x-icon”> <link rel=”icon” href=”/favicon.ico” type=”image/x-icon”> 

Depois, você vai adicionar a pasta .zip que baixou no seu computador para o diretório raiz do seu site.

Se você ainda não tem uma imagem para converter usando essa ferramenta, use o editor online que o Favicon.ico oferece para criar uma ilustração.

Você também pode escolher um template pronto na biblioteca de ícones. Filtre por cor de fundo e modifique até que o favicon fique do jeito que você quer.

3. FavIcon.pro

Gerador de Favicon FavIcon Generator

Esse é um dos melhores geradores de favicon para converter imagens JPG, PNG e GIF em arquivos favicon.ico. Apesar disso, diferente do Favicon.ico, o FavIcon.pro não oferece um editor de imagens.

Com essa ferramenta, você pode criar favicons em vários tamanhos diferentes – 16×16, 32×32, 48×48, 64×64 e 128×128 pixels.

Tudo que você precisa fazer é escolher o tamanho de favicon que você precisa, importar a imagem que você quer e fazer a conversão.

O FavIcon Generator oferece a ferramenta em seis línguas, incluindo o Português.

4. Dynamic Drive – Favicon Generator

Gerador de Favicon Dynamic Drive

Esse gerador de favicon é compatível com imagens nos formatos PNG, JPG, GIF e BMG. Ele também aceita imagens com fundo transparente.

Para as imagens convertidas, o tamanho padrão é de 16×16 pixels. Apesar disso, você também tem a opção de escolher fazer o download do favicon nos tamanhos 32×32 e 48×48 também.

Você pode ir até a seção Favicon Editor para criar um favicon do zero. Também é possível importar uma imagem PNG no tamanho 16×16 para usar como a base do seu design.

O editor fornece funções simples, mas muito funcionais, além de muitas opções de cores e pincéis.

5. Favicon.cc

Gerador de Favicon Favicon.CC

O Favicon.cc permite que você importe imagens nos formatos JPG, JPEG, GIF, PNG, BMP, ICO e CUR.

Esse editor gratuito oferece uma ferramenta de seleção de cores e permite que você adicione transparência ao seu favicon. Com esses recursos, é possível criar, sem dificuldade, tanto favicons coloridos quanto ícones com fundo transparente.

Além disso, o Favicon.cc oferece uma ferramenta de animação, que você pode usar para criar um favicon animado. Você pode decidir a duração da animação e quantas vezes ela vai se repetir quando o usuário clicar nela.

Quando tiver acabado de criar seu favicon, você pode baixar o arquivo ICO de graça. Mas, para gerar um código HTML, você vai precisar publicar a imagem que criou sob uma licença Creative Commons.

6. Genfavicon

Gerador de Favicon GenFavicon

O Genfavicon suporta arquivos JPEG, GIF e PNG e permite gerar favicons em cinco tamanhos diferentes.

Inporte sua imagem para a ferramenta e escolha o tamanho desejado. Você pode cortar e pre-visualizar a imagem antes de fazer o download no formato ICO.

Esse editor é fácil de usar e gratuito, mas não oferece um editor onde você possa criar uma imagem do zero.

Assim como o FavIcon.pro, o Genfavicon oferece sua ferramenta várias línguas – incluindo o português – para atender usuários de vários países. Para traduzir a ferramenta, é só clicar na bandeira de Portugal no canto superior direito da página.

7. Favic-o-Matic

Gerador de Favicon Favic-o-Matic

Para continuar nossa lista de melhores geradores de favicon, vamos apresentar o Favic-o-Matic. Ele te dá a opção de baixar arquivos no formato favicon.ico. Você também pode baixar, ao mesmo tempo, versões do favicon em vários tamanhos diferentes em PNG e ICO – com apenas um clique.

O Favic-o-Matic também gera um código HTML que acompanha todos os favicons gerados. Ou seja: você pode conseguir tudo que precisa para publicar seu favicon com apenas uma ferramenta.

Já que o Favic-o-Matic permite integração com o Google Drive, você tem a opção de salvar arquivos diretamente na núvem do Google.

Teste se o favicon do seu site é compatível com diversos navegadores usando o Favic-o-Meter – uma ferramenta grátis de checagem de favicons.

O Favic-o-Meter vai ajudar você a verificar se o seu site está implementando o favicon de forma correta e vai sugerir melhorias se algum problema for encontrado.

8. RealFaviconGenerator.net

Gerador de Favicon Real Favicon Generator

O RealFaviconGenerator.net permite que você modifique e otimize a compatibilidade do seu favicon com as plataformas mais populares.

O site inclui opções de personalização para adaptar seu favicon a telas de dispositivos móveis, para que o ícone do seu site fique lindo na página inicial no Chrome para Android e na Touch Bar dos dispositivos Apple, por exemplo.

Quando for criar seu favicon, você pode visualizar como ele vai ficar na barra de endereço e na aba do navegador. Você não vai precisar ficar horas no processo de tentativa e erro, porque, com a pré-visualização, só vai baixar e inserir o favicon quando ele estiver perfeito.

A ferramenta “demo” também permite que você altere a cor de fundo, a margem e o tamanho da imagem. Você também pode escolher as características do favicon baseado em versões específicas de sistemas operacionais.

No final, você vai receber seu favicon nos formatos PNG, ICO, SVG. O gerador oferece códigos compativeis com diversas linguagens de programação também.

9. Xiconeditor.com

Gerador de Favicon Xiconeditor

O X-Iconeditor não podia faltar nessa lista de melhores geradores de favicon, já que ele é uma das únicas ferramentas que oferecem ferramentas de pincel, borracha e editor de textos – para quem quer criar uma ilustração do zero para usar como favicon.

Claro, esse gerador também permite que importar imagens do seu computador, caso você não queira criar seu favicon do zero. Faça o upload de uma imagem que você quer que represente a sua marca e deixe ela do tamanho certo com o X-Iconeditor.

Você também vai poder pré-visualizar seu favicon antes de fazer o download. Assim você tem certeza de como seu favicon fica no computador e celular dos seus visitantes.

Assim que você estiver satisfeito com sua criação, é só exportar o arquivo e baixar ele diretamente para o diretório raiz do seu site.

Para definir o favicon e indicar que existe um ícone disponível para ser exibido na aba do navegador, use a tag <link> no elemento <head> da página, apontando para o local onde está o favicon.

O código vai ficar assim:

<link rel=”shortcut icon” href=”favicon.ico”/>

10. Antifavicon.com

Gerador de Favicon Antifavicon

Como o próprio nome sugere, o Anti Favicon é um pouco diferente da maioria dos outros geradores de favicon do mercado. Ele não utiliza arquivos de imagem para criar favicons.

Os ícones criados com o Anti Favicon contém texto ao invés de imagens. Mas os usuários podem utilizar o selecionador de cor para criar um favicon que combine com as paletas de cores de seus sites.

Para gerar seu favicon, é só digitar o texto e experimentar cores diferentes. Quando você estiver pronto, é só salvar seu favicon clicando em “Save as a favicon file” (salvar como arquivo favicon).

O Anti Favicon também tem outros geradores que você pode usar, como o criador de botões e o gerador de ícone para email, entre outros. A maioria faz o mesmo estilo do gerador de favicons.

O Anti favicon não podia faltar nesta lista de melhores geradores de favicon do mercado porque é único – vale a pena a visita.

11. Webestools Favicon Online Generator

Gerador de Favicon Webestools

O Webestools.com oferece um gerador gratuito de favicons que permite que os usuários importem uma imagem e a editem diretamente no site.

Os usuários que quiserem ter ainda mais controle criativo poder usar as ferramentas de coloração e o editor online para criar favicons do zero.

O gerador de favicon Webestools oferece ícones apenas nos tamanhos 16×16 ou 32×32, mas não permite que os usuários pré-visualizem o favicon antes de fazerem o download do arquivo ICO.

Resumindo, o Webestools é um gerador de favicons eficiente e direto-ao-ponto, permitindo que favicons sejam criados de forma descomplicada.

12. logaster.com

Gerador de Favicon Logaster

A ferramenta de criação de ícones do logaster vai um pouco além do que a maioria dos melhores geradores de favicon do mercado. Ela é uma ótima escolha para sites que ainda não têm uma identidade visual 100% formada ainda.

Ao invés de começar com uma imagem, o gerador do Logaster pede primeiro que você use a ferramenta de criação de identidade visual. Coloque o nome da sua marca e o Logaster vai criar diversas opções de logotipos para ela – o que vai resultar em um favicon de alta qualidade mais adiante.

O Logaster é um serviço profissional que permite criar favicons em vários tamanhos diverentes (de 16 a 128 pixels).

Nesta lista de melhores geradores de favicon, o Logaster é uma das únicas ferramentas premium, e é importante notar que ela não permite que você importe imagens do seu computador quando for criar seu favicon.

O gerador do Logaster é uma ótima opção para marcas que ainda precisam criar um logo.

13. favico.com

Gerador de Favicon FavIco

O gerador FavIco é rápido, gratuito e fácil de usar. Use ele para converter imagens nos formatos GIF, JPG e PNG em arquivos ICO, que podem ser usados como favicons.

Ele é um gerador de favicons bem simples, com uma interface minimalista.Selecione uma imagem do seu computador e faça o upload dela, selecione o tamanho de favicon desejado – nesse caso, você pode escolher entre 16×16 e 32×32 – e seu favicon estará pronto para ser baixado.

Um recurso interessante do favIco é que, todos os favicons criados são armazenados em uma galeria online. Criando vários favicons ao mesmo tempo, você pode compará-los e decidir qual o melhor antes de fazer o download.

14. faviconit.com

Gerador de Favicon FavIcon It

Com o Favicon It você pode gerar ainda mais tipos de favicons do os ícones padrão de 16×16 pixels.

Seguindo o procedimento que você já conhece (importar uma imagem do seu computador para ser a base do seu design), o Favicon It gera, além de favicons, ícones Appel Touch e o cabeçalhos HTML para todos os dispositivos e navegadores.

O Favicon It exige que a imagem que você vai importar tenha, pelo menos, 310 pixels. Se sua imagem não atender essa exigência, o FavIcon vai sugerir automaticamente o link para um site onde você pode mudar o tamanho da imagem gratuitamente e de forma bem simples.

15. prodraw.net

Gerador de Favicon Prodraw

O Prodraw é uma ferramenta online e gratuita que ajuda você a converter um logo, imagem ou foto em um favicon.

Entre os melhores geradores de favicon que citamos nesta lista, o Prodraw se destaca por aceitar importação de imagens de ainda mais formatos: além das imagens JPG, GIP e PNG, ele também aceita BMP e TIF.

Uma das maiores vantagens de usar o gerador de favicon Prodraw é que ele oferece muitas dicas práticas aos usuários.

A maioria dos sites apenas lista quais formatos de imagem são aceitos e quais tamanhos de favicon podem ser gerados, mas o Prodraw vai além.

Ele mostra a diferença entre os formatos de imagem e tamanhos de favicon. Por exemplo, se você quiser um favicon com fundo transparente, o Prodraw te conta que é melhor usar uma imagem PNG ou GIF.

O site também explica como fazer um favicon com o tamanho ideal. Por exemplo, eles apontam que, para os arquivos .ico, o formato 32×32 é ideal para desktop, 48×48 são os ícones grandes do Windows XP, 128×128 é o tamanho recomendado para o Windows Vista.

Alguns desses sistemas operacionais estão desatualizados, então é possível usar esses mesmos tamanhos de arquivo em situações mais atuais. Por exemplo, ícones de 128 pixels também são usados atualmente para ícones da Web Store do Chrome.

O Prodraw também permite que você crie favicons com níveis diferentes de resolução. O site deixa você comparar diferentes versões e decidir qual é a melhor para o seu projeto.

16. icoconverter.com

Gerador de Favicon ICO Converter

O ICO Converter faz o que anuncia.

Ele é uma ferramenta online bem simples que serve para converter imagens em arquivos .ico que podem ser utilizados como favicons de site e programasd para Windows. Ele aceita qualquer formato de imagem.

O conversor ICO permite que você escolha quais tamanhos de favicon gostaria que fossem incluídos no arquivo .ico final. Ele oferece os seguintes tamanhos: 16px, 32px, 48px, 64px, 128px e 256px.

Diferente de outros dos melhores geradores de favicon que apresentamos nesta lista, o ICO Converter permite que você escolha a profundidade de bits do seu favicon. Escolha entre as profundidades de 8 bits (256 cores, paleta) ou 32 bits (16,7 milhões de cores e transparência alpha).

Dessa forma, o ICO Converter permite criar tanto favicons mais modernos quanto ícones mais clássicos.

O que é um favicon?

Caixa de entrada de email na tela do computador

Favicons, versão encurtada de “favorite icons”, são aquelas imagenzinhas que você vê em cada aba do navegador, nas barras de pesquisa, nas extensões e na lista de sites do seu histórico de navegação. Eles servem para que você possa rapidamente diferenciar e identificar sites.

O favicon representa um site. Ele geralmente aparece na barra de endereço do navegador, nas abas e na lista de favoritos – apesar de que eles também seja usados como ícones de atalho no computador ou como ícones de apps.

A maioria das empresas escolhe usar suas logos também como favicons, para facilitar a identificação do site. É o caso do tão conhecido passarinho azul do Twitter ou o botão de play vermelho que já virou sinônimo do YouTube.

Outras marcas usam como seus favicons monogramas com apenas uma letra em cores chamativas.

Adicionar um favicon ao seu site ajuda sua marca a conquistar credibilidade. O favicon geralmente é um sinal de que seu site é legítimo. Ele mostra que a marcar por trás do site está investindo tempo e dinheiro para que seu site tenha um visual mais corrente e profissional.

Já que o favicon é uma parte importante do branding do seu site, é vital que você crie um ícone com design único e marcante. Ele precisa ser simples o suficiente para que os visitantes possam reconhecê-lo quando o virem.

Estas são algumas das vantagens de adicionar um favicon ao seu site:

  • Conferir credibilidade ao seu site
  • Melhorar o reconhecimento da marca em várias plataformas diferentes
  • Ajudar os usuários a localizarem seu site entre várias abas e endereços favoritados
  • Aperfeiçoar a experiência do usuário e a experiência de navegação

Seu site é legítimo, mas você não tem tempo ou não sabe como fazer um favicon? Mesmo assim não aão abra mão de mostrar seu logo ou ícone na aba do navegador.

Se você não é designer e não sabe como fazer um favicon do zero, é só usar um gerador de ícones para criar o seu.

Como adicionar um favicon ao seu site

Celular mostrando código href

Criar seu próprio favicon é tão fácil quanto escolher um desses melhores geradores de favicon que acabamos de apresentar.

Todos os geradores que incluímos neste texto vão fazer o trabalho pesado por você. Tudo que você precisa fazer é importar uma imagem e ela será transformada em um lindo favicon, quase que como mágica.

Mesmo que a maioria dos navegadores aceite favicons nos formatos GIF, ICO, PNG e JPG, o formato ICO é o ideal, porque ele inclui vários tamanhos de favicons em um único arquivo.

Para adicionar um favicon ao seu site, você vai precisar saber um pouquinho de HTML. Quando for criar um favicon, você vai se deparar bastante com esta frase:

link rel=”shortcut icon”

Se você está pensando “mas que diacho significa isso?”, não se preocupe. Você não está sozinho nessa.

Resumindo, você não vai precisar ter que escrever esse código. Todos os 16 melhores geradores de favicon que citamos hoje vão fazer isso por você. É só fazer o download do arquivo e inseri-lo no diretório do seu site, colando o HTML ao cabeçalho (header) do seu site.

O elemento LINK se refere ao link para o arquivo Favicon que você inseriu no diretório do site. Simples assim.

Há um jeito de evitar toda essa parte de programação: usando um gerador de favicons 100% visual como o do Zyro.

Com ele, você vai criar um favicon visual que pode ser baixado e usado em plataformas de construção de site e sistemas de CMS. É só inserir a imagem e pronto.

Que tamanho deve ter um favicon?

Designs de ícones

Os tamanhos padrão para favicons são 16×16 e 32×32 pixels. Apesar disso, diferentes plataformas, como ícones para aplicativos, exigem tamanhos diferentes de favicon para que o ícone fique mais visível.

Veja esta lista completa dos tamanhos atuais de favicon e para que cada um deles serve:

  • 16×16 pixels (navegadores padrão)
  • 32×32 (ícones para área de trabalho)
  • 128×128 (ícone para a Web Store do Chrome)
  • 152×152 (ícone para iPad Touch)
  • 167×167 (ícone para iPad Retina)
  • 192×192 (Google Developer Web App)
  • 192×192 (ícone para Chrome Android)

Na lista de melhores geradores de favucon que aacabamos de apresentar, você vai encontrar ferramentas que oferecem todos esses tamanhos.

Resumo sobre os geradores de favicon

Apesar de serem pequenos, os favicons são parte crucial do seu site. Se o seu site ainda não tem um, você deve criar seu favicon agora mesmo.

Usando um gerador de favicon, qualquer pessoa pode criar um ícone chamativo em questão de segundos. Dependendo da ferramenta que você escolher para criar seu favicon, você pode tanto criar um ícone do zero quanto usar uma imagem salva no seu computador como base do seu design.

Cada um desses 16 melhores geradores de favicon que apresentamos seria uma boa escolha para seu site. Você só precisa considerar quais recursos vai precisar e escolher o gerador de favicon baseado nisso.

Não se esqueça de que um único arquivo ICO pode conter diferentes tamanhos de imagens. Então não tem motivo para criar mais de um arquivo .ico, ,mesmo que você queira criar mais de um tipo ou formato de favicon.

Escrito por

Avatar do autor

Jeisy Monteiro

Faça parte da conversa

Seu email não será publicado. É obrigatório preencher todos os campos.