Crear icono de tu web para iPad, iPhone y iPod Touch

Con este tutorial podréis crear un icono de vuestra web, blog, foro..( lo que sea) para vuestro iPod Touch, iPhone y iPad.


Hay dos formas de poner nuestro icono:

EN CARPETA RAÍZ
Es muy sencillo. Sólo debes seguir estos pasos:

Creas una imagen PNG de dimensiones cuadradas. El estándar para iPod / iPhone es de 57×57 pixeles, pero para iPad es 72×72 px. Si le das un tamaño mayor, Safari lo redimensionará automáticamente, sin recortes. Lo mejor en este momento es elegir 72×72 px.
Nombras a esta imagen: apple-touch-icon.png
Subes la imagen al root de tu página web con FTP y listo, no es necesario ningún código HTML, Safari detectará el PNG automáticamente.

CON CÓDIGO HTML
Si no quieres que tu imagen este en la carpeta raíz de tu página, con HTML puedes indicar una ruta especial, solo tienes que copiar el siguiente código html en la plantilla de tu web o blog entre las etiquetas

Código: Seleccionar todo

y

Vía | artxce.blogspot.com


Espero que os haya servido!


Relacionados:

Cómo añadir un enlace a una web en la pantalla de inicio

Ya te he solucionado el problemilla con las etiquetas code, no se que era, las he vuelto a poner desde cero y ha funcionado, además he añadido una imagen al inicio del post

Muchas gracias por el aporte!



Edito: Me ha vuelto a fallar y al final lo he puesto sin etiquetas

Muchas gracias , voy a empezar a crear un icono para mi web