Arquivo da tag: Favicon

Como criar um Favicon de uma imagem

Eu já mostrei aqui no blog como colocar um “favicon” em seu site/blog no Blogger ou WordPress. Porém eu não tinha mostrado como criar um favicon de uma maneira simples, como falar sobre o tamanho que precisa ter um favicon.

O melhor jeito para se fazer um favicon é a partir de uma imagem onde você pode recortar perfeitamente algo que seja identificado com o seu site/blog. Como nesse exemplo vou criar um favicon para um site de download então procurei uma imagem Google e vou usá-la como exemplo.

Se preferir você mesmo(a) pode criar uma imagem de qualquer tamanho apenas com as iniciais do seu blog como é o meu favicon apenas com “EB” que significa “Espaço Blog” e depois recortar para o tamanho correto!

Criando seu Favicon

1º Passo: Clique no botão abaixo para entrar no site Favikon.com onde vamos recortar nossa imagem:

Acessar Favikon

2º Passo: No site clique no botão “Upload Image” e selecione a imagem que você usará como favicon:

87456

3º Passo: Agora usando essas pontas marcadas em vermelho você consegue recortar o seu favicon caso sua imagem seja muito grande. No meu caso não será necessário e eu posso usar toda imagem:

78978465465

4º Passo: E finalmente após selecionar o corte clique em “Download ICO“:

124897987

5º Passo: Agora só falta colocar esse favicon em seu site/blog e para isso fiz uma postagem que você pode ver logo abaixo:

Como colocar um Favicon no WordPress

Na última postagem eu mostrei como colocar um favicon no Blogger e dessa vez como não poderia faltar, mostrarei como fazer o mesmo para quem usa o WordPress.

Favicon são essas imagens que aparece nos navegadores para representar o site, no caso do nosso site é uma imagem azul com as iniciais “EB” que significa Espaço Blog. Você poderia também usar imagens que representem o se site, como no exemplo que na outra postagem quando falei que se o seu site fosse sobre costura, uma imagem dê uma tesoura representaria muito bem.

89654

Usar favicon deixa o seu site com um visual mais bonito além claro de fazer com que seus leitores conheçam seu blog e saiba que aquele determinado link é seu.

Colocando no WordPress

Para fazer isso aqui no site eu uso o plugin All in one Favicon então é ele que usarei nesse tutorial.

1º Passo: Entre no painel do seu WordPress e do lado esquerdo clique em “Plugin” e depois em “Adicionar Novo“.

89798

2º Passo: No campo em branco pesquise por “All in one Favicon” e clique em “Pesquisar plugins

879

3º Passo: O plugin que queremos deve aparecer em primeiro lugar, então você clica em “Instalar agora

87987

Espere o download do plugin e depois clique em “Ativar plugin

128

4º Passo: Do lado esquerdo clique em “Configurações” e depois em “All in one Favicon

984

5º Passo: Agora você deve enviar o seu favicon tanto em “Frontend Settings” quanto em “Backend Settings

Aqui no site eu uso o favicon em formato PNG então enviarei onde está “PNG Frontend” e “PNG Backend

Para enviar o seu favicon clique em “Enviar” e selecione no seu computador, depois clique em “Salvar alterações

Frontend Settings

66

Backend Settings

77