martes, 7 de julio de 2009

icono iphone

hace poco me puse mi propio icono de mi web en el iphone... el cual queda un poco cutre ya que hace como un pantallazo de toda la web y lo pega en el icono que te deja en el menú... hasta que encontré como hacer mi propio icono...

1.- te haces tu logo (no hace falta redondear las esquinas) y lo reduces hasta 57 x 57 pixels.

2.- lo guardas como un png, más fácil si lo subes en la raíz de la web

3.- en el HEAD de tu página principal añades esto

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


4.- una vez subido el actualizado html y el png abrimos nuestra web, le damos al icono + situado en la parte inferior del iphone y seleccionamos "Añadir a pantalla de inicio", elegimos el nombre que saldrá debajo del botón y le decimos "añadir".

y ya tenemos nuestro icono:

No hay comentarios: