¿Qué es el estado de la técnica de favicons en 2013?

El negocio de Favicon se complicó durante los últimos años. Nuevos types de dispositivos (re) inventados, como tabletas y smartphones inteligentes. Utilizan favicons de forms nuevas (por ejemplo, como íconos de aplicación en las pantallas de inicio) y requieren forms específicas de vincularlos. De manera similar, los browseres ahora permiten crear accesos directos de escritorio para aplicaciones web (que también utilizan favicons para íconos). Peor aún, ahora tenemos pantallas de alta resolución ("retina") en dispositivos portátiles y portátiles, que requieren imágenes de mayor resolución para íconos. Peor aún, diferentes browseres (y versiones) admiten diferentes formattings de image para íconos y diferentes tamaños. Comenzando con 16×16 solo .ico solo IE6 y terminando con Opera, que ahora es compatible con los icons .svg.

¿Qué debo hacer para admitir íconos nítidos en la mayoría de los dispositivos y browseres de hoy?

Hasta ahora, el mejor recurso que podía encontrar era html5boilerplate , que recomienda tener los siguientes files:

apple-touch-icon-114x114-precomposed.png apple-touch-icon-144x144-precomposed.png apple-touch-icon-57x57-precomposed.png apple-touch-icon-72x72-precomposed.png apple-touch-icon-precomposed.png apple-touch-icon.png favicon.ico # 32x32 

al time que no les ponía ningún enlace en la label <head> .

Edición: otra consideración es que los files .ico pueden almacenar varias imágenes con diferentes resoluciones en ellas. ¿Es esto útil o compatible?

Hay algunos consejos oficiales en http://developer.apple.com/library/ios/#DOCUMENTATION/AppleApplications/Reference/SafariWebContent/ConfiguringWebApplications/ConfiguringWebApplications.html que parecen confirmar su list.

Idealmente, el file favicon.ico debería contener múltiples resoluciones en un file, ya que los browseres actualizados ahora pueden aprovechar esto y un ícono de 16 x 16 nunca se verá muy bien en una pantalla retina.

Por lo visto, ahora Microsoft recomienda que el file favicon.ico contenga al less 16 × 16, 24 × 24, 32 × 32 y 64 × 64.

Acabo de lanzar una herramienta en línea gratuita que creará favicons como este en: http://iconifier.net

Consulte la página de readme en el website para get más enlaces a la última información de favicon.