2 votos

¿Cómo garantizar que el favicon de un sitio web aparezca en la pantalla de favoritos de mi iOS, cuando puede mostrarse en la pantalla de inicio sin problemas?

Tengo el siguiente código en la sección de head de la página web:

y un archivo .png de 180px por 180px en el sitio en la dirección implícita y con el nombre correcto.

El favicon aparece bien cuando lo coloco en la pantalla de inicio de mi iOS (16.5.1), pero no cuando intento ponerlo en la pantalla de favoritos. ¿Cómo puedo lograr esto último?

ETA: el método descrito aquí funcionó para obtener la imagen correcta en la pantalla de inicio, pero no ha cambiado la imagen en la pantalla de favoritos o en los marcadores del icono genérico que muestra la primera letra del nombre del sitio.

0voto

Oskar Puntos 1242

Me pregunto si simplemente tienes imágenes antiguas almacenadas en caché y necesitas probar en un nuevo dispositivo que nunca haya visto la página web actual:

Esta publicación de SO tiene una forma de forzar la página web para ver una nueva URL para el icono favorito. Otro desarrollador sugiere omitir por completo el enlace / HTML y simplemente colocar el icono en la root de tu servidor web, ya que si puedes cumplir con el tamaño de icono más grande, iOS, iPadOS y macOS redimensionarán la imagen según sea necesario:

Por último, ¿has experimentado con apple-touch-startup-image para el uso de tu Web Clip?


Una vez que estés 100% seguro de que un dispositivo completamente nuevo / borrado que vea tu página por primera vez no guarda correctamente el icono favorito, tal vez para Safari 15 quieras revisar la presentación de la WWDC y asegurarte de que la barra de pestañas tome los colores de tu sitio web, así como configurar correctamente el icono de la pestaña anclada.

Proporcionando la Imagen Vectorial

Usa negro al 100% para todos los vectores con un fondo transparente en formato SVG y agrega el siguiente marcado a todas las páginas web que el icono debería representar (sustituyendo "website_icon" con el nombre de tu propio archivo).

Importante: El archivo SVG debe ser de una sola capa y el atributo viewBox debe establecerse en "0 0 16 16".

Luego revisa tu Icono de Página Web para Web Clip

Yo sugeriría hacer iconos en todos los tamaños aunque estés utilizando el más grande de 180 x 180

AppleAyuda.com

AppleAyuda es una comunidad de usuarios de los productos de Apple en la que puedes resolver tus problemas y dudas.
Puedes consultar las preguntas de otros usuarios, hacer tus propias preguntas o resolver las de los demás.

Powered by:

X