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" />

About 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.


One comment on “Apple Touch Icon: Define el icono de acceso directo a la web desde iOS

  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!

Leave a Reply

Your email address will not be published. Required fields are marked *

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre lang="" line="" escaped="" highlight="">