html - usar - ¿Cómo le doy a mis sitios web un ícono para iPhone?
ver como ordenador iphone (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 las métricas del icono de página web.
Nota: La función de clip web está disponible en iPhone 1.1.3 y versiones posteriores.
¿Cómo configuro el ícono que aparece en el iPhone para los sitios web que creo?
He sugerido que implemente un icono de toque de manzana:
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
Consulte la sección Especificar un icono de página web para Web Clip de la página Configuración de aplicaciones web de Safari Web Content Guide en la Biblioteca de referencia de Safari ...
Especificación de un icono de página web para Web Clip
iPhone OS Nota: La función Web Clip está disponible en iPhone OS 1.1.3 y posterior. El nombre de archivo
apple-touch-icon-precomposed.pngestá disponible en iPhone OS 2.0 y versiones posteriores.Es posible que desee que los usuarios puedan agregar su aplicación web o enlace de página web a la pantalla de inicio. Estos enlaces, representados por un ícono, se llaman Web Clips. Siga estos simples pasos para especificar un ícono que represente su aplicación web o página web en el iPhone OS.
Para especificar un icono para todo el sitio web (cada página del sitio web), coloque un archivo de icono en formato PNG en la carpeta del documento raíz llamada
apple-touch-icon.pngoapple-touch-icon-precomposed.png. Si usaapple-touch-icon-precomposed.pngcomo nombre de archivo, Safari en iPhone OS no agregará ningún efecto al ícono.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, reemplacecustom_icon.pngcon el nombre de archivo de su icono. Si no desea que Safari en el iPhone OS agregue ningún efecto al icono, reemplaceapple-touch-iconconapple-touch-icon-precomposed.Consulte "Crear un icono para su aplicación web o página web" en las Pautas de la interfaz humana de iPhone para aplicaciones web para las métricas del icono de página web.
Agregue esto en la sección de su cabeza: <link rel="icon" href="/your-icon-url"/>