¿Cómo puedo crear un icono WebClip de iPhone o iPod Touch para mi sitio web?

La última función de Apple añadida al iPhone y el iPod Touch permite a los usuarios crear iconos de clips web a la pantalla de inicio que enlazan directamente a sitios web. Al hacer clic en el icono del WebClip, Safari se carga y se dirige directamente al sitio web al que enlaza el icono.

En la mayoría de los casos, el icono que aparece en la pantalla de inicio es una imagen del sitio web al que se enlaza. Sin embargo, en algunos casos, el icono es algo único y no es simplemente una mini imagen del sitio web. Muchos webmasters han estado preguntando cómo crear un icono personalizado para su sitio web.

A continuación se explica cómo:

Crea el icono que desee mostrar en las pantallas iniciales del iPhone o el iPod touch para su sitio web. Guarde este archivo como .PNG y colocarlo en el directorio raíz / principal de su sitio web y nombrarlo apple-touch-icon.png.

El iPhone o el iPod touch aplicarán automáticamente el estilo vidrioso en el icono para que parezca un icono típica de Apple touch.

Además, si desea iconos personalizados para páginas web individuales, puede sustituir el icono de todo el lugar con un PNG personalizado colocando la etiqueta siguiente a la sección de su sitio web:

Los usuarios que vieron esta respuesta también consultaron:

Tutoriales que pueden ser de tu interés