Como criar um favicon online: 4 geradores gratuitos
O favicon é um pequeno ícone que aparece à esquerda do título das páginas, junto a barra de endereços dos navegadores de Internet. A maioria das imagens são estáticas e com fundo transparente.
Um favicon de tamanho ideal pode ser criado com as dimensões de icon 16x16px porque o ícone pode conservar a transparência da imagem, e ainda sim ser compatível com qualquer browser atualizado.
Uma maneira simples de criar um favicon é usando o programa Photoshop, quem não sabe utilizar o aplicativo ou precisa de uma solução rápida pode utilizar geradores de favicon online.
Leia também: como fazer um favicon animado.
Geradores de Favicons
Se você não utiliza o Photoshop ou outra ferramenta de design semelhante como o GIMP pode conseguir fazer o ícone com a extensão “.ico” facilmente com a ajuda de serviços de geradores de favicons online:
Generate Favicon
No site Generate Favicon será possível converter uma imagem ou logomarca salva em seu computador em Favicon.ico.
O primeiro passo para conseguir fazer isso é visitar a ferramenta e escolher a opção “Selecionar arquivo”. Em seguida, basta escolher a imagem favicon que deseja colocar em site ou blog e, em seguida, selecione a opção “Generate Favicon”;
Desça a página e visualize o resultado, selecione a opção “Donwload Favicon” e pronto, poderá salvá-lo em seu computador. Este gerador aceitará os seguintes tipos de imagem, PNG, GIF, JPG e BMP.
Além disso, este serviço suporta transparência nas imagens com formato PNG e GIF, para que você não veja um contorno quadrado quando um GIF transparente ou PNG é carregado.
Favicon Generator
Este site Favicon Generator é fácil de usar porque todos os Favicons gerados contêm somente texto em vez de imagens. É uma ferramenta simples e intuitiva que permite desenvolver ícones descritivos e coloridos.
Tudo o que precisamos fazer é digitar os textos nos campos disponíveis e, em seguida podemos marcar a opção de usar bordas e personalizar as cores para que atenda as nossas necessidades.
Desenhar um Favicon
Quem já tem uma ideia de como gostaria que fosse o icon, utilizando o site Favicon.cc poderá fazer um personalizado. Além de enviar uma imagem para transformá-la, você poderá desenhar o seu próprio favicon, caso desejar, também será possível adicionar uma animação.
Já dentro do serviço, poderá começar o desenho. A opção “Color Picker” serve para você escolher a cor desejada. Quando terminar, basta descer a página e visualizar o resultado em “Preview”, e para salvar o Favicon.ico criado, basta selecionar a opção de download.
ICO converter
O ICO converter é um conversor de imagem .ico simples que funciona pela Internet. Embora também não esteja em idioma português, funciona de maneira intuitiva, faça o upload da imagem e selecione o tamanho adequado para conversão.
Colocar o Favicon no site ou blog.
Quando terminar, precisará colocar o Favicon em seu servidor de hospedagem, caso tenha acesso ao FTP do seu site ou blog, basta que você adicione a imagem na pasta raiz, no mesmo local aonde está o index.html ou index.php.
Em seguida, no código HTML do template do seu site ou blog, insira entre as tags <head> e </head> o seguinte código:
<link rel="shortcut icon" href="http://www.seusite.com/favicon.ico">
Ou também, caso o código acima não funcione:
<link rel="shortcut icon" href="http://www.seusite.com/favicon.ico" type="image/x-icon" />
Para saber se o Favicon.ico esta funcionando corretamente em sua página, é recomendável limpar o histórico ou utilizar um navegador de Internet diferente.