Apenas por Tempo Limitado - Poupe até 69 %

05

:

dias

10

:

horas

47

:

minutos

29

segundos

blog Zyro

Todos os tópicos
eCommerce Essenciais Ideias para Negócios Inspiração Marketing

16 Melhores Geradores de Favicons Online em 2020

Os melhores geradores de favicons

A forma como a maioria das pessoas faz a sua navegação online é ter uma seleção dos seus sites favoritos e mais visitados abertos em diferentes separadores ao mesmo tempo.

É bastante razoável adivinhar que a maioria de nós provavelmente tem o Facebook, YouTube e o Google abertos a maioria do tempo. Talvez o seu browser também tenha os seus emails e o seu site de notícias favorito.

Com tanta coisa a acontecer ao mesmo tempo, como é que mantemos um registo de que separador é qual sem ter de clicar em cada separador de cada vez?

Favicons.

Este artigo enumera os 16 melhores geradores de favicons que pode encontrar na web. Também lhe dirá como gerar favicons em cada site e como adicionar um favicon ao seu site uma vez desenvolvido.

1. favicon.zyro.com

Zyro - melhores geradores de favicons

O gerador de favicons Zyro é uma ferramenta gratuita com várias características úteis.

Pode carregar a sua própria imagem para o site ou pode fazer uso dos muitos ícones pré-definidos concebidos profissionalmente.

Usando a ferramenta de edição, é possível alterar o layout do seu favicon e adicionar ou remover texto para incluir o nome da sua marca ou simplesmente ir com uma monografia.

Para além disso, pode editar a cor de fundo para corresponder à estética da sua marca.

Quando estiver satisfeito com o resultado final, basta fazer o download da imagem num formato que pode utilizar de imediato.

2. Favicon-generator.org

Favicon-generator,  melhores geradores de favicons

O Favicon.ico & App Icon Generator pode converter formatos de ficheiro de imagem JPG, PNG e GIF para um ficheiro favicon.ico. 

O gerador de favicons também cria favicons em todos os tamanhos para corresponder à plataforma utilizada – web, Android, Microsoft e iOS.

Ao clicar em Criar Favicon, irá criar um código para que possa copiar para o seu documento HTML.  Para referência, se tiver feito tudo corretamente, o código HTML terá este aspeto para um favicon padrão 16×16:

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

Em seguida, adicione a pasta .zip descarregada ao diretório raiz do seu site. 

Se ainda não tiver uma imagem, aproveite do editor online e crie uma você mesmo. 

Pode também escolher um template pronto a partir da galeria de ícones, ordenada por cor de fundo e modificá-lo ao seu gosto. 

3. FavIcon.pro 

FavIcon.pro - melhores geradores de favicons

O FavIcon Generator é ideal para converter formatos de imagem JPG, PNG e GIF para ficheiros favicon.ico. No entanto, ao contrário do Favicon.ico & App Icon Generator, não tem um editor.

Este gerador de favicons oferece muitas opções de tamanho de imagens – 16×16, 32×32, 48×48, 64×64, e 128×128 pixels. 

Tudo o que tem de fazer é escolher o tamanho do ícone que precisa e depois fazer o upload da imagem que deseja transformar num favicon.

O FavIcon Generator fornece seis preferências linguísticas: inglês, espanhol, português, francês, italiano e alemão para atrair utilizadores globais.

4. Dynamic Drive – Gerador Favicon

Dynamic Drive - melhores geradores de favicons

Este gerador de favicons é compatível com os formatos de imagem PNG, JPG, GIF e BMP. Também aceita imagens com um fundo transparente.

O tamanho de ficheiro padrão do favicon.ico é 16×16 pixels. Contudo, também tem a opção de fazer o download de  um ícone de 32×32 e 48×48 pixels.

Pode navegar para a secção Favicon Editor para desenhar o seu favicon a partir do zero. Alternativamente, importe uma imagem PNG de 16×16 pixels e use-a como base.

O editor fornece ferramentas de edição simples mas funcionais juntamente com muitas opções de cor e tamanhos de pincel. 

5. Favicon.cc

Este editor gratuito de favicons oferece um seletor de cores e uma funcionalidade transparente. Estes permitem-lhe desenhar ícones de fundo coloridos e transparentes sem esforço.

Além disso, o editor fornece uma funcionalidade de animação com a qual pode animar o seu favicon. É você que decide a duração do efeito por fotograma e o número de iterações.

Pode descarregar o ficheiro ICO gratuitamente. Para obter o script HTML, deve publicar o ícone sob a licença Creative Commons.

6. Genfavicon 

Genfavicon - melhores geradores de favicons

O Genfavicon suporta formatos de imagem JPEG, GIF e PNG e gera cinco tamanhos diferentes de favicons.

Importe a sua imagem para o gerador e escolha o tamanho do ícone desejado. Pode cortá-la e visualizar o resultado antes de fazer o download do ficheiro ICO.

Embora este gerador seja grátis e de fácil utilização, não tem um editor que lhe permita desenhar um favicon a partir do zero.

Semelhante ao FavIcon.pro, o Genfavicon fornece várias preferências linguísticas para ajudar os utilizadores de todo o mundo.

7. Favic-o-Matic

Favic-o-matic - melhores geradores de favicons

Este gerador de favicons dá-lhe a opção de gerar um único ficheiro favicon.ico. Em alternativa, dá-lhe a opção de fazer o download de um conjunto de imagens PNG de diferentes tamanhos juntamente com um ficheiro ICO para várias plataformas – tudo com um só clique.

O Favic-o-Matic também lhe dá o código HTML para todos os ficheiros gerados. Pode satisfazer todas as suas necessidades de favicon num só local.

Como suporta a integração com o Google Drive, tem a opção de guardar os ficheiros diretamente na sua conta.

Teste a compatibilidade do seu favicon com diferentes browsers e dispositivos usando o Favic-o-meter – uma ferramenta que lhe permite verificar o seu favicon de forma gratuita.

Esta ferramenta irá ajudá-lo a verificar se o seu site implementa ou não o ícone corretamente e irá fornecer sugestões sobre como resolver os problemas apresentados.

8. RealFaviconGenerator.net

RealFaviconGenerator - melhores geradores de favicons

O RealFaviconGenerator.net oferece opções de modificação de favicon para melhorar a compatibilidade do seu favicon com plataformas populares.

Inclui opções de personalização para o seu favicon para ecrãs móveis tais como a barra de toque da Apple e o ecrã inicial do Android Chrome.

Ao desenhar o favicon, pode ver o seu aspeto nos separadores dos browsers e na barra de endereços. Não terá de o criar por tentativa e erro.

A funcionalidade de demo também lhe permite alterar a cor de fundo, margens e tamanho da imagem. Pode também escolher as especificações do favicon com base nas versões dos sistemas operativos.

O produto final inclui ficheiros de favicon PNG, ICO e SVG. O gerador fornece diferentes conjuntos de códigos de favicon compatíveis com linguagens de programação específicas.

9.  Xiconeditor.com

X-Iconeditor - melhores geradores de favicons

O X-Iconeditor é um poderoso gerador de favicons online. É uma das poucas ferramentas que oferece os recursos de lápis, pincel, borracha e editor de texto para aqueles que querem fazer o seu favicon a partir do zero.

É claro que existe uma funcionalidade fácil de upload de imagens se não quiser construir o seu favicon a partir do zero. Faça o upload de uma imagem que queira que represente a sua marca e corte-a diretamente no gerador.

Pode também pré-visualizar o seu favicon antes de fazer o download para que saiba exatamente como a imagem irá aparecer nos browsers.

Quando estiver satisfeito, basta exportar o ficheiro e descarregá-lo para o diretório raiz do seu site.

Para definir o favicon e indicar que o ícone está disponível para o navegador, use o <link> tag no elemento da página <head> apontando para a localização do favicon:

Ficará exatamente assim:

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

10. Antifavicon.com 

Antifavicon - melhores geradores de favicons

Como o nome sugere, o Anti Favicon é ligeiramente diferente da maioria dos geradores de favicon por aí. Não utiliza um ficheiro de imagem para criar o ícone. 

Em vez disso, um ícone Anti Favicon contém texto em vez de imagens. Os utilizadores podem utilizar um selecionador de cores para criar um favicon que corresponda à paleta de cores do seu site.

Para gerar o seu favicon, basta digitar o seu texto e experimentar com cores diferentes. Quando estiver pronto, pode guardar o seu favicon clicando em “Guardar como ficheiro de favicon“.

O Anti Favicon apresenta também a opção de gerar tipos diferentes de favicon, Button Maker, Email Icon e muitos mais, a maioria no estilo do Anti Favicon.

O Anti Favicon é um dos geradores de favicon mais únicos por aí e vale bem a pena uma visita.

11. Webestools Favicon Online Generator

Webestools - melhores geradores de favicons

O Webestools.com fornece um gerador de favicon online gratuito que permite aos utilizadores carregar um ficheiro de imagem para o site e editá-lo diretamente.

Os utilizadores que desejam um processo mais envolvido podem tirar partido das ferramentas de cor e do editor online para criar os seus favicons a partir do zero.

O gerador de favicons Webestools só oferece favicons nos tamanhos 16×16 ou 32×32 mas permite aos utilizadores pré-visualizar os seus favicons antes de fazerem o download do ficheiro ICO.

No geral, é um gerador de favicons simples e eficiente que consegue fazer o trabalho sem grande esforço.

12. logaster.com

O gerador de favicons Logaster vai um passo além da concorrência e é uma excelente escolha para sites que ainda não tenham decidido sobre a sua identidade da sua marca.

Em vez de começar com uma imagem, este gerador de favicons começa por lhe pedir que utilize o construtor da identidade da marca Logaster. Introduza o nome da sua marca e o Logaster irá criar várias opções de logotipo para a sua marca que depois se traduzirá num favicon de alta qualidade mais à frente.

O Logaster é um serviço profissional que pode criar favicons num conjunto completo de tamanhos diferentes (16-128 px). É um dos únicos serviços premium desta lista e é importante notar que não lhe permite carregar a sua própria imagem.

O gerador de favicons Logaster é uma excelente opção para marcas que ainda não criaram o seu próprio logotipo.

13. favico.com

Favico - melhores geradores de favicons

O gerador de favicons FavIco é rápido, gratuito e fácil de usar. Utilize-o para converter uma imagem GIF/JPG/PNG em formato ICO para ser utilizada como favicon.

É um gerador de favicons simples com uma interface de utilizador limpa. Selecione uma imagem do seu computador para carregar e selecione o tamanho do favicon que deseja – neste caso ou é 16×16 ou 32×32. E está pronto!

Uma característica interessante do FavIco é que armazena os favicons criados numa galeria online. Se criar vários favicons, pode comparar os resultados finais antes de fazer o download.

14. faviconit.com

Favicon It - melhores geradores de favicons

O Favicon It oferece variações diferentes de um gerador de favicons padrão.

Com o Favicon It, irá seguir o procedimento padrão de fazer o upload de uma imagem. No entanto, onde muitos sites só oferecem um favicon de 16px ou 32px – o Favicon It gera favicons, ícones de toque Apple e o cabeçalho HTML para todos os dispositivos e browsers.

O Favicon It requer que a sua imagem seja um quadrado de pelo menos 310px para criar um favicon. Se a sua imagem não satisfizer esses requisitos, o Favicon It conecta-o automaticamente  a um site de redimensionamento de imagens gratuito e fácil de usar.

15. prodraw.net

Prodraw - melhores geradores de favicons

O gerador de favicons Prodraw é uma ferramenta online gratuita para o ajudar a converter o logotipo, imagem e ficheiros de fotografia num favicon.

Suporta mais formatos de ficheiro do que muitos geradores de favicon nesta lista. Além de suportar os formatos regulares JPG, GIF, PNG, também suporta BMP e TIF.

Uma das vantagens de utilizar o gerador de favicons Prodraw é que oferece muitos conselhos simples para o utilizador. A maioria dos sites simplesmente lista os formatos compatíveis e os tamanhos de favicons disponíveis.

O Prodraw faz questão de esclarecer as diferenças. Por exemplo, se quisesse um favicon com um fundo transparente, então seria sensato carregar uma imagem no formato GIF ou PNG.

O Prodraw explica também a melhor utilização para cada tamanho de favicon. Por exemplo, 32×32 (ícone desktop), 48×48 (ícone XP grande) até 128×128 pixels (tamanho do ícone do Windows Vista) no formato de ícone *.ICO.

Embora alguns desses formatos estejam desatualizados, a reimplantação dos mesmos tamanhos para ferramentas modernas é uma opção. Por exemplo: 128px é o tamanho atual correto para um favicon de loja no Google Chrome.

O Prodraw também é capaz de gerar ícones com diferentes níveis de nitidez. Permite-lhe comparar os resultados e escolher o ícone certo para o seu projeto.

16. icoconverter.com

Icocoverter - melhores geradores de favicons

O ICO converter faz o que diz na caixa.

É um conversor de imagem online .ico simples e um gerador de favicons. Pega em qualquer imagem e converte-a num ficheiro ICO para utilzar como favicon de um site ou aplicação Windows.

O ICO converter permite-lhe escolher quais os tamanhos de favicons que gostaria de incluir no ICO final. Oferece os tamanhos 16px, 32px, 48px, 64px, 128px e 256px.

Ao contrário de muitos dos seus concorrentes, o ICO converter também lhe permite escolher a profundidade de bit final do seu favicon. Escolha entre a profundidade de 8 bits (256 cores, paleta) ou 32 bits (16.7M cores e transparência alfa).

Desta forma, o ICO converter atende tanto a estilos de favicon mais modernos como a estilos clássicos.

O que é um favicon?

Favicon de gmail

Favicons, abreviatura de ícones favoritos (favorite icons), são os pequenos ícones que vê em cada separador do browser, barra de pesquisa, marcadores, extensões e histórico de pesquisa que identifica o site em questão. 

Um favicon representa um site. Geralmente aparece na barra de endereços, separadores e lista de favoritos do navegador. Os favicons podem também aparecer como ícones do ambiente de trabalho ou ícones de uma aplicação.

A maioria das empresas opta por utilizar o seu logotipo como o seu favicon, uma vez que é mais facilmente identificável. Pense no icónico pássaro azul do Twitter ou no símbolo ‘play’ que é sinónimo do YouTube.

Outras marcas utilizam um logotipo de monograma de uma só letra apresentado em cores de destaque de acordo com a sua preferência.

Adicionar um favicon ao seu site ajuda a estabelecer a sua marca e credibilidade. É geralmente um sinal de legitimidade num site. Mostra que a marca está a investir tempo e dinheiro no serviço para lhe dar uma aparência coerente e profissional.

Como um favicon é uma parte significativa da marca de um site, é vital ter um design único e memorável. Tem de ser suficientemente simples para que os visitantes o possam reconhecer sem dificuldade.

Os benefícios de adicionar um favicon ao seu site são:

  • Acrescentar credibilidade ao site
  • Melhorar o reconhecimento da marca através de diferentes plataformas
  • Ajudar os utilizadores a localizar o site entre outros separadores e marcadores
  • Melhorar a navegação e a experiência do utilizador

E se o seu site for legítimo mas lhe faltar o tempo ou os conhecimentos de design gráfico para criar um favicon? Ainda iria gostar que os seus utilizadores pudessem ver o seu logotipo ou ícone nos seus browsers.

Nesse caso, pode utilizar um gerador de favicons para criar um em pouco tempo.

Como adicionar um favicon ao seu site

Linhas de código no telemóvel

Fazer o seu próprio favicon é tão fácil como escolher um dos geradores de favicon da lista acima e fazer o upload de um ficheiro de imagem.

Todos os geradores de favicons que escolhemos neste artigo irão fazer o trabalho árduo por si. Desde que tenha um ficheiro de imagem adequado, terá o seu favicon em pouco tempo e sem esforço.

Enquanto a maioria dos browsers aceita favicons nos formatos de imagem GIF, ICO, PNG e JPG, o ICO é o formato ideal devido à inclusão de vários tamanhos de ícones num único ficheiro.

Para adicionar um favicon ao seu site, terá de estar familiarizado com um pouco de código HTML básico. Quando estiver a fazer um favicon, vai ver esta linha com frequência:

link rel=”shortcut icon” 

Se está a pensar no raio significa link rel=”shortcut icon” ? Não se preocupe. Não está sozinho.

Para começar, não precisa de escrever este código. Todos os geradores de favicons da lista irão escrevê-lo por si. Basta fazer o download do ficheiro fornecido para o diretório do seu site e colar o HTML no seu site.

O elemento LINK define um link para o ficheiro Favicon que descarregou. Simples.

Há uma forma de evitar todo o código utilizando um gerador de favicon visual como o Zyro.

Irá criar um favicon visual que poderá depois descarregar e utilizar tanto em construtores de sites como em sistemas CMS. Basta carregar a imagem e está feito.

Qual deve ser o tamanho de um favicon?

Design de ícones

Os tamanhos padrão dos favicons são 16×16 e 32×32 pixels. No entanto, diferentes plataformas tais como ícones de aplicação, requerem normalmente tamanhos diferentes de favicons para uma melhor visibilidade.

Aqui está uma lista completa dos tamanhos atuais dos favicons e a utilização correspondente:

  • 16×16 pixels (browser padrão)
  • 32×32 (ícones do ambiente de trabalho)
  • 128×128 (ícone da Loja Chrome)
  • 152×152 (ícone de toque do iPad)
  • 167×167 (ícone de toque do iPad de retina)
  • 180×180 (iPhone Retina)
  • 192×192 (Google Developer Web App)
  • 196×196 (Ícone Chrome para Android)

Irá encontrar na nossa lista um gerador de favicons capaz de criar ficheiros em cada um destes tamanhos.

Geradores de favicons – recapitulação 

Apesar do seu pequeno tamanho, um favicon é um componente crucial de um site. Se o seu site ainda não o tem, deve criá-lo agora.

Com um gerador de favicons, qualquer pessoa pode desenhar um ícone apelativo em segundos. Dependendo da ferramenta, pode criar um favicon a partir do zero ou utilizar uma imagem existente como base.

Cada gerador de favicons desta lista é uma boa escolha para o seu site. Basta considerar quais as características de que irá necessitar e escolher em conformidade.

Lembre-se de que um ficheiro ICO pode conter vários tamanhos diferentes de ficheiro. Portanto, não há necessidade de criar mais do que um, mesmo que queira criar mais do que um tipo de favicon.

Escrito por

Avatar do autor

André Quintal

Copywriter focado em trazer as melhores dicas e truques para todos os interessados em desenvolver um negócio online poderem alcançar o seu potencial. Para além da sua paixão pela escrita, André, passa o seu tempo a viajar e a descobrir novos países e culturas.

Junte-se à conversa

O seu endereço de email não será publicado. Todos os campos são necessários.