¿Cómo obtener íconos favoritos personalizados en Safari 8 en Yosemite?

Quiero agregar iconos de favoritos personalizados (es decir, nueva página de pestañas) para mi sitio web en Safari 8 en Yosemite. He probado la etiqueta de gráfico abierto og:imagecon formatos png y jpg. También he revisado la fuente de varios sitios que tenían los íconos personalizados en mi página de favoritos, incluido un sitio que parecía actualizar su ícono, y todavía no puedo encontrar la manera correcta de incluir estos íconos. ¿Alguna ayuda? Gracias.

safari yosemite

— preahkumpii
fuente

¿Hablas de favicon?

— StrawHara

No. Me refiero a los iconos de favoritos en la página de la nueva pestaña en Safari.

— preahkumpii

Intentó eliminar el archivo asociado en /Users/USER_NAME/Library/Safari/LocalStorage/http.yourwebsite.localstorage antes de agregar su sitio web en Favoritos?

— StrawHara

Si. No pasa nada. El ícono personalizado nunca se mostró. Solo se muestra el icono predeterminado, haciéndome creer que no estoy implementando el uso del icono correctamente.

— preahkumpii

@MrMojoRisin Es para el diseño de Safari personal del usuario. Este es definitivamente el lugar correcto aquí. Y ahora me pregunto seriamente cómo hacer esto ...

— Rob

Respuestas:

Esto no está relacionado con OS X, así que dejaré que el moderador mueva esta pregunta a otra red. Pero todavía voy a responder esto. El que está hablando es Apple Touch Icon, que se puede implementar utilizando el marcado a continuación:

<link rel="apple-touch-icon" sizes="57x57" href="/apple//apple-touch-icon-57x57.png">
<link rel="apple-touch-icon" sizes="114x114" href="/apple//apple-touch-icon-114x114.png">
<link rel="apple-touch-icon" sizes="72x72" href="/apple//apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="144x144" href="/apple//apple-touch-icon-144x144.png">
<link rel="apple-touch-icon" sizes="60x60" href="/apple//apple-touch-icon-60x60.png">
<link rel="apple-touch-icon" sizes="120x120" href="/apple//apple-touch-icon-120x120.png">
<link rel="apple-touch-icon" sizes="76x76" href="/apple//apple-touch-icon-76x76.png">
<link rel="apple-touch-icon" sizes="152x152" href="/apple//apple-touch-icon-152x152.png">

Hay varios tamaños porque necesita admitir pantallas Retina y no Retina.

Fuente: Trucos CSS

— sayzlim
fuente

No funciona. Agregué estos en los tamaños 57, 120 y 152 (según el sitio web de Apple) y los favoritos no responden.

— preahkumpii

¿Cuál es tu sitio web?

— sayzlim

pintsizedtreasures.com

— preahkumpii

Abrí su sitio y no encontré los iconos táctiles mencionados. ¿Lo has insertado?

— sayzlim

Los inserté, pero los íconos no aparecieron, así que los eliminé. Ahora, sin embargo, los íconos favoritos ahora se muestran en Safari. No tengo ni idea de porqué. Imagínate.

— preahkumpii

Safari (al menos la versión 9.0.2 en Yosemite) no muestra favicon en las pestañas. Para una solución del lado del cliente, recomiendo SafariStand . Es un complemento SIMBL que agrega muchas características adicionales al Safari, como favicon en pestañas y barra de marcadores, descarga separada y panel de marcadores, y otros ajustes.

— Hamid Rohani
fuente