webclips-iphoneLlevaba ya un tiempo queriendo cambiar el icono del blog que salía en el iPhone al crear un webclip, porque hasta entonces se mostraba una vista general de la página, algo muy poco intuitivo. Para salir del paso, lo que había hecho hasta ahora era hacer zoom hasta que en pantalla se viera únicamente el logo del blog y crear el webclip a partir de esa pantalla, pero… ¿Qué verían el resto de usuarios?

Existe una manera muy sencilla de decirle al iPhone los webclips que queremos que utilice. Para ello basta con crear una imagen de 57×57 píxels llamada ‘apple-touch-icon.png’ y subirla a la raíz de nuestra página. De esta manera, el iPhone cogerá automáticamente la imagen y la mostrará como webclip, redondeándole automáticamente las esquinas y aplicando el degradado.

Si por alguna razón lo anterior no funciona, también puedes añadir una línea entre las etiquetas “head” de tu plantilla para asegurarte de que la imagen que utilizará como webclip es la correcta:

<link rel="apple-touch-icon" href="nombre_icono.png" />

Y ya para terminar, si se da el caso de que no tienes un iPhone, puedes utilizar el generador de webclips que han creado en duopixel.