Skip to content
domingo, janeiro 24, 2021
Blog.HospedandoSites

Blog.HospedandoSites

Tudo para o seu Site e Tutoriais

  • Página Inicial
  • Blog
  • Seja um Parceiro do Blog

Favicon.ico – Logo do site na barra de endereço

Tutoriais HTML
2 de maio de 20122 de maio de 2012HospedandoSitesLeave a Comment on Favicon.ico – Logo do site na barra de endereço

O que é um Favicon.ico? 
O logo que pode ser visto em alguns sites na barra de endereços é chamado favicon.ico, significando Ícone de Favoritos. 


O uso inicial do favicon.ico era servir como ícone para um site quando um usuáio inserisse o tal site no Favoritos de seu navegador, hoje é mais comun ver o tal logo na barra de endereços dos navegadores.

Como criar o favicon.ico? 
O favicon padrão é um arquivo de imagem no formato ICO (*.ico) de tamanho 16×16;

Consulte o manual de seu programa editor de gráficos (Photoshop, PaintBrush, Krita, Gimp, etc) sobre como criar arquivos .ico . Ao criar seu logo não se esqueça que o ícone pode ser visto com diferentes cores de fundo então é aconselhado que faça o ícone com o fundo transparente.

Alternativas ao formato .ico 
Recentemente o Firefox incluiu suporte a outros formatos além do .ico para o Favicon, como por exemplo o .gif;

Quantos navegadores suportam favicons? 
Todos as versões mais recentes dos principais navegadores suportam favicons, inluindo Internet Explorer 5/6+, Firefox 1+, Mozilla 1+, Netscape 7+, Opera 7+, Konqueror 3+, Safari e outros.

Se um navegador não suportar o favicon ele simplesmente irá ignorar o favicon, não interferindo no funcionamento do site a presença (ou não) do favicon.

Instalando seu Favicon 
No código HTML de sua página insira as seguintes tags dentro do <head></head>:

<link rel="shortcut icon" href="/FAVICON.ico" type="image/x-icon"/>

ou

<link rel="icon" href="/FAVICON.gif" type="image/gif" />

Em href insira o caminho do arquivo favicon.* em sua hospedagem.
Substitua FAVICON pelo nome do arquivo presente em sua hospedagem.

Caso não consiga visualizar o favicon no IE, adicione-o como um favorito.

 

Tagged barraendereçofaviconicologo

Navegação de Post

Como fazer um gif animado com Photoshop
Menu Dinâmico em Flash

Related Posts

Inserir botão de Follow (seguir) Twitter no Site

24 de maio de 201224 de maio de 2012HospedandoSites

Por que devo USAR o HTML semântico?

20 de junho de 201220 de junho de 2012HospedandoSites

Como verificar links quebrados

19 de abril de 201219 de abril de 2012HospedandoSites

Buscar

Rede Social



Siga @hospedandosites

Categorias

  • Artigos (23)
  • Comparativos (6)
  • Instalação de Scripts (22)
  • Mundo Web (3)
  • Tutoriais .NET (2)
  • Tutoriais 3D Max (5)
  • Tutoriais cPanel (27)
  • Tutoriais Dispositivos Móveis (15)
  • Tutoriais Dreamweaver (7)
  • Tutoriais E-mail (11)
  • Tutoriais Edição de Vídeo (2)
  • Tutoriais Flash (6)
  • Tutoriais FTP (6)
  • Tutoriais GIMP (3)
  • Tutoriais HTML (25)
  • Tutoriais Informática (38)
  • Tutoriais JavaScript (1)
  • Tutoriais Linux (10)
  • Tutoriais MySQL (12)
  • Tutoriais Photoshop (16)
  • Tutoriais PHP (22)
  • Tutoriais Streaming (26)
  • Tutoriais Windows (26)
  • Update (5)
HospedandoSites | Theme: News Portal by Mystery Themes.