Estoy deseando agregar íconos de favoritos personalizados (es decir, una página de pestaña nueva) para mi sitio web en Safari 8 en Yosemite. He probado la etiqueta de gráfico abierto og:image con los 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 aún no puedo encontrar la manera correcta de incluir estos íconos. ¿Alguna ayuda? Gracias.
Esto no está relacionado con OS X, así que permitiré que el moderador mueva esta pregunta a otra red. Pero todavía voy a responder esto. El tema del que habla es el Apple Touch Icon, que puede implementarse utilizando el siguiente código:
<link rel="apple-touch-icon" sizes="57x57" href="/apple-touch-icon-57x57.png">
<link rel="apple-touch-icon" sizes="114x114" href="/apple-touch-icon-114x114.png">
<link rel="apple-touch-icon" sizes="72x72" href="/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="144x144" href="/apple-touch-icon-144x144.png">
<link rel="apple-touch-icon" sizes="60x60" href="/apple-touch-icon-60x60.png">
<link rel="apple-touch-icon" sizes="120x120" href="/apple-touch-icon-120x120.png">
<link rel="apple-touch-icon" sizes="76x76" href="/apple-touch-icon-76x76.png">
<link rel="apple-touch-icon" sizes="152x152" href="/apple-touch-icon-152x152.png">
Hay varios tamaños porque debe ser compatible con la pantalla Retina y no Retina.
Fuente: trucos CSS
Safari (al menos la versión 9.0.2 en Yosemite) no muestra un icono en las pestañas. Para una solución del lado del cliente , recomiendo SafariStand . Es un complemento SIMBL que agrega muchas funciones adicionales al Safari, como favicon en pestañas y barra de marcadores, descarga separada y panel de marcadores, y otros ajustes.