Cómo crear una costumbre iPhone y el iPod táctil icono de su sitio web

by Ross McKillop on August 11, 2008 McKillop por Ross el 11 de agosto, 2008

This brief tutorial will explain out how to create a custom icon to display on the iPhone and/or iPod touch springboard for your web site. Este breve tutorial se explica cómo crear un icono personalizado para mostrar en el iPhone y / o iPod táctil trampolín para su sitio web.

sitio icono personalizado para simplehelp.net sobre el iphone trampolín

When a user adds a site to their springboard by using the Add to Home Screen feature, by default, the iPhone or iPod touch will use a thumbnail of the visible part of the page being displayed in Safari. Cuando un usuario añade un sitio web para su plataforma utilizando Añadir a la pantalla principal característica, por defecto, el iPhone o iPod toque utilizará una miniatura de la parte visible de la página que se muestra en Safari.

click to enlarge Haga clic aquí para ampliar

If you’d like your site to have a much nicer icon appear on the springboard when people add it, create a 57px by 57px PNG icon, name it apple-touch-icon.png , and upload it to the root folder of your site. Note: Apple themselves actually use a 129×129px icon, so you may want to experiment to see what size looks best for yours (it will scale to the default iPhone/iPod touch springboard icon size). Si desea que su sitio web para tener un mucho mejor icono aparecerá en el trampolín cuando la gente que agregar, crear un 57px por 57px PNG icono, el nombre que Apple toque-icon.png, y subirlo a la carpeta raíz de su sitio . Nota: Apple en realidad sí uso a 129 × 129px icono, de modo que si quieres experimentar para ver qué tamaño se ve mejor para los suyos (que a la escala predeterminada iPhone / iPod toque trampolín tamaño de icono).
If you don’t have access to the root folder of your site, or you’d like to put the icon elsewhere, add the following line to the <head> of your site: Si no tiene acceso a la carpeta raíz de su sitio web, o que le gustaría poner el icono en otras partes, agregar la siguiente línea a la <head> de su sitio web:
<link rel="apple-touch-icon" href="/path/to/file.png" /> (and upload the file.png to that folder). <link rel="apple-touch-icon" href="/path/to/file.png" /> (y cargar el file.png a esa carpeta).
Now when someone adds your site, it will have a nice icon associated with it. Ahora, cuando alguien añade su sitio, tendrá un bonito icono asociado con él.