Cómo crear un logotipo personalizado iPhone Icon para su sitio web

El iPhone representa la mayor porción del tráfico web móvil para la mayoría webmaster . Por lo que usted desea que sea más fácil para el iphone visitantes a su sitio favorito con un icono de encargo del iPhone . Si no se crea un icono personalizado , el iphone creará una pequeña captura de pantalla de la página de inicio en su lugar, por lo que un buen gráfico legible será mejor si desea que los usuarios reconocen su sitio.

Retrocedamos un paso para aquellos de ustedes sin iPhones sabrán qué esto es importante . El iPhone permite a los visitantes del sitio a marcar una página o bien añadiéndolo a favoritos en el navegador Safari , o colocando un icono en la pantalla principal que actuará como un acceso directo a su sitio. Cuando alguien hace clic en un signo + en el centro inferior de su navegador web Safari de iPhone para marcar una página en su iphone , verán su icono personalizado en lugar de la pantalla en miniatura de su página. Esto es lo que parece en el iPhone cuando se añade un marcador

Aquí hay una de tres pasos " . Cómo " en la creación y publicación de un marcador específico iphone que aparecerá en la pantalla de inicio del iPhone cuando los visitantes de su sitio favorito y seleccione " Añadir a pantalla de inicio " de las opciones de los favoritos que presenta el iphone
. Cosas que necesitará
su logotipo en Formato Cuadrado
Graphics Software
programa de FTP para subir Icono
conocimientos de HTML básicas

Instrucciones
1

Esto es lo que el icono de marcador WebSite101 parecía cuando dejé mi iPhone crearlo para mí. No es visualmente atractiva y no ayudará a nadie para recordar lo que bookmarked . Si usted tiene un logotipo existente que se puede adaptar a un icono cuadrado de 45X45 píxeles , simplemente cambiar el tamaño del logotipo para caber el pequeño formato cuadrado usando su programa de gráficos favorito . Hice mía tomando un icono Twitter existente creada para WebSite101 y reduciendo el tamaño de 73 píxeles cuadrados a los requeridos 45 píxeles.
2

Esta es mi logo adaptado para ajustarse al formato cuadrado requerido de iconos del iPhone. (He añadido un esquema para que pueda ver los bordes contra el fondo blanco aquí . ) Guarde el gráfico en formato PNG y el nombre de " manzana -touch - icon.png " y cargar ese gráfico a la raíz de su sitio con un programa de FTP . El logotipo personalizado de la izquierda es mucho más probable que ayudar a los visitantes a recordar el sitio y lo que bookmarked .
3

Ahora que ya has subido el icono gráfico que representa su sitio, ¿cómo se consigue el iphone lo reconozca y utilice su nueva versión en lugar de que la pequeña pantalla ? Agregue la siguiente línea de código para el & lt ; head> de sus páginas

& lt . ; link rel = " manzana -touch -icon " href = " /apple-touch-icon.png" />