¿Cómo le doy a mis sitios web un ícono para iPhone?

votos
24

¿Cómo configuro el ícono que aparece en el iPhone para los sitios web que creo?

Publicado el 04/08/2008 a las 20:02
fuente por usuario
En otros idiomas...                            


5 respuestas

votos
5

Desde Apple Developer Connection Safari Guía de contenido web para iPhone Especificación de un icono de página web para Web Clip ...

El usuario puede agregar una aplicación web o enlace de página web a la pantalla de inicio. Estos enlaces, representados por un icono, se llaman clips web. Siga estos sencillos pasos para especificar un icono que represente su aplicación web o página web en iPhone.

Para especificar un icono para todo el sitio web (cada página en el sitio web), coloque un archivo de icono en formato PNG en la carpeta del documento raíz llamada apple-touch-icon.png.

Para especificar un icono para una página web individual, o reemplazar el icono del sitio web por un icono específico de la página web, agregue un elemento de enlace a la página web como en:

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

En el ejemplo anterior, reemplace custom_icon.png con el nombre de archivo de su icono.

Consulte "Crear un icono para su aplicación web o página web" en las Pautas de interfaz humana de iPhone en las Pautas de interfaz humana de iPhone para métricas de icono de página web.

Nota: La función de clip web está disponible en iPhone 1.1.3 y versiones posteriores.

Respondida el 04/08/2008 a las 20:04
fuente por usuario

votos
8

Y, para completar, un enlace a la publicación de Scott Hanselman, que también contiene algunos consejos adicionales:

Agregar iconos de iPhone de la pantalla de inicio y ajustar ViewPort

Respondida el 04/08/2008 a las 20:06
fuente por usuario

votos
1

He sugerido que Stack Overflow implemente un icono de toque de manzana:

Agregue un ícono de toque de manzana para Safari en iPhone

Respondida el 04/08/2008 a las 20:13
fuente por usuario

votos
4

Véase la especificación de un icono de página web para la Web Clip sección de la aplicaciones web Configuración de la página de la guía de contenidos web Safari en la biblioteca de referencia de Safari ...

Especificación de un icono de página web para la Web Clip

iPhone OS Nota: La función de Web Clip está disponible en el iPhone OS 1.1.3 o posterior. El apple-touch-icon-precomposed.png nombre del archivo está disponible en el iPhone OS 2.0 y versiones posteriores.

Es posible que desee que los usuarios puedan añadir su aplicación web o enlace de la página a la pantalla de inicio. Estos enlaces, representados por un icono, se llaman clips de la web. Siga estos sencillos pasos para especificar un icono para representar su aplicación web o una página web en el iPhone OS.

  • Para especificar un icono para todo el sitio web (cada página en el sitio web), colocar un archivo de icono en formato PNG en la carpeta de documentos raíz llamada apple-touch-icon.pngo apple-touch-icon-precomposed.png. Si se utiliza apple-touch-icon-precomposed.pngcomo nombre de archivo, Safari en el iPhone OS no añadirá ningún efecto en el icono.

  • Para especificar un icono para una sola página web o reemplazar el icono de página web con un icono de página web específica, añadir un elemento de enlace a la página web, como en:
    <link rel="apple-touch-icon" href="/custom_icon.png"/>
    En el ejemplo anterior, reemplace custom_icon.pngcon el icono de su nombre de archivo. Si no desea que Safari en el iPhone OS agregar algún efecto al icono, reemplazar apple-touch-iconcon apple-touch-icon-precomposed.

Ver "Crear un icono para la aplicación web o una página web" en Human Interface Guidelines iPhone para aplicaciones Web para el icono de página web métricas.

Respondida el 17/08/2010 a las 22:24
fuente por usuario

votos
2

Añadir esto en su sección de la cabeza:<link rel="icon" href="/your-icon-url"/>

Respondida el 07/06/2017 a las 09:32
fuente por usuario

Cookies help us deliver our services. By using our services, you agree to our use of cookies. Learn more