Favicon, ícono, ícono de acceso directo, ícono de toque de manzana: ¿hay otros?

24

Sé de 2 tipos básicos de iconos web predeterminados para sitios web:

  • Favicon : coloque un.icoarchivo formateado en la raíz de su sitio llamadofavicon.icoy la mayoría de los navegadores de escritorio lo encontrarán y lo mostrarán en varios contextos (marcadores, pestañas). También se puede agregar en el código, que le permite especificar otros nombres y otros tipos de gráficos para el archivo, aunque existen limitaciones de tipo y tamaño para los navegadores :

    <link rel="shortcut icon" href="/webmasters//favicon.ico" />
    <link rel="icon" href="/webmasters//favicon.ico" />
    
  • Icono de clip web : coloque unpngarchivo formateado llamadoapple-touch-icon.pngoapple-touch-icon-precomposed.pngen la raíz de su sitio y las versiones de iPhone OS / iOS de Safari los recogerán y almacenarán cuando el sitio se agregue a la pantalla de inicio. También se puede agregar con código como:

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

¿Hay otros gráficos de iconos predeterminados para un sitio web que un webmaster puede incluir?

artlung
fuente

Respuestas:

8

Que aparece basa en este y este que Android va a utilizar el reltipo de apple-touch-icon-precomposedo apple-touch-icon, pero que para que funcione es necesario utilizar una dirección URL completa, por ejemplo:

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

o:

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

La advertencia es que esto parece ser para Android 2.1 actualización 1 y Webkit 3.1 . La documentación del desarrollador de Android menciona un método en android.webkitese caso cuando apple-touch-iconse recupera.

artlung
fuente
1

Esto depende de la plataforma a la que apunte. Pero creo que la mayoría de los navegadores móviles, compatibles con el estándar, comprenden las etiquetas favicon predeterminadas. Tal vez pueda buscar casos de uso especiales (por ejemplo, crear accesos directos de escritorio con un icono especial) en plataformas como Android, iOS, WebOS, ...

Acabo de desarrollar algunos sitios web dirigidos a usuarios de iPhone y en estos sitios utilicé Wordpress con una versión especializada del tema WPTouch.

fwaechter
fuente