Este sitio utiliza cookies. Al navegar por la web estás aceptando el uso de cookies.

Aceptar Más información

Mis Libros

Suscríbete para descargar gratuitamente el libro

Introduce tus datos y dale a enviar, se abrirá un mensaje informativo sobre tu suscripción en una página nueva, al volver a esta página tendrás el enlace a tu libro esperándote.

Acepto el Aviso Legal

Crea un Icono Personalizado de tu Web o Blog para iPhone o iPad

Publicado el 16 de abril de 2013 por Juan Merodio


La mayoría de páginas web y blogs no tienen aplicación para dispositivos móviles, pero no por ello debemos dejar de ofrecer a los visitantes la opción de guardar en su pantalla de inicio un acceso directo a la web como si de una App se tratase.

 

A continuación vamos a ver cómo crear este icono para que la imagen aparezca personalizada.

 

Cómo crear el icono personalizado

  • - Crea un icono con la imagen que quieres que aparezca como icono de tu web, cuyas medidas son de 100 x 100 px y 72 dpi, y guardala en formato .png con el nombre exacto: apple-touch-icon.png:

 

  • - A continuación sube este archivo al directorio raiz de tu web o blog y desde este momento los usuarios podrán guardar como aplicación con un icono personalizado tu web o blog:

 

Como ves de una manera muy sencilla puedes favorecer que los usuarios guarden en su pantalla de inicio tu web o blog con un icono personalizado.

Vía: nahuelsanchez.com

 

¿Te parece un recurso interesante?

Esta entrada fue publicada en Marketing 2.0 y etiquetada como por
10 Business Factors

22 Comentarios para “Crea un Icono Personalizado de tu Web o Blog para iPhone o iPad”

  1. Esther dice:

    Hola,

    Una pregunta: no se puede modificar el nombre del icono: Añadir a la página de inicio por el nombre de la empresa o web.

    Muchas gracias

  2. jmerodio dice:

    Esther, el texto ese es por defecto en Apple, no se puede cambiar

  3. Jaume dice:

    Artículo super-útil y directo.
    Muchas gracias Juan!

  4. Juan urrios dice:

    Gracias por la “cucada” Juan, la comparto con mi gente. Un abrazo

  5. jmerodio dice:

    Juan, son pequeños detalles pero todo importa

  6. Nacho dice:

    Esto es para los blogs propios, ¿verdad? Porque en los de wordpress.com no podemos acceder al directorio raiz ¿no?

  7. Nacho dice:

    ¿Esto es para todos los blogs? Porque no se como subir algo al directorio raiz de mi blog en wordpress.com

  8. jmerodio dice:

    Nacho, para poderlo hacer debes tener el servidor contratado, ya que sino en la versión de wordpress.com no puedes acceder al raiz

  9. Nacho dice:

    Gracias por tu rápida respuesta. Eso me imaginaba por tu explicación. Pero lo guardo para futuros blogs que creemos.

  10. Pablo dice:

    Perfecto! Una pequeña solución, para un gran detalle.

  11. Hola Juan!
    Excelente como siempre tus aportes, ya en los comentarios he visto que en mi blog si es un un subdominio de wordpress no podré hacerlo, será en el futuro.
    Gracias
    Guillermo

  12. Beatriz dice:

    Hola! soy una novata, como puedo subir mi imagen al directorio raiz? :(

    Y otra cosita, como has puesto este formulario tan chulo?

    Muchas gracias por adelantado

  13. jmerodio dice:

    Beatriz, para subir la imagen al raiz debes hacerlo por ftp, de todas formas si no sabes bien cómo se hace es mejor que alguien que sepa, un programador, te ayude, porque sino puedes borrar algo y que la web deje de funcionar. El formulario es el diseño que hicieron para mi blog, así que el mérito es del equipo de diseñadores :)

  14. Belen dice:

    Estupendo Juan!
    Tengo una duda, este post vale para Iphone, ¿Cómo se hace el icono personalizado para añadir a la pantalla de inicio del resto de smartphones? Gracias por tu ayuda.
    Un saludo!

  15. jmerodio dice:

    Belén, ahí no te sé decir, porque cada uno tendrá su propia línea en caso de poder y al ser usuario de iPhone no puedo probar otras opciones

  16. maucho dice:

    Hola: y se ya no me es útil la webapp. cómo hago para eliminar de la pantalla de inicio

  17. Alvaro dice:

    Muy bueno. Quiero hacer lo mismo pero para Android, se puede?

  18. Maria dice:

    La verdad es que mola mucho. Gracias por el tutorial! :)

  19. Hola.
    Comencé en lo de hacer blogs sin tener ni pajolera idea, pero logré crear 2. Sin embargo tras realizar todos los pasos, cuando le doy a la opción de añadir página al escritorio, no me sale el icono que diseñé, sino uno genérico… ¿qué puedo estar haciendo mal? El archivo lo guardé directamente en public_html.
    Seguramente he de meterlo en alguna otra carpeta, pero no termino de entenderlo.
    Muchas gracias.

  20. Marc dice:

    Gracias! Pequeño gran detalle.
    ¿Es posible incluir esta opción como un botón en mi propia web para facilitar la instalación de dicho acceso a los más “novatos”?. Gracias de antemano.

  21. James dice:

    Hola Juan cordial saludo

    Como hago para personalizar el icono de acceso directo en androi de cada página de mi sitio, osea si el usuario quiere crear un acceso directo de mi página de contacto, o del catálogo; osea que sean diferentes.

    Gracias

  22. Juan Merodio dice:

    James, que yo sepa eso no se puede hacer, de todas formas consúltalo con algún desarrollador de Apps que te pueda confirmar

Deja un comentario

*