Favicon, ícone, ícone de atalho, ícone apple-touch-icon: existem outros?


24

Conheço dois tipos básicos de ícones da web padrão para sites:

  • Favicon : coloque um.icoarquivo formatado na raiz do seu site, nomeadofavicon.icoe a maioria dos navegadores de desktop o encontrará e o exibirá em vários contextos (favoritos, guias). Também pode ser adicionado ao código, que permite especificar outros nomes e outros tipos de gráficos para o arquivo, embora existam limitações de tipo e tamanho para os navegadores :

    <link rel="shortcut icon" href="/webmasters//favicon.ico" />
    <link rel="icon" href="/webmasters//favicon.ico" />
    
  • Ícone de clipe da Web : coloque umpngarquivo formatado chamadoapple-touch-icon.pngouapple-touch-icon-precomposed.pngna raiz do seu site, e as versões do iPhone OS / iOS do Safari os selecionarão e armazenarão quando o site for adicionado à tela inicial. Também pode ser adicionado com código como:

    <link rel="apple-touch-icon" href="/webmasters//custom_icon.png" />
    

Existem outros gráficos de ícone padrão para um site que um webmaster pode incluir?

Respostas:


8

Ele aparece com base no presente e isso que o Android vai usar o reltipo de apple-touch-icon-precomposedou apple-touch-icon, MAS que para que ele funcione você precisa usar um url totalmente qualificado, por exemplo:

<link rel="apple-touch-icon-precomposed"
      href="http://www.example.com/custom_icon.png" />

ou:

<link rel="apple-touch-icon"
      href="http://www.example.com/custom_icon.png" />

A ressalva é que isso parece ser para a atualização 1 do Android 2.1 e o Webkit 3.1 . A documentação do desenvolvedor do Android menciona um método android.webkitnesse evento quando o apple-touch-iconé recuperado.


1

Isso depende de qual plataforma você segmenta. Mas acho que a maioria dos navegadores móveis compatíveis com o padrão entende as tags favicon padrão. Talvez você possa procurar casos de uso especiais (por exemplo, criar atalho na área de trabalho com um ícone especial) em plataformas como Android, iOS, WebOS, ...

Acabei de desenvolver alguns sites direcionados aos usuários do iPhone e, nesses sites, usei o Wordpress com uma versão especializada do tema WPTouch.

Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.