Apple Touch Icon: Define el icono de acceso directo a la web desde iOS

Una breve anotación: En ocasiones, cuando creamos un acceso directo a una web desde iOS (ya sea en iPhone o iPad) nos encontramos con un icono que representa una pequeña captura de la web. Este icono no siempre es como desearíamos. Si quereis preparar vuestra web para que los visitantes creen accesos directos desde iOS, podeis definirlo poniendo en el <head> de la página el atributo apple-touch-icon, que tiene un uso muy similar al más que conocido icono de favoritos:
<link rel="apple-touch-icon" href="./apple-touch-icon.png" />

Gotardo González
Nací en Granada en 1983 pero desde hace un tiempo vivo en tierras extremeñas. Desde hace unos años soy desarrollador de aplicaciones web y actualmente trabajo como freelance.

1 Comment

  1. Perfecto, pensaba que con ubicar la foto apple-touch-icon.png en el directorio raíz, ya era suficiente. Ahora veo porque Websitegrader me decía que no la encontraba. Saludos!

Comments are closed.