Como criar um favicon online


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.

Exemplo de Favicons.

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.

Saiba como criar um favicon online com o serviço Generate Favicon.

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.

Gerador de favicons online com palavras coloridas.

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.

Saiba como criar um favicon online no Favicon.cc.

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.


Para localizar outros artigos sobre este assunto use o campo de busca:

Deixe um Comentário