Webclip icons de tu página o weblog para el iPhone y iPod Touch

Con las ultimas actualizaciones del iPhone y iPod touch, los usuarios pueden guardar webclips para tener accesos directos a sus sitios favoritos. Debido a que he notado un incremento de tráfico desde iPhones y iPods Touch en maclatino.com, acabo de agregar un webclip icon para que puedan agregarlo y entrar directamente, a continuación explico como hacerlo para los que quieren hacer el suyo.

Esta funcionalidad, el iPhone y iPod Touch lo hacen recordando el tamaño y zoom que guardas del sitio y crea un icono automáticamente, pero siempre obtenemos el resultado deseado o representa de la manera que queremos a nuestro sitio web.

El asunto es que el iPhone y iPod Touch puede utilizar un icono predeterminado por el sitio, en este caso nosotros.

De esta manera podemos crear un webclip icon para el iPhone y iPod Touch:
• Realiza el icono que quieres utilizar en un tamaño de 57×57 pixeles y a 72 dpi de resolución
• Guárdalo con formato .png
• Ponle el nombre “apple-touch-icon.png”
• Súbelo al directorio raíz de tu sitio ( en donde esta el favicon o tu página indice )

El iPhone y iPod Touch buscará automáticamente por el en esa ubicación y no hace falta que hagas las esquinas redondas ni el efecto glossy, eso lo hace el solito.

Si quieres ponerle otro nombre a la imagen, puedes hacerlo, pero debes de especificarlo en el header de tu sitio y puedes hacerlo con el siguiente código.

[code=’html’]

[/code]

Listo, a poner iconitos en sus sitios, portales, weblogs o lo que tengan, de esta forma los visitantes que tengan iPhones y iPods Touch los identificarán mejor y con una mejor imagen para su blog o web.

Alguien con iPhone o iPod Touch por favor mande una foto del de maclatino a la galería de fotos.