Safari en OS X 10.11 El Capitan: añade un icono personalizado a las nuevas pestañas

Si quieres implementar esta característica en tu sitio web para que se vea en Safari en las pestañas fijas, necesitas vectorizar el logo, icono, favicon, etc de tu sitio web en formato SVG y con las zonas de color totalmente en negro.

Luego, en el código de tu sitio web, además de subir al servidor el correspondiente SVG, debes añadir unas metaetiquetas que deben aparecer antes de cualquier otra metaetiqueta relativa a iconos, como el favicon. En esta metaetiqueta puedes definir el color del icono, que corresponderá a la parte que has rellenado en negro del SVG.

Las metaetiquetas a añadir son:

<link rel="icon" sizes="any" mask href="ruta/al/icono.svg">
<meta name="theme-color" content="#Color">

El color lo puedes especificar en hexadecimal, RGB o como colores descritos como palabras.

0 0 votos
Article Rating
Subscribe
Notify of
0 Comments
Opiniones Inline
Ver todos los comentarios
0
Me encantaría saber tu opinión, por favor, deja un comentariox
()
x