Favicon.cc é um pequeno ícone que serve para representar um site na barra de endereços, nos favoritos e abas dos navegadores. Trata-se de uma imagem com a extensão .ico que deve ter o tamanho máximo de 16×16 px.
Confira o atual ícone do Criar Sites:
Acima você pode conferir os locais onde o Favicon.ico pode aparecer no Firefox.
Para que usar o favicon.ico
Destaque nos Favoritos – O favicon serve para dar mais destaque a um site que tenha sido adicionado aos favoritos dos navegadores, já que o ícone é adicionado antes do nome do site.
Destaque nas abas dos navegadores – Em navegadores que permitem navegar por abas, o favicon.ico é adicionado a aba antes do nome do site.
Reforço da marca – Ao ver várias vezes o ícone de seu site, sua marca é reforçada na mente do visitante.
O atual ícone que está sendo utilizado aqui no Criar Sites eu fiz com a ajuda do site Dinamyc Drive (http://tools.dynamicdrive.com/favicon/). É necessário que você tenha previamente criado uma imagem quadrada com até 150.00 kB para que o favicon maker possa trabalhar com a imagem.
Também existem outras opções que permitem criar seu favicon como o Favicon from Pics ou o Favicon.cc que permite que você desenhe seu favicon.
Você também pode criar o seu utilizando um editor de imagens que permita trabalhar com arquivos .ico
Como inserir o favicon.ico em seu site
Se você tiver acesso FTP do seu servidor, basta que você envie para o servidor seu favicon.ico a pasta raiz de seu site. O próprio navegador se encarrega de encontrar o favicon.
Para quem não tenha acesso ao servidor como os usuários do Blogger, poderá hospedar o favicon em um serviço de armazenamento de imagens e incluir o favicon utilizando o código abaixo.
Insira entre as tags <head>e </head> das páginas de seu site o seguinte código <link rel=”shortcut icon” href=”http://www.criarsites.com/favicon.ico”>
Troque o atual endereço para o endereço onde o arquivo favicon.ico esteja armazenado.
Obs: Mesmo que você tenha inserido o ícone diretamente no seu servidor, é aconselhável que inclua a linha acima para ter certeza que o navegador encontre o seu favicon.ico
Nota O favicon não é suportado por todos os navegadores e suas versões. No meu site eu testei no Firefox 3, no Internet Explorer7 e Ópera. Em todos funcionaram perfeitamente.
Se após incluir o Favicon em seu site, ele não aparecer no navegador, experimente limpar os arquivos temporários e reiniciar o navegador.
var eb_conditional_localize = [];
var EssentialBlocksLocalize = {"eb_plugins_url":"https:\/\/www.criarsites.com\/wp-content\/plugins\/essential-blocks\/","image_url":"https:\/\/www.criarsites.com\/wp-content\/plugins\/essential-blocks\/assets\/images","eb_wp_version":"6.7","eb_version":"5.1.0","eb_admin_url":"https:\/\/www.criarsites.com\/wp-admin\/","rest_rootURL":"https:\/\/www.criarsites.com\/wp-json\/","ajax_url":"https:\/\/www.criarsites.com\/wp-admin\/admin-ajax.php","nft_nonce":"2d1e89eac5","post_grid_pagination_nonce":"f2c9a545b2","placeholder_image":"https:\/\/www.criarsites.com\/wp-content\/plugins\/essential-blocks\/assets\/images\/placeholder.png","is_pro_active":"false","upgrade_pro_url":"https:\/\/essential-blocks.com\/upgrade","responsiveBreakpoints":{"tablet":1024,"mobile":767}};
