Video: Crea tus vídeos con iMovie para iOS 2025
Al igual que puede marcar páginas web en un navegador de escritorio, puede guardar un enlace a cualquier página web en un iPhone o iPad haciendo clic en el ícono Exportar marcado con un círculo en rojo la figura superior y luego selecciona Añadir a pantalla de inicio, como se muestra en la figura inferior.
Un icono de Web Clip se parece a los íconos que vienen con las aplicaciones nativas de iTunes. Cuando un visitante de su sitio web agrega un icono de Web Clip a su pantalla de inicio (el escritorio de su dispositivo), crea un enlace a su sitio web, al igual que un marcador en un navegador web de escritorio.
Este ícono de Clip web brinda a sus visitantes un excelente atajo para regresar a su sitio web, y es una forma poderosa de hacer que sigan pensando en usted. Desafortunadamente, muchos usuarios del iPhone y el iPad ni siquiera se dan cuenta de que es posible guardar un enlace a un sitio web de esta manera.
Así es como funciona: cuando un usuario toca el botón del medio en la barra de botones en la parte inferior del iPhone o iPod touch, Safari ofrece varias opciones.
Cuando selecciona Agregar a pantalla de inicio, una imagen pequeña, llamada icono de clip Web , se guarda en la pantalla de inicio del iPhone o iPad con un enlace a la web página. Este enlace hace que ir a un sitio web al hacer clic en un icono sea tan fácil como iniciar una aplicación. Haga clic en un icono de Web Clip, y el iPhone y el iPad ejecutarán Safari y abrirán la página en un navegador de una sola vez.
Como diseñador web, puede crear una imagen para que sirva como su icono de clip web. Si no lo hace, el iPod touch, iPhone o iPad guarda una captura de pantalla de lo que se muestra en la pantalla y la usa como icono. Es una buena idea realizar un pequeño esfuerzo extra y especificar la imagen que desea utilizar como icono en la pantalla de inicio.
En esta figura, puede ver un icono de Web Clip creado a partir de la imagen principal utilizada en este diseño. Esta imagen está recortada y simplificada para que sirva como un mejor ícono que una captura de pantalla de toda la página, que incluiría el texto y otras imágenes en un tamaño tan pequeño que serían imposibles de leer.
Así es como crea un icono de Web Clip y lo especifica en el código de su página:
-
Use un programa de gráficos, como Photoshop, para crear la imagen que desea usar como su icono.
La imagen debe medir 114-x-114 píxeles y guardarse en formato PNG.
Nota: Los dispositivos de alta resolución muestran el ícono en 114 x 114. Los iPhones antiguos lo muestran a 57-x-57 píxeles, los iPads muestran 72-x-72 píxeles. Puede crear uno de cada tamaño o puede dejar que el dispositivo reduzca la escala de la imagen automáticamente. También tenga en cuenta que puede usar una imagen JPEG, pero si desea asegurarse de que el icono funcione en todos los dispositivos, guardarlo como una imagen PNG es la opción más segura.
-
Nombre la imagen apple-touch-icon. png y subirlo al directorio raíz de su sitio web.
-
(Opcional) Si desea guardar la imagen en un subdirectorio o desea utilizar un icono de Web Clip diferente para la página de inicio que el que usa para las páginas internas de su sitio, puede agregar este código a la sección de cualquier página web para especificar el nombre y la ubicación de la imagen.
