El favicon ya sabemos que es el icono que aparece en algunos navegadores junto a la dirección de una página web. Vamos a ver como utilizarlo en dispositivos con pantalla táctil como el iPhone o iPad. En estos casos se le llama icono Apple Touch (en lugar de favicon). Curiosamente dispositivos con android también es compatible su uso.

El tamaño apropiado del icono apple touch es de 60×60 píxeles, a diferencia del favicon que tiene 32×32 px.

Si insertamos estos archivos en la raíz de su dominio, el navegador los busca automaticamente al abrir la página, por lo que podemos evitarnos insertar el código anterior dentro del del documento.