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

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

Author: Vadim Kotov, 2008-08-04
Source

5 answers

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

Añadir Iconos de la Pantalla de Inicio del iPhone y Ajustar la vista

 8
Author: Michael Stum,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2008-08-04 19:06:12

Desde la página Apple Developer Connection Safari Web Content Guide para iPhone Especificando un icono de página Web para Web Clip...

El usuario puede añadir una aplicación web o enlace de la página web a la pantalla de inicio. Estos los enlaces, representados por un icono, son llamado web clips. Siga estos sencillos pasos para especificar un icono a representar su aplicación web o página web en iPhone.

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

Para especificar un icono para una página web, o reemplazar el icono del sitio web con un icono específico de la página web, 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.png con su icono fichero.

Consulte " Crear un icono para su Web Aplicación o Página web " en iPhone Pautas de Interfaz Humana en iPhone Interfaz Humana Directrices para la página web métricas de iconos.

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

 5
Author: Zack Peterson,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2008-08-04 19:04:03

Ver el Especificar un icono de Página Web para el Clip Web sección de la página Configuración de aplicaciones Web de la Guía de Contenido Web de Safari en la Biblioteca de Referencia de Safari...

Especificar un icono de Página Web para Web Clip

IPhone OS Nota: La función de Clip web está disponible en iPhone OS 1.1.3 y tarde. El apple-touch-icon-precomposed.png el nombre del archivo está disponible en iPhone OS 2.0 y más tarde.

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

  • Para especificar un icono para todo el sitio web (todas las páginas del sitio web), coloque un archivo de icono en formato PNG en la carpeta del documento raíz llamada apple-touch-icon.png o apple-touch-icon-precomposed.png. Si usted usa apple-touch-icon-precomposed.png as el nombre del archivo, Safari en iPhone OS no añadirá ningún efecto al icono.

  • Para especificar un icono para una página web o reemplazar el icono del sitio web con un icono específico de la página web, 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.png con su icono fichero. Si no quieres Safari en iPhone OS para añadir efectos a la icono, reemplazar apple-touch-icon con apple-touch-icon-precomposed.

Ver " Crear un icono para Su Aplicación Web o Página web"in iPhone Human Interface Guidelines for Web Applications for webpage icon metrics.

 4
Author: Zack Peterson,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2010-08-17 21:24:58

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

 2
Author: Bragadeeswaran,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2017-06-07 12:32:30

He sugerido que Stack Overflow implemente un apple-touch-icon:

Añadir un icono de apple-touch para Safari en iPhone

 1
Author: Zack Peterson,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2008-08-04 19:21:04