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

10

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
1
@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:

3

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
0

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