Você está aqui: Home / dicas-interessantes / crie e utilize um favicon em seu website.html

Crie e utilize um favicon em seu website

     

Favicon é uma imagem que é exibida ao lado do endereço do website no navegador.  Trata-se de uma pequena imagem que geralmente é um arquivo .ico

Existem várias formas para você criar um favicon, uma delas é a partir de uma imagem já existente, seja um png, jpeg ou gif. Nesse post quero falar sobre um sitema online de criação de favicons, o favicon generator, nesse sistema você faz upload de uma imagem que você deseja utilizar como favicon em seu website e edita ela online mesmo, no final do processo você pode baixar o arquivo já com o formato .ico.

Feito o processo anterior você precisa fazer duas coisas.
1- Enviar o ícone para algum servidor web, exemplo flickr, imageshack, ou mesmo para o servidor de seu website.
2- Inserir o seguinte código na página web onde você deseja que o favicon seja exibido:

<link id=”page_favicon” href=”url do seu site/favicon.ico” rel=”icon” type=”image/x-icon” />

Lembre-se de substituir “url do seu site/favicon.ico” pelo url completo onde o seu favicon encontra-se hospedado e também que esse código deve ser inserido entra as tags <header></header> em seu website.
É isso, fácil né.

Deixe um Comentário

O seu endereço de email não será publicado Campos obrigatórios são marcados *

*

Você pode usar estas tags e atributos de HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>