Favicon

Origem: Wikipédia, a enciclopédia livre.
Ir para: navegação, pesquisa
Favicon da Wikipédia.
Favicon do Google desde Agosto de 2012

Favicons (palavra derivada de favorite (favorito) e icon (ícone)) são pequenas imagens no formato .ico (não sendo necessariamente nessa extensão) com cerca de 16x16 (ou 32x32 pixels) pixels que ficam guardados em um site (ou diretório) para visualização no navegador. Em alguns navegadores como Internet Explorer até a versão 6, só exibem os favicons quando um site é adicionado aos favoritos. Neste caso, apenas no menu correspondente aos favoritos pode-se encontrar a imagem. Em outros navegadores como Firefox, Opera, Google Chrome e Internet Explorer 7(+), os favicons podem ser encontrados também nas abas e na barra de endereço assim também como nos favoritos.

Os favicons também têm teor de acessibilidade pois ajudam um usuário comum a identificar uma página quando ela está exibida em uma lista ou em uma barra de abas. Visando isto, muitos favicons são imagens simplificadas do logotipo da marca que representam.

Na ausência de um favicon, os navegadores exibem seu próprio ícone ou um ícone padrão como uma folha em branco ou o logotipo do navegador como por exemplo.

Suporte ao formato de arquivo[editar | editar código-fonte]

Translation Latin Alphabet.svg
Este artigo ou secção está a ser traduzido. Ajude e colabore com a tradução.
Navegador ICO PNG GIF GIFs JPEG APNG SVG
Firefox Y[1] |Y[1] Y[1] Y Y Y [2]
Google Chrome Y Y Y Y Y
Internet Explorer Y[3] Y[4] Y[4] [3] [3] [3] [3]
Opera Y[5] Y[5] Y[5] Y[5] Y[5] Y Y
Safari Y Y Y Y

Como usar[editar | editar código-fonte]

Esta tabela ilustra as diferentes formas do favicon podem ser reconhecidos pelo navegador da web.

Google Chrome Internet Explorer Firefox Opera Safari
<link rel="shortcut icon"
 href="http://example.com/myicon.ico" />
Y[6] Y[6] [3] Y[6] Y[6] Y
<link rel="icon"
 href="http://example.com/image.ico" />
Y Y (no IE 11)[4] Y Y Y
<link rel="icon"
 type="image/vnd.microsoft.icon"
 href="http://example.com/image.ico" />
Y Y (no IE 11)[4] Y Y Y
<link rel="icon" type="image/png"
 href="http://example.com/image.png" />
Y Y (no IE 11)[4] Y Y Y
<link rel="icon" type="image/gif"
 href="http://example.com/image.gif" />
Y Y (no IE 11)[4] Y Y Y
<link rel="icon" type="image/x-icon"
href="http://example.com/image.ico"/>
Y[6] Y (no IE 9)[7] Y[6] Y[6] Y
favicon.ico Y Y Y[8] Y[9] Y
precedence: prefer root or (X)HTML linked version linked[10] linked[10] linked[10] ? ?

Referências

  1. a b c David (19 July 2003). Mozilla 0.9.6 Release Notes Mozilla. Visitado em 23 February 2011.
  2. Works only on first load of the page.
    Daniel Holbert (14 April 2011). Bug 366324 – SVG site icons (favicons, shortcut icons) support – comment 22 Bugzilla@Mozilla Mozilla. Visitado em 23 February 2011.
  3. Erro de citação: Tag <ref> inválida; não foi fornecido texto para as refs chamadas jeffdavis
  4. a b c d e f Fun with Favicons Microsoft (7 September 2013). Visitado em 3 November 2013.
  5. a b c d e Opera 7 for Windows Changelog Opera Software (28 January 2003). Visitado em 28 February 2011.
  6. Erro de citação: Tag <ref> inválida; não foi fornecido texto para as refs chamadas msdn
  7. IE9 RC Minor Changes List Microsoft (11 February 2011). Visitado em 16 November 2013.
  8. Firefox only accepts favicon.ico in the web site's root without a <link> tag if the setting browser.chrome.favicons is set to true in about:config. The default value is true. If set to false, these favicons are ignored.
  9. Opera loads /favicon.ico only if Multimedia/Always load favicon option inopera:config is set to 1. See Opera Support page for more details.
  10. Erro de citação: Tag <ref> inválida; não foi fornecido texto para as refs chamadas faviconic