Bueno, imagino que a estas alturas, todo aquel que tenga un iPhone o un iPod Touch, sabrá que para añadir un acceso directo a vuestra web preferida (nadie dice que no pueda ser esta misma, jeje), lo único que tienen que hacer es clic sobre el + de la barra de direcciones herramientas del Safari y escoger la opción de agregar a página de inicio, o a saber cómo se llama en castellano, pero seguro que la encontráis… o qué demonios! si esto ya lo sabíais, ¿no?
El caso es que el icono que os deja es, cuanto cuando menos, feo de narices. ¿Solución? Bueno, vosotros poco podéis hacer ya. Ahora le toca al webmaster. Lo que tiene que hacer es subir un PNG de 57×57 píxeles y agregar esto en el apartado head del HTML (después del favicon sería una opción):
<link rel=”apple-touch-icon” href=”/ruta/patatin/patatan/fichero.png” />
Donde, evidentemente, lo de /ruta/patatin/patatan/ tiene que ser la ruta vuestra 😉
Y ahora ya sí que podréis decir que vuestra web es 100%100 iPhone/iPod Touch. Ni que decir tiene que la mía, ya lo es, gracias a que Luis lo ha podido comprobar. Gracias majete 😉
3 ideas sobre “Icono de una web en el iPhone/iPod Touch”
Dieguito, que es «cuando menos», no «cuanto menos» 😀
Luego, el «+» se encuentra en la barra de herramientas, en el centro de la misma, pero en la parte baja de la pantalla, no en la barra de direcciones. Y lo que muestras en la pantalla del iPhone es un webclip.
Por otra parte, si a tu icono lo llamas apple-touch-icon.png y lo subes a la raíz de tu servidor, no necesitas ni siquiera llamarlo desde el CSS, ya que el propio cachivache lo pilla y lo muestra 😀
Y de nada, por cierto… Ahora tienes que hacer una versión adaptada para HTC Diamond, que siendo tu cacharro, parece mentira que vayas y crees un icono para iPhone jejejeje 😀
Vaya, encima que me preocupo por los que tienen un iPhone… Ainss 😛
Por cierto, que no lo pongo en el CSS, lo pongo en el HTML directamente. El ponerlo separado del favicon, es porque el favicon no puede ser de más de 16×16 (o eso tengo entendido).
Y para el HTC no hace falta hacer nada especial, lo pilla solito (con el favicon estándar). No es tan especialito ni exclusivo, jeje 😛
Perdón, me he equivocado… cuando he dicho el css, me refería a la cabecera del html, donde se define también el path del css y demás…
Está muy bien que el htc pille el favicon estándar, pero cuando utilizas una imagen de 16×16 para un contenedor de 57×57 el resultado, cuando menos, será pobre, porque tienes que sacar resolución de donde no la hay 😀 Por eso mejor poner un icono especial que aproveche la resolución de los iconos de menú…
Aunque claro, olvidaba que los del iPhone son más grandes porque se usan fácilmente con el dedo… (fíjate que todavía estoy buscando dónde lleva el iPhone el stylus, que si la Diamond lo lleva y es lo mejor desde el pan de molde en rebanadas, como dicen los guiris, por algo será jajajaja)
Bueno, que no me meto más contigo, que no te lo mereces 😉